CSci 120 - Lecture 27

Multimedia Design

© Morris Firebaugh


I. Introduction

A. Embedding Graphics in HTML Documents

B. Integrating In-Line Images  - Text Flow

C. Addressing and Linking

D. Posting Pages to the WWW


II. Embedding Graphics in HTML Documents

The Image Tag is a single <IMG> with lots of attributes:

Specifying Image Files




Effects of the ALIGN attribute:


This is some follow-on text

This is some follow-on text

This is some follow-on text


Making Space Around Images


Providing Alternative Text with the ALT attribute


III. Integrating In-Line Images  - Text Flow

The Problem:  Trying to do Precision Page Layout 


The Pacific Crest Trail

Pacific Crest Trail ImageAs we move from 1D to 2D graphics, we would like to do so in the context of representation issues. Representation is at the heart of computer science. Finding the optimal representation for a problem is often the key to its solution. By representation, we mean the description of graphical objects. "Graphical objects" implies an object-oriented description-both the data structures themselves as well as the operations allowable on the data must be defined. Representation occurs at various levels of abstraction. At the highest level, we have the purely mathematical representation of vectors, Xi, transformation matrices, Mj, and the relationships between them. The next lower-level of abstraction is the algorithmic level in which the sequence of operations required to solve the problem is specified. Finally, at the lowest level, we have the program which implements the algorithm. At this level actual data structures must be specified and specific plotting routines called.  

 In HTML Editor


IV. Addressing and Linking

Distinguish between Name and URL

In HTML Editor:


V.Posting Pages to the WWW

Note: Web Page Publishing is a Two-Step Process

Algorithm for posting Web Page to the Net


VI. Laboratory Assignment # 14

Click here


Updated November 21, 2000