Starting Your Web Page

1
Starting Your Web Page

• John Sullivan
• 2003

2
Designing Your Site

• Instead of just jumping in first think about your
  site
• To design your site
• Why are you creating the page?
• Who is your audience?
• How many pages will you need?
• What sort of structure would you like?
• Do you want visitors to go through your site in a
  certain way?
• Sketch Navigation design
• Develop story boards.
• Tips do not overdo it

3
Sketching out your site
Home
Do not over do it!
4
Another Sketch
Intro
Photo 5
Photo 1
Photo 4
Photo 2
Photo 3
5
Storyboards


6
Organizing Files

• To organize your files
• Create public_html for RVCC2
• Divide the root directory into subdirectories
  (folders)
• It should reflect the organization of your
  design
• Considerations
• Cut down on redundancy
• Use small folder names

7
Creating a New Page

• Open Notepad (lets try Word saving as Text
  only with html extension)
• Netscape Composer??
• Starting Your Web Page
• Type lthtmlgt
• Type lt/htmlgt
• Your can create a template with HTML tags already
  typed in
• And
• Create the foundation
• lthtmlgt
• ltheadgt
• lt/headgt
• ltbodygt
• Head and Body tags are optional but use them
  anyway

8
Creating a Title
Tips Required Cannot contain any
formatting Pages title directly reflects its
ranking in most search engines. The closer the
title to search condition the higher it will
appear in listings. Used in history and favorite
lists Dont use colons or backslashes Use
special symbols

• lthtmlgt
• lttitlegt It will appear in the title bar of the
  browser window
• It is also used by search engines like Yahoo
  Alta Vista
• As well as in your visitors browsers history
  lists and bookmarks
• lt/titlegt
• ltheadgt
• lt/headgt
• ltbodygt
• Head and Body tags are optional but use them
  anyway
• lt/bodygt
• lt/htmlgt

9
Organizing the Page

• Headers
• lthngt where n 1 6
• Goes in the body
• Aligndirection (left, right, center)
• ends with
• lt/hngt
• The higher the level the smaller the number
• Displayed as Times New Roman, boldface at 124,
  218, 314, 412, 510, 68
• Can be used with styles

10
Starting a New Paragraph

• To begin a new paragraph type
• ltpgt aligndirection (left, right, center)
• end with
• lt/pgt
• All block level elements like (Hn) include an
  automatic carriage return which means you do not
  need a ltpgt
• You can use styles to format paragraphs (font,
  size, color)
• Amount of space between paragraphs depends on
  size of surrounding text
• A quick and sloppy way to add extra space between
  paragraphs is to type nbsp
• WEB Support

11
Saving Your Page

• File save as
• In WordPad, give the file the .htm or .html
  extension.
• .htm from Windows 3.1
• Mac users do not need it but they are very little
  of the audience
• Name your home page index.html or default.htm
  depending on your server
• Ask your ISP

12
New View in a browser

• File gt Open
• Make corrections if needed
• FTP

13
Organizing Files
14
The End

• John Sullivan