Basic Web Design & Construction Ben Steed

<table align="right">

<tbody>

<tr>

<td><font color="#999999" size="1" face="Verdana">Title:

"Cutting Out the Noise"<br>

Author: Phil Ware<br>

Publication Date: February 19, 2001</font></td>

</tr>

</tbody>

</table>

<br clear="all">

<br>

<div align="left">

<table border="0" cellspacing="3" width="100%">

<tr>

<td bgcolor="#C0C0C0" width="50%" background="grey_line_background.gif"><font color="#000000" face="Verdana, Arial, Geneva, Helvetica" size="2"><b> Share

with Others</b></font></td>

<td bgcolor="#C0C0C0" width="50%" background="grey_line_background.gif"><font face="Verdana" size="2"><b> Related

Heartlight Resources</b></font></td>

</tr>

<tr>

<td width="50%">

<font color="#000000" face="Verdana, Arial, Geneva, Helvetica" size="3">

<div align="left">

<table border="0" cellspacing="1" width="150" bgcolor="#FFFFFF">

<tr>

<td width="25"><p align="center"><a href="http://www.heartlight.org/cgi-shl/simplify.cgi?20010312_grace.html"><img border="0" src="print.gif" alt="Print This Article" width="15" height="15"></a></td>

Basic Web Design & Construction

Ben Steed

Basic Web Design & Construction

Ben Steed

Session OverviewSession Overview

• The Do’s

• The Don’ts

• Comments/Questions

• The Do’s

• The Don’ts

• Comments/Questions

<font olor= #000000" face="Verdana, Arial, Geneva, Helvetica" size="3"> <div align="left"> <table border="0" cellspacing="1" width="125“ bgcolor="#FFFFFF">

<tr><td width="15" align="center"><p align="center"><img border="0"src="top.gif“ width = "15“ height="15“ alt ="Top"></td> </font> <td idth="110"><font color="#000000" face="Verdana, Arial, Geneva, Helvetica" size="1"> <a href="http://www.heartlight.org/cgi-shl/simplify.cgi?20010312_grace.html"><b>Top</b></a></font></td></table> </div><font olor= #000000" face="Verdana, Arial, Geneva, Helvetica" size="3"> <div align="left"> <table border="0" cellspacing="1" width="125“ bgcolor="#FFFFFF">

<tr><td width="15" align="center"><p align="center

• Keep It Simple• Know Your Audience • Five Fingers • Three Clicks• 5 second shot• Balance of Graphics/Text• Study Other Sites

• Keep It Simple• Know Your Audience • Five Fingers • Three Clicks• 5 second shot• Balance of Graphics/Text• Study Other Sites




- The Do’s –Planning

- The Do’s –Planning

- The Do’s - Technique - The Do’s - Technique

• Clear Text• Fast, crisp graphics• Use Tables• Fast load times• Easy Navigation

• Clear Text• Fast, crisp graphics• Use Tables• Fast load times• Easy Navigation




- The Don’ts - Technique

- The Don’ts - Technique

• Loud Backgrounds• Large, pointless graphics• Embedded music• Annoying Java tricks• Hard to read text• “Down the Middle”• Endless Animation

• Loud Backgrounds• Large, pointless graphics• Embedded music• Annoying Java tricks• Hard to read text• “Down the Middle”• Endless Animation




Comments & Questions

Comments & Questions




Basic Web Design & Construction Ben Steed

Documents

Transcript of Basic Web Design & Construction Ben Steed