Creating a WWW Site

1
Creating a WWW Site
2
Creating a WWW Site

• Storyboard and Thumbnail Sketch

3
(No Transcript)
4
Creating a WWW Site

• Creating a Standard Theme
• Template Files

5
Creating a WWW Site

• Creating a Standard Theme (Continued)
• Cascading Style Sheets
• Compare This to This
• For More Information on CSS See
• Web Developers Virtual Library

6
Creating a WWW Site

• Creating Standard Theme (Continued)
• WebBot (a.k.a. include pages)
• Example

7
Creating a WWW Site

• Basic HTML and HTML Editors
• HTML By Hand
• The Current Standard is HTML 4.01

8
Sample HTML File

• lthtmlgt
• ltheadgt
• lttitlegtWelcome to My Company's Web Sitelt/titlegt
• lt/headgt
• ltbodygt
• lth2 align"center"gtWelcome to My Company's Web
  Sitelt/h2gt
• ltpgtAt My Company's web site you will find . .
  .lt/pgt
• lth3gtMy Company's Productslt/h3gt
• lth3gtFacts About My Companylt/h3gt
• lta href"contact.htm"gtlth3gtHow to Contact My
  Companylt/h3gtlt/agt
• lth3gtJobs at My Companylt/h3gt
• lthr noshadegt
• lt/bodygt
• lt/htmlgt

Heres What You Would Get
9
Sample HTML File

• Here is an Example of More Complex HTML File
• REX Healthcare
• (Note the Source Code!)

10
Creating a WWW Site

• Basic HTML and HTML Editors (Continued)
• HTML Editors
• Allaire's HomeSite (94.95)
• Allaire's ColdFusion (479.95)
• Filemaker's Claris Home Page (99.95)
• Macromedia's Dreamweaver (279.95)
• Microsoft's FrontPage (129.95)
• NetObject's Fusion (269.95)

11
Creating a WWW Site

• Build Your WWW Site Online
• Image Cafe

12
Creating a WWW Site

• Basic WWW site features
• Tables
• Example of Effective Use of Tables
• Frames
• Frame Illustration
• Example Frame Page (3 Frames)

13
Creating a WWW Site

• Basic WWW site features
• Graphics
• Free Graphics
• CoolGraphics
• a1 clipart archive
• AAA ClipArt.com

14
Creating a WWW Site

• Basic WWW site features
• Graphics (Continued)
• Graphics Software Packages
• Adobe PhotoShop
• Macromedia Fireworks 3.0
• Microsoft PhotoDraw 2000

15
Creating a WWW Site

• Basic WWW site features
• Graphics (Continued)
• Animated Graphics
• Borrow/Buy -- e.g.,
• Make Your Own
• Sample 1
• Sample 2
• Sample 3

16
Creating a WWW Site

• Basic WWW site features
• Forms
• Example

17
Creating a WWW Site

• Basic WWW site features
• Meta tags
• ltMETA HTTP-EQUIV CONTENTgt
• Controls or directs the actions of the browser.
• e.g.,
• ltMETA NAME CONTENTgt
• Controls such things as page classification.
• e.g., Kodak
• Source for Meta Tags

18
Creating a WWW Site

• Basic WWW site features
• Whistles and bows
• Common Gateway Interface (CGI)
• JAVA, PERL, C , VB
• (Example)
• Flash
• (Example)

19
What Makes for an Effective WWW Site?
20
Effective WWW Sites

• Content, Content, Content
• Focus
• Simplicity
• Simple, but not boring
• Easy to navigate
• Fast loading

21
Effective WWW Sites

• Grammar and spelling count!
• Well balanced
• Excessive use of tables
• Minimal use of frames
• Surf the WWW for ideas
• Assume 640x480 (pixels) and 256 (colors)

22
Effective WWW Sites

• Use animation sparingly
• Use JAVA sparingly
• Keep pages short
• Preview using both Netscape and IE
• Place navigation bars on every page
• Allow contact from every page
• Involve the site visitor

23
Effective WWW Sites

• Personalize if possible
• Save the customer time -- then money
• Be the primary source for information
• Seek assistance online