Web Page Creation Cheat Sheet

1
CSCI 100
Home Page Crib Sheet
2
Some Basics

• Youre creating a work of art
• Chars, images, tables, links, bulleted lists
• Go fetch what you need
• Get gifs, jpgs, and backgrounds
• Must look at whole project as a hierarchy
• Your web page address at SUNY Oneonta is
  http//www.oneonta.edu/students/your_user_id
• You must place all files for your web page on
  your W drive

3
Taking Internet Images

• See image you would like
• Place mouse on top of image then right click
• Choose Save Image As
• You will see the Save As window we are all used
  to
• Save the image on your W drive
• Choose a name for the image. Make sure you DO NOT
  USE blanks, , , or any other special characters
• Click Save

4
Microsoft FrontPage Editor

• College Web Page Help
• Technology, Student Website Creation, Go on to
  the Website Processing Page
• FrontPage for Students ?
• http//www.oneonta.edu/technology/compserv/webdev.
  asp
• Name your main page either default.htm or
  index.htm. Your page will not display if you name
  it something else.

5
Editor Commands

• To change the background color gt Format,
  Background, Click Background pull down button, OK
• Characters
• Type away
• Size ? Select Font Size pull down
• Color ? Select Character Color pull down
• Char characteristics ? Mark area, Right click,
  Font, OK
• To add a Title ? File, Properties, General Tab

6
Editor Commands

• Bulleted lists
• Choose bulleted list icon
• Horizontal Lines
• Insert, Horizontal Line
• Images
• Insert, Picture, From File or Clip Art, OK
• Right click on image for properties
• Picture Properties

7
Tables

• Table, Insert, Table
• Choose number of rows and columns
• Place mouse cursor inside of table cell where you
  would like to add data
• Table Properties ? Right click on table, Table
  Properties, Apply, OK
• Put anything you want into cells (Picks, Chars,
  Links etc.)

8
Links (URLs)

• Mark text, right click, Hyperlink, OK
• Mail ? mark text, right click, Hyperlink, click
  envelope, follow instructions, OK

9
Buttons, Marquees, other

• Insert, Component, Hover Button
• Right click on it for properties
• Insert Component, Marquee
• Format, Dynamic HTML Effects

10
Reminder

• "When in doubt, right click. It will often give
  you the answer." JW Ryder, Motto for CSCI 100