Topic 6: Effective WWW Sites - Duncan Herrington`s Home Page

Download Report

Transcript Topic 6: Effective WWW Sites - Duncan Herrington`s Home Page 

Cyberspace Image:
Secrets of Internet Marketing
Duncan Herrington
Radford University
Phone (540) 831-5309
Fax (540) 831-6261
Email [email protected]
URL www.runet.edu/~dherring
Creating a WWW
Site
Topic 5: Creating a WWW Site
Storyboard and Thumbnail Sketch
Topic 5: Creating a WWW Site
Creating a Standard Theme
 Template
Files
Topic 5: Creating a WWW Site
Creating a Standard Theme (Continued)

Cascading Style Sheets
 Compare
 For
This to This
More Information on CSS See:
 Web
Developer’s Virtual Library
Topic 5: Creating a WWW Site
Creating Standard Theme (Continued)
WebBot (a.k.a. include pages)
 Example
Topic 5: Creating a WWW Site
Basic HTML and HTML Editors
 HTML
 The
By Hand
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!)
Topic 5: 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)
Topic 5: Creating a WWW Site
Basic HTML and HTML Editors (Continued)
 HTML
Editors
 Would
you like to see how one works?
Topic 5: Creating a WWW Site
Build Your WWW Site Online
 Image Cafe
Topic 5: Creating a WWW Site
Basic WWW site features
 Tables
 Example
of Effective Use of Tables
 Frames
 Frame
Illustration
 Example Frame Page (3 Frames)
Topic 5: Creating a WWW Site
Basic WWW site features
 Graphics
 Free
Graphics
• CoolGraphics
• a1 clipart archive
• AAA ClipArt.com
Topic 5: Creating a WWW Site
Basic WWW site features
 Graphics
(Continued)
 Graphics
Software Packages
• Adobe PhotoShop
• Macromedia Fireworks 3.0
• Microsoft PhotoDraw 2000
Topic 5: 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
Topic 5: Creating a WWW Site
Basic WWW site features
 Forms
 Example
Topic 5: 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
Topic 5: 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?
Topic 6: Effective WWW Sites

Content, Content, Content

Focus

Simplicity

Simple, but not boring

Easy to navigate

Fast loading
Topic 6: Effective WWW Sites

Grammar and spelling do count!

Well balanced

Excessive use of tables

Minimal use of frames

Surf the WWW for ideas

Assume 640x480 (pixels) and 256
(colors)
Topic 6: 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
Topic 6: Effective WWW Sites

Personalize if possible

Save the customer time -- then money

Be the customer’s primary source for
information

Seek assistance online
The Beginning . . .
Duncan Herrington
Radford University
Phone (540) 831-5309
Fax (540) 831-6261
Email [email protected]