Web Pages

1
Web Pages

• Using Microsoft Front Page

2
Objective
Webpageproject.doc

• Create a personal web site
• Text
• Pictures and Graphics
• Hyperlinks
• Project Assignments
• Other pages in personal web site
• Other web sites
• Posted to AFS www space

3
Creating a Website

• Plan
• Design
• Develop
• Load and test (publish)
• Update (maintain)

Text Using Technology in the Classroom Pages
176-189
4
Plan

• Purpose
• Types of information included
• Types of links created
• Organization chart

5
Web Site Organization Chart
Home Page
Interests
Photos
Assignments
Students will decide what to put on the optional
pages
TOC Word Productivity Web Evaluation Scavenger
Hunt Budget Project Data Analysis
Project Baseball Project PowerPoint Project Etc.
6
Web Site Page Names
index.html
Home Page
fun.html or interest.html
a.html or assignment.html
Interests
Photos
Assignments
pics.html or photos.html
TOC Word Productivity Web Evaluation Scavenger
Hunt Budget Project Data Analysis
Project Baseball Project PowerPoint Project Etc.
7
Web Site Organization Chart
index.html
Welcome to my Web Site
Visit My EDT321 assignments My friends in
pictures My favorite things to do
8
Web Site Organization Chart
pics.html
My Friends in Pictures
all4.jpg
Mary.jpg
Mary dancing Juan,
Tashy, Sergei and me!
trip.html
Visit Our trip to Rocky Point My home page My
EDT321 assignments My favorite things to do
index.html
a.html
fun.html
9
Web Site Organization Chart
index.html
Home Page
a.html
fun.html
pics.html
Interests
Photos
Assignments
TOC Mail Merge Word Productivity Web
Evaluation Scavenger Hunt Excel 1 Excel 2 Excel
3 PowerPoint Any image files
Mary.jpg All4.jpg
Rocky Point
trip.html
10
Design

• Clear information
• Good grammar
• No spelling errors
• Well-organized structure
• Effective navigation
• Avoid scrolling

11
CRAP

• Contrast
• Set off important items
• Repetition
• Consistent format on all slides
• Alignment
• Elements line up
• Proximity
• Items are close together

12
Develop

• Create website in FrontPage
• Create hyperlinks
• Preview
• Tasks view
• Test online

Use Web tutorials
13
Application Features

• FrontPage
• Components
• Special effects
• Graphics and pictures
• Sound
• Animation
• Hyperlinks

14
Load and Test

• Follow instructions for loading to AFS space
• Check from one or two computers
• Visit all links on all pages
• Make any revisions or changes

15
Update

• Update web site as desired
• For each project
• Final submission for grade
• Keep ASU space while a student

16
Visit Tutorial Sites

• See Web Page project sheet for URLs
• Use tutorials for learning Front Page
• Remember what you already know about Microsoft
  products
• Learn how to insert, edit, save web pages
• Learn how to use clip art
• Learn how to make hyperlinks

17
New Web in FrontPage
File Menu New Page or Web
18
Two Options
File Menu New Page or Web