Cyberspace Image: Secrets of Internet Marketing

1
Cyberspace Image Secrets of Internet Marketing
Duncan Herrington Radford University Phone (540)
831-5309 Fax [phone] Email
dherring_at_runet.edu URL www.runet.edu/dherring
2
Creating a WWW Site
3
Topic 5 Creating a WWW Site

• Storyboard and Thumbnail Sketch

4
Topic 5 Creating a WWW Site

• Creating a Standard Theme
• Template Files

5
Topic 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
Topic 5 Creating a WWW Site

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

7
Topic 5 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
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)

11
Topic 5 Creating a WWW Site

• Basic HTML and HTML Editors (Continued)
• HTML Editors
• Would you like to see how one works?

12
Topic 5 Creating a WWW Site

• Build Your WWW Site Online
• Image Cafe

13
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)

14
Topic 5 Creating a WWW Site

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

15
Topic 5 Creating a WWW Site

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

16
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

17
Topic 5 Creating a WWW Site

• Basic WWW site features
• Forms
• Example

18
Topic 5 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

19
Topic 5 Creating a WWW Site

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

20
What Makes for an Effective WWW Site?
21
Topic 6 Effective WWW Sites

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

22
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)

23
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

24
Topic 6 Effective WWW Sites

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

25
The Beginning . . .

• Duncan Herrington
• Radford University
• Phone [phone]
• Fax [phone]
• Email dherring_at_runet.edu