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 cant comfortably read more than a sentence or two of text
thats 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 |