no2 by hedongchenchen

VIEWS: 2 PAGES: 23

									Creating a WWW
Site
Creating a WWW Site
  Storyboard and Thumbnail Sketch
Creating a WWW Site
  Creating a Standard Theme
     Template   Files
Creating a WWW Site
  Creating a Standard Theme (Continued)

     Cascading Style Sheets
       Compare    This to This
       For   More Information on CSS See:
          Web   Developer’s Virtual Library
Creating a WWW Site
  Creating Standard Theme (Continued)

    WebBot (a.k.a. include pages)
     Example
Creating a WWW Site
  Basic HTML and HTML Editors

     HTML     By Hand
        The   Current Standard is HTML 4.01
     Sample HTML File
<html>
<head>
<title>Welcome to My Company's Web Site</title>
</head>
<body>
<h2 align="center">Welcome to My Company's Web Site</h2>
<p>At My Company's web site you will find . . .</p>
<h3>My Company's Products</h3>
<h3>Facts About My Company</h3>
<a href="contact.htm"><h3>How to Contact My Company</h3></a>
<h3>Jobs at My Company</h3>
<hr noshade>
</body>                         Here’s What You
</html>
                               Would Get
   Sample HTML File
Here is an Example of More Complex
 HTML File:
   REX   Healthcare
     (Note the Source Code!)
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)
Creating a WWW Site
  Build Your WWW Site Online
   Image Cafe
Creating a WWW Site
  Basic WWW site features

     Tables
        Example   of Effective Use of Tables

     Frames
        FrameIllustration
        Example Frame Page (3 Frames)
Creating a WWW Site
  Basic WWW site features

     Graphics
        Free   Graphics
          • CoolGraphics
          • a1 clipart archive
          • AAA ClipArt.com
Creating a WWW Site
  Basic WWW site features

     Graphics   (Continued)
        Graphics   Software Packages
          • Adobe PhotoShop
          • Macromedia Fireworks 3.0
          • Microsoft PhotoDraw 2000
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
Creating a WWW Site
  Basic WWW site features
     Forms
        Example
Creating a WWW Site
  Basic WWW site features
     Meta   tags
        <META      HTTP-EQUIV= “” CONTENT=“”>
          • Controls or directs the actions of the browser.
          • e.g.,


        <META      NAME= “” CONTENT=“”>
          • Controls such things as page classification.
          • e.g., Kodak
        Source   for Meta Tags
Creating a WWW Site
  Basic WWW site features

     Whistles   and bows
        Common Gateway Interface (CGI)
         • JAVA, PERL, C++ , VB
            – (Example)


         • Flash
            – (Example)
What Makes for an
Effective WWW
Site?
Effective WWW Sites
     Content, Content, Content
     Focus
     Simplicity
     Simple, but not boring
     Easy to navigate
     Fast loading
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)
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
Effective WWW Sites
     Personalize if possible
     Save the customer time -- then money
     Be the primary source for information
     Seek assistance online

								
To top