FrontPage: Introduction and Review. Today’s Topics Layout Resolution What is a pixel anyway?!?...

13
FrontPage: Introduction and Review

Transcript of FrontPage: Introduction and Review. Today’s Topics Layout Resolution What is a pixel anyway?!?...

Page 1: FrontPage: Introduction and Review. Today’s Topics  Layout Resolution  What is a pixel anyway?!? Page Layout Special Layouts  Files Names  Page Titles.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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