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


JAVA


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

http://www.photodisk.com

http://www.live365.com/cgi-bin/directory.cgi

http://ca.yahoo.com/Entertainment/Movies_and_Film/Multimedia/Video_Clips/

 

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

http://www.uwp.edu/academic/computer.science/morris.csci
 


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