CSci 120 - Lecture 27
© Morris Firebaugh
A. Embedding Graphics in HTML Documents
B. Integrating In-Line Images - Text Flow
C. Addressing and Linking
D. Posting Pages to the WWW
<IMG SRC=". ./images/reddot.gif">
<IMG src=". ./images/reddot.gif">
<img SRC=". ./images/reddot.gif">
<IMG src=". ./IMAGES/REDDOT.GIF">
<img SRC=". ./images/reddot.GIF">
<IMG SRC="GraphCon.GIF" ALIGN="top"> produces
<IMG SRC="GraphCon.GIF" ALIGN="middle"> produces
<IMG SRC="GraphCon.GIF" ALIGN="bottom"> produces
As 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.
<p align="justify"><IMG SRC="PCT.JPG" ALT="Pacific Crest Trail Image" HEIGHT=138 WIDTH=185 ALIGN=LEFT HSPACE=10 BORDER=3>
1. Position cursor at desired graphic location
2. Click the button
3. The following window opens:
<IMG SRC="image1.JPG" ALIGN=ABSMIDDLE>
5. This HTML code will display the specified image at the desired location.
For instance, in the first section of this lecture,
is the name, and
is the URL.
How is this connection made?
1. Position cursor where you want the hot link and select the name
2. Click the button (for external reference)
3. Fill in the URL in the pop-up window.
in your document.
5. Type in the name, if you have not selected it, you want for the hot link:
<A HREF="http://www.uwp.edu">Parkside HomePage</A>
1. Create and Test Page Object and Links Off-line
2. Post the Web Page Object to the Net (i.e., "up-load it")
1) Open Fetch
2) Enter the following information in the dialog box:
Username: <the student's login name>
Password: <the student's password>
(The Director field tends to start with /pub, you need to clear it out.)
3) Double click on the public_html directory. This is where the web pages need to go.
4) Upload the pages, using the "Raw Data" file type
5) Start Telnet and log in to the e-mail machine.
6) Choose option 14 from the menu (exit to shell)
7) Type 'cd public_html'
8) Type 'chmod o+r*'
9) Type 'menu' to return to the menu
10) Use NetScape to test the page.