Presentation is loading. Please wait.

Presentation is loading. Please wait.

Computer LAB Session 1 Unit 3 3 - 1 Information Technology in Travel, Hospitality and Tourism Unit 3 Computer LAB Session 1.

Similar presentations


Presentation on theme: "Computer LAB Session 1 Unit 3 3 - 1 Information Technology in Travel, Hospitality and Tourism Unit 3 Computer LAB Session 1."— Presentation transcript:

1 Computer LAB Session 1 Unit Information Technology in Travel, Hospitality and Tourism Unit 3 Computer LAB Session 1

2 Unit Today’s Topics  Layout Resolution  What is a pixel anyway?!? Page Layout Special Layouts  Files Names  Page Titles Locations Sizes  Pictures Sizes Auto-Thumbnail Alt Tags  Hyperlinks 3 main types Screen Tips

3 Computer LAB Session 1 Unit How to plan your content  When you're planning a Web site, it's important to establish the goal of the site first.  The designer of the site shown here established a goal, which was to generate $500,000 in sales through online orders.  After looking at the site, do you agree it was designed with this goal in mind?

4 Computer LAB Session 1 Unit Tips for creating a goal Make sure you know who your audience is. Make sure the goal is specific and quantitative. Keep your goal simple— about one sentence long.

5 Computer LAB Session 1 Unit Sketch site structure  Once your site's goal is defined, sketch out the structure of your site beforehand.  Use a pencil and paper (or a diagramming tool, like Microsoft® Visio®) to draw boxes for pages and arrows for links. Remember to keep your goal in mind as you do this.

6 Computer LAB Session 1 Unit Sketch a common layout  After you've sketched a map of your site, it's time to start sketching a common layout for each of your pages.  You could start designing the page layout using FrontPage, but we recommend keeping it on paper at this point. Pencil and paper can be easier to change, as noted before.

7 Computer LAB Session 1 Unit Things to consider while sketching layout Here are some of the things to consider as you sketch the layout: Should each page have a common header and footer? Should the site have a consistent method of navigation? Are there any marketing requirements for the site? Legal requirements?

8 Computer LAB Session 1 Unit Sketch a common layout  Using your sketches as a model, you'll eventually use FrontPage to design Web pages in HTML. You might use a table for the skeletal structure, or layout, of the page.  Once the layout is defined, you can fill it with content. For example, you'll want to add text, hyperlinks, pictures, and interactive buttons.

9 Computer LAB Session 1 Unit Web Structure Index RoomHome page FacilitiesDiningAttractionLocationHistory

10 Computer LAB Session 1 Unit Begin Adding Information to Your New Page

11 Computer LAB Session 1 Unit Saving Your New Document

12 Computer LAB Session 1 Unit Changing the Name of the Document Be sure to give the document a logical, but short, name.

13 Computer LAB Session 1 Unit Close your newly created document, and you will see your original document with a new link...

14 Computer LAB Session 1 Unit Preview Your Document in Your Browser

15 Computer LAB Session 1 Unit Be Sure to Test Your New Link!

16 Computer LAB Session 1 Unit Inserting a Link to an External Web Page

17 Computer LAB Session 1 Unit Inserting an External Link To create a link to the Michigan Historical Center… the address is: Highlight the Item that you want to link to… and click on the link icon...

18 Computer LAB Session 1 Unit You will see the same window as with an internal link Put the address for the site in the URL line and click on the OK button.

19 Computer LAB Session 1 Unit You will now have a link on the page, which (hopefully) goes to the desired address...

20 Computer LAB Session 1 Unit Create a second link to the Michigan Electronic Library History Page using the following address:

21 Computer LAB Session 1 Unit Inserting Images with FrontPage The end result we’re aiming for with the example document...

22 Computer LAB Session 1 Unit Saving the Image to Your Computer Click the Right Mouse Button, Select Save Image As...

23 Computer LAB Session 1 Unit Pick A Location on Your Computer for the Image The Location is very important with FrontPage! The path should be like the example image above. The path is as follows: C:\Webshare\Wwwroot\myorganization\images

24 Computer LAB Session 1 Unit Write Down the File Name!! In this case, the file name is bl_diam.gif Don’t forget the extension! (.gif in this case)

25 Computer LAB Session 1 Unit Click on the Save Button... Very briefly, you will see the Saving Location Window… The image is now saved on your computer and can be used on your web document.

26 Computer LAB Session 1 Unit Once you’ve got the image saved, you will need to insert it into the document Place the cursor where you want the image to appear in your document Click on the Insert Image Button...

27 Computer LAB Session 1 Unit Locate the image on your computer The location of the image should be exactly the same as where it was save to, as in the example below: C:\Webshare\Wwwroot\myorganization\images Double click the image to insert it into your document...

28 Computer LAB Session 1 Unit An image should be inserted into your document

29 Computer LAB Session 1 Unit Using an Image as a Link

30 Computer LAB Session 1 Unit Using an Image as a Link Insert the address of the web page that you want to link to in the Location line. In the example, the address being used is: history/history.html Click on the OK button to make the image a link

31 Computer LAB Session 1 Unit Using an Image as a Link

32 Computer LAB Session 1 Unit Inserting Tables into Your Document

33 Computer LAB Session 1 Unit Changing Table Properties

34 Computer LAB Session 1 Unit Changing the Size of the Cells

35 Computer LAB Session 1 Unit Inserting a Line Break

36 Computer LAB Session 1 Unit

37 Computer LAB Session 1 Unit Layout  Screen Resolution 640 x x 600 (most common) 1024 x 768  Smaller number = larger text  Smaller number = smaller amount of information on screen  Preview in browser at different resolutions

38 Computer LAB Session 1 Unit x 480 screen resolution 800 x 600 screen resolution 1024 x 768 screen resolution

39 Computer LAB Session 1 Unit x 480 screen resolution 800 x 600 screen resolution 1024 x 768 screen resolution

40 Computer LAB Session 1 Unit Layout  Step One, set screen resolution  Step two, insert layout table This two step approach formats your pages for optimum viewing by your audience  Alternative: Make Column Autostretch

41 Computer LAB Session 1 Unit Layout with Tables  Page layout has 3-4 areas A. Header B. Navigation C. Body D. Footer  Total layout table dimensions should be 760 x 405 (shown in the task pane under Layout Tables and Cells) - Fits best on 800 x 600  Use tables for special layouts - pictures, archives, design elements (Table/Insert/Table) A. B. C. A. D. B.C.

42 Computer LAB Session 1 Unit Files  FileNames vs. File%20Names Page Titles  File Locations – Organization is key Subfolders for Newsletters & Images  File Sizes 1,024 KB = 1 MB Documents ( KB max) Pictures ( KB max) How many more pictures can you put on the site in the same amount of space? 2 MB file 200 KB file

43 Computer LAB Session 1 Unit Picture Size  Layout size  File size  Use Picture Manager to edit both together Reduce file size to 6% on average Make a copy first, as this will alter your original file

44 Computer LAB Session 1 Unit Pictures  Arranging with Tables Place a line first (enter) Table / Insert / Table  Auto-Thumbnail to minimize pictures  Alt Tags Right Click – Format Picture Site – Alternative Text

45 Computer LAB Session 1 Unit Hyperlinks  3 most common types of hyperlinks Existing Pages  Page in this site (Current Folder)  Recently Browsed (Browsed Pages) Place in this document  Create bookmark first  Pre-determined “Subject” field tells you:  That someone visited your webpage  What this from a stranger is about  Screen Tips = Alt Tags


Download ppt "Computer LAB Session 1 Unit 3 3 - 1 Information Technology in Travel, Hospitality and Tourism Unit 3 Computer LAB Session 1."

Similar presentations


Ads by Google