1. FrontPage: Introduction and Review

2. 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. Next Week’s Topics  Putting Documents on the Web Newsletters (.pdf) Downloadable files.zip files Calendars

4. Future Topics?  Image Maps (support.dasnr map)  Dynamic Web Templates (.dwt)  Accessibility for disabled persons  Your Suggestions!

5. Layout  Screen Resolution 640 x 480 800 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

6. 640 x 480 screen resolution 800 x 600 screen resolution 1024 x 768 screen resolution

7. 640 x 480 screen resolution 800 x 600 screen resolution 1024 x 768 screen resolution

8. 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

9. 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.

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

11. 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

12. 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

13. 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 E-mail  Pre-determined “Subject” field tells you: That someone visited your webpage What this e-mail from a stranger is about  Screen Tips = Alt Tags