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