FrontPage: Introduction and Review

1
FrontPage Introduction and Review
2
Todays 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 Weeks 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
• Header
• Navigation
• Body
• 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)

10
Files

• FileNames vs. File20Names
• 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 onthe 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