Web Lesson

 
Definitions: Web Site vs. Web Pages
Web Site: The collection of pages that one person is responsible for. Web page: One page viewed in a browser such as Netscape
Only seen by the WebMaster The only part of the site that a visitor sees.
Front Page Explorer Front Page Editor
Manage the organization and hierarchy of a site: including pages and graphics
View and test the hyperlinks of an entire site.
Design and edit pages.
Make hyperlinks

Name or URL or Address: the Name of a page is the address the computer knows it by. It should be short (six letters or less) and it must end in .htm and cannot have spaces.
Title: An alternative to the Name, this can be several words with spaces. This is usually the same as the Heading: which you put on the page itself. The title does not show up on the page.
Hyperlinks or Links: words or graphics on Page A that point to Page B. These are a part of Page A only. You can think of a hyperlink as the title or button you push to get to page B. Text hyperlinks are usually blue and underlined (automatically).
Gif and Jpg (or Jpeg): typical graphics types used in Web pages. Gifs are smaller and lower resolution used for inline (or embedded) graphics. Jpgs are usually used for photographs or high quality scans.

To Create a Site:

  1. Understand the Content: What kind of content is it: pictures, long informative articles, product sales, technical help?
  2. Categorize: Divide the content into categories and subcategories. Generally, every subset of information should only be one or two screensfull long unless it is a detailed technical article (in which case it should have headings).
  3. Draw the hierarchy: Which sets of information fit into which category? How are categories related? Set it down in an org. chart.
  4. Use FP Explorer to create the site. File Menu ->Open->Create a New Web ->One page Web ->Name it
  5. Create a Home Page (if it doesn't already exist). It must be named index.htm or default.htm.
  6. Create pages: (In FP Editor) File Menu ->New->Normal Page


Once you create a new page, immediately type in a distinctive Heading at the top and then save it with an appropriate Name and Title. If you don't do this, you are doomed to mess things up.
Use Tables to structure your page. We have used a 2-Row by 2-Column table with the icon in the first cell and the page heading in the second cell. Int he Table menu, you can select cells, add and delete columns and other table related stuff.
Put Navigation bars on each page. A navigation bar is a set of hyperlinks to related pages. Every page must have at least one hyperlink to another page. Every page should be hyperlinked to the home page. Navigation bars are usually put along the left side or in a line immediately below the first heading. Nav bars are also often put at the end of the page in addition to elsewhere.
Save the page you are working on periodically. Do a Save As only when you want to create a new page with the same format as the old page. If you get asked for a page name and title, you are doing a Save As.
Normal view is for editing a page, Preview is to test hyperlinks. After you test links in Preview, Normal view will take you to the first page you came from. If links do not work right in Preview or the pages do not show your latest changes, quit Editor and start up again.
Use Properties to set and change things on your page:
Font Hyperlink Image Cell Table Page
Color, size, bold, italic* Link to Select Image, set border Alignment, color, width Color, border style, width Background image or color

*never use underlines


To Back Up a site: Exit Front Page Editor and Explorer and go to the Windows desktop. Open My Computer ->WebShare ->Wwwroot to see yourFolder.
Insert Floppy. Drag YourFolder onto the floppy. This will copy all your pages and related files onto the floppy.