Tools:
  • FrontPage 98
  • Access (if needed)
  • Photoshop
  •  
Browsers:
  • code for 800 by 600 pixels
  •  
Fonts:
  • use default for all pages
  • use css to define page fonts
  • p = arial, 10pt
  • a = arial, bold, 10pt
Frames:

Main page

  • main frames page table should be 600 pixels
  • use <table border="0" width="600" cellspacing="0" cellpadding="10"> to create table
  • top and left margins = 0
  • resizeable = No
  • turn off borders
Table of Contents
  • table of contents (TOC) page is 170 pixels
  • leaves 12 pixels for vertical scroll bar
  • top and left margins = 0
  • resizeable = No
  • turn off borders
  •  
Cascading Style Sheets (CSS):
  • use styles.css as master css sheet
  • use <link REL="stylesheet" HREF="styles1.css" TYPE="text/css"> to link page to master styles sheet
  •  
Language:
  • use master.js as the master javascript for web
  • use <script language="JavaScript" src="master1.js"></script> to link all pages to the master.js master javascript page
  •  
File Names:
  • use "empe" prefix for employee pages
  • use "empr" prefix for employer pages
  •  
Background:
  • link all pages to _private/background.htm
  •  
Parameters:
  • company = HR Total
  • broker = Consultants 4 Insurance Benefits
  • employer = Webb Information Services
  • employerInc. = Webb Information Services, Inc.
  • employee = Teresa Casey
Layout:
Rule 1: Make 450 pixels the maximum width for a column of Web-page text. A person can’t comfortably read more than a sentence or two of text that’s stretched out 500 or 600 pixels wide.

Rule 2: Try to keep every page to one non-scrolled page.  Allow for logically printed pages, but it's better to have "Next page" links to the next logical page, than have one, long scrolled page.

Rule 3: Limit the animations to 2 moving annimations per page.  One is ideal.

Rule 4: Make text scannable. Highlight keywords, use bullet lists, reduce word count, use meaningful sub-headings (not cute ones), and limit writing to one idea per paragraph.

Rule 5: Links should say where they're going.

Meta Tags:
 
Web Page Checklist:
Remove top line navigation

Remove all font references

Paste in meta tags and styles.css and master.js

<meta name="GENERATOR" content="Microsoft FrontPage 3.0">

<meta name="description"

content="The best 360 degree software for managing your 360 degree feedback process. Download a free fully functional copy of AllPoints Feedback to evaluate for 90 days.">

<meta name="keywords"

content="360 degree feedback, performance review, 360 degree performance review, employee evaluations, 360 degree employee evaluations, employee review, 360 degree employee review, software, 360 degree software, free demo">

<link REL="stylesheet" HREF="styles1.css" TYPE="text/css">

<script language="JavaScript" src="master1.js"></script>

 Paste in body html

<body stylesrc="Includes/APFstyles.htm" topmargin="0" leftmargin="0">

 Add table

<table border="0" cellpadding="10" cellspacing="0" width="600">

<tr>

<td width="450" valign="top" align="left" height="1" bgcolor="#0000FF"></td>

<td width="150" valign="top" align="left" height="1"></td>

</tr>

<tr>

<td width="450"></td>

<td width="150"></td>

</tr>

<tr>

<td width="450"><!--webbot bot="Include" U-Include="Includes/APFcopyright.htm" TAG="BODY" -->

</td>

<td width="150"></td>

</tr>

</table>

 Move contents within new table

 Spell Check