CSci 120 - Lecture 22

Multimedia Design

© Morris Firebaugh


I. Introduction

A. Conclude Chapter 11: The Internet and WWW

B. Survey of WWW Page Design Tools

C. Considerations in Web Page Design

D. The HTML Language

E. HTML Editor


II. Multimedia on the WWW

Features of the WWW


Limitations of the Internet


Advance Web Design

 Go to Unico Seminar Series

III. Developing MM for the WWW - Design Tools

The WWW is the best Source of MM Material


Web Page Design Tools

1. Search Engines
2. HTML Editors
3. Graphics Processing Tools


Search Engines

1. Stanford University's YAHOO
2. Savvy Search
3. DEC's AltaVista (Compaq)
4. GOOGLE - The Intelligent Search Engine

The query "HTML+Language" produces about 2,580,000 references. The seventh one gives the following URLs:

Beginner's Guide to HTML

Beginner's Guide to URL's

Introduction to HTML

Beginner's Guide to the World-Wide-Web and HTML

Overview of HTML

Introduction to HTML 3.0

HTML Tutorial

A Crash Course in HTML

HTML Writers Guild Home Page

How To Write HTML Documents

World-Wide-Web FAQ

Quick Review of HTML 3.0

Guide to Creating URL's

Guide to Working With HTML

Writing HTML

The World-Wide-Web HTML Mailing List

The HTML Hint 'O The Day


HTML Editors

1. Adobe GoLive -->Both abstract and concrete

2. HTML Editor [available by downloading from the WWW]

3. MS-Word--> Very concrete


Features of GoLive

For a more complete description of Adobe GoLive features, see

Unico Seminar 6

Features of HTML Editor


Problems with HTML Editor

When all else fails, use MS-WORD, a very concrete program.


Graphics Processors for Web Design

1. Graphics Converter [Shareware on the WWW]
2. Transparency [Shareware on the WWW]
3. ImageMap [Shareware on the WWW]

Features of Graphics Converter

Features of Transparency

Features of ImageMap


IV. Considerations in Web Page Design

Five Principles of Web Page Design

1. The Web is the best source of information

2. Borrow ideas --> copy proven designs

3. Try to stick with OOP --> Use encapsulation

4. Use hierarchical data structures (folders and files)

5. Keep it simple (to make it fast). Large graphics slow it down.

Example of Encapsulation and Hierarchical Design

V. The HTML Language

Some features of HTML

VI. HTML Editor

Major Button Tools

= Converts selected text to heading--><H1>...</H1>

= Converts selected text to bulleted or numbered lists --> <UL> <LI>...</UL>

= Carriage return + linefeed --> <BR>

= New Paragraph --> <P>

= Converts selected text to BOLD --> <B>...</B>

= Converts selected text to ITALICS --> <I>...</I>

= Converts selected text to underline --> <U>...</U>

= Create a link to a target within this document <A HREF=...> </A>

= Create a link to a target outside this document <A HREF=...> </A>

= Set selected text as a target for linking

= Insert a Graphic here

= Click this button to define a Form

= Click this button to define a Table

= Go to Browser [e.g., NetScape]

= Re-style current document [takes some time]

= This pretty much says it all.


VII. Laboratory Assignment # 12

Click here

Updated November 12, 2000