FrontPage: Introduction and Review. Today’s Topics Layout Resolution What is a pixel anyway?!?...
-
Upload
cuthbert-bradford -
Category
Documents
-
view
215 -
download
0
Transcript of FrontPage: Introduction and Review. Today’s Topics Layout Resolution What is a pixel anyway?!?...
FrontPage: Introduction and Review
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
Next Week’s Topics
Putting Documents on the Web Newsletters (.pdf) Downloadable files .zip files Calendars
Future Topics?
Image Maps (support.dasnr map) Dynamic Web Templates (.dwt) Accessibility for disabled persons Your Suggestions!
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
640 x 480 screen resolution
800 x 600 screen resolution
1024 x 768 screen resolution
640 x 480 screen resolution
800 x 600 screen resolution
1024 x 768 screen resolution
Layout
Step One, set screen resolution Step two, insert layout tableThis two step approach formats your
pages for optimum viewing by your audience
Alternative:Make Column Autostretch
Layout with Tables
Page layout has 3-4 areasA. HeaderB. NavigationC. BodyD. 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.
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
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
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
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