generates the codes for you
can be used to create individual pages
can be used to manage entire websites

FrontPage Tool Bar

• Insert Component
• Insert Table
• Insert Picture
• Hyperlink button
• Reload button
• Stop button

FrontPage Views/ tabs

• Design - creating a web page
• split / codes - used for editing codes
• Preview - allows you to preview your page

Page Properties

General/Title - displays in the identification bar when page is viewed

Formatting/

Background - can choose picture

watermark - background remains stationary and text scrolls over it

Colors - choose defaults

• background - solid background color
• text - default text color
• hyperlink - color of non visited link
• visited hyperlink - color of link when in list of history sites
• active hyperlink - currently followed link

Page Elements

Text - use font size and color to add interest

Tables - divides page into sections

Horizontal Lines - break text and help organize it

Lists - bulleted/numbered

Marquee - separated text that scrolls across the screen (IE

Hyperlinks

email link

Graphics / clickable images

Rules of thumb

• Collect images to be used into a central location (folder)
• Use lowercase files names that are meaningful with no spaces   or special characters for all images and web pages
• Use file names that are 8 characters or less, case sensitive (both the name and extension)
• Use file extension consistently (all HTML or HTM)
  
  

• open ftp program (WsFTP)
• connect to cslab103.cs.edinboro.edu
• move into proper directory (always within public_html)
• find file on local machine in ftp window
• transfer the webpage to cslab103 (best to use "binary")
• transfer all images and css pages (best to use "binary")
• minimize ftp program
• view webpage in web browser

URL address:

cslab103.cs.edinboro.edu/~username/path to file/filename.htm

Troubleshooting

if webpage does not display

• check URL address typed in web browser
• check permissions on path to file (all directories must be exec for world/other)
• check permissions on file (readable for world/other)
• check case of filename and extension
• check extension (htm vs. html)

if images don't display  (looks like this:  )

• check image files were transferred using "binary" setting
• check case of filename and extension
• check img tag in webpage is correct (view source in web browser)
• check image filename has no spaces or spl characters