frontpage: introduction and review. today’s topics layout resolution what is a pixel anyway?!?...
TRANSCRIPT
![Page 1: FrontPage: Introduction and Review. Today’s Topics Layout Resolution What is a pixel anyway?!? Page Layout Special Layouts Files Names Page Titles](https://reader036.vdocument.in/reader036/viewer/2022070412/5697bf871a28abf838c88b18/html5/thumbnails/1.jpg)
FrontPage: Introduction and Review
![Page 2: FrontPage: Introduction and Review. Today’s Topics Layout Resolution What is a pixel anyway?!? Page Layout Special Layouts Files Names Page Titles](https://reader036.vdocument.in/reader036/viewer/2022070412/5697bf871a28abf838c88b18/html5/thumbnails/2.jpg)
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
![Page 3: FrontPage: Introduction and Review. Today’s Topics Layout Resolution What is a pixel anyway?!? Page Layout Special Layouts Files Names Page Titles](https://reader036.vdocument.in/reader036/viewer/2022070412/5697bf871a28abf838c88b18/html5/thumbnails/3.jpg)
Next Week’s Topics
Putting Documents on the Web Newsletters (.pdf) Downloadable files .zip files Calendars
![Page 4: FrontPage: Introduction and Review. Today’s Topics Layout Resolution What is a pixel anyway?!? Page Layout Special Layouts Files Names Page Titles](https://reader036.vdocument.in/reader036/viewer/2022070412/5697bf871a28abf838c88b18/html5/thumbnails/4.jpg)
Future Topics?
Image Maps (support.dasnr map) Dynamic Web Templates (.dwt) Accessibility for disabled persons Your Suggestions!
![Page 5: FrontPage: Introduction and Review. Today’s Topics Layout Resolution What is a pixel anyway?!? Page Layout Special Layouts Files Names Page Titles](https://reader036.vdocument.in/reader036/viewer/2022070412/5697bf871a28abf838c88b18/html5/thumbnails/5.jpg)
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
![Page 6: FrontPage: Introduction and Review. Today’s Topics Layout Resolution What is a pixel anyway?!? Page Layout Special Layouts Files Names Page Titles](https://reader036.vdocument.in/reader036/viewer/2022070412/5697bf871a28abf838c88b18/html5/thumbnails/6.jpg)
640 x 480 screen resolution
800 x 600 screen resolution
1024 x 768 screen resolution
![Page 7: FrontPage: Introduction and Review. Today’s Topics Layout Resolution What is a pixel anyway?!? Page Layout Special Layouts Files Names Page Titles](https://reader036.vdocument.in/reader036/viewer/2022070412/5697bf871a28abf838c88b18/html5/thumbnails/7.jpg)
640 x 480 screen resolution
800 x 600 screen resolution
1024 x 768 screen resolution
![Page 8: FrontPage: Introduction and Review. Today’s Topics Layout Resolution What is a pixel anyway?!? Page Layout Special Layouts Files Names Page Titles](https://reader036.vdocument.in/reader036/viewer/2022070412/5697bf871a28abf838c88b18/html5/thumbnails/8.jpg)
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
![Page 9: FrontPage: Introduction and Review. Today’s Topics Layout Resolution What is a pixel anyway?!? Page Layout Special Layouts Files Names Page Titles](https://reader036.vdocument.in/reader036/viewer/2022070412/5697bf871a28abf838c88b18/html5/thumbnails/9.jpg)
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.
![Page 10: FrontPage: Introduction and Review. Today’s Topics Layout Resolution What is a pixel anyway?!? Page Layout Special Layouts Files Names Page Titles](https://reader036.vdocument.in/reader036/viewer/2022070412/5697bf871a28abf838c88b18/html5/thumbnails/10.jpg)
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
![Page 11: FrontPage: Introduction and Review. Today’s Topics Layout Resolution What is a pixel anyway?!? Page Layout Special Layouts Files Names Page Titles](https://reader036.vdocument.in/reader036/viewer/2022070412/5697bf871a28abf838c88b18/html5/thumbnails/11.jpg)
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
![Page 12: FrontPage: Introduction and Review. Today’s Topics Layout Resolution What is a pixel anyway?!? Page Layout Special Layouts Files Names Page Titles](https://reader036.vdocument.in/reader036/viewer/2022070412/5697bf871a28abf838c88b18/html5/thumbnails/12.jpg)
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
![Page 13: FrontPage: Introduction and Review. Today’s Topics Layout Resolution What is a pixel anyway?!? Page Layout Special Layouts Files Names Page Titles](https://reader036.vdocument.in/reader036/viewer/2022070412/5697bf871a28abf838c88b18/html5/thumbnails/13.jpg)
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