Our method assumes you create a series of files:
| HTML |
NOTES |
<html> <head> <title>2. My Slide Show</title> </head> <BODY BGCOLOR = #FFFFFF TEXT=#220000> |
Header and body. The body tag contains a NetScape option to colorize the background. "#FFFFFF" is the hexadecimal code for the color white. For more info, see Yahoo | the color for the text is a very dark brown color.
<table border=0 width=100%> |
Button Banner. Use a table to create the button areas at the top of the screen. There are three cells- the left arrow; title text; the right arrow. The width option forces NetScape to use the entire screen. |
<tr> <td align=left> <a href="s01.html"> <img alt="back" src="images/left.gif" border=0></a> </td> |
Left button cell. Graphic image of button links to previous page. The border=0 option for the <img...> tag suppresses the blue hypertext border on the button. |
<td align=center> <font size=+3><TT> <b>a jurassic lesson...</b> </TT></font> </td> |
Screen title Use the center table cell to put a title for the slide. The <tt> tag and the <font size=+X>....</font> for are for formatting the text that describes the slide. |
<td align=right> <a href="s03.html"> <img alt="next" src="images/right.gif" border=0></a> </td> </tr> |
Right button cell. Graphic image of button links to the next screen. The border=0 option for the <img...> tag suppresses the blue hypertext border on the button. |
</table> <hr> |
End of table. An <hr> hard-rule breaks the section between the button area and the slide content. |
<center> <basefont size=+4> |
Text size and alignment. The <basefont> tag makes all successive text be relative to the size +4. | For a slide show, we want to make the text as big as possible.
<img src="images/dino.gif"><br> ... survivors evolve </center> </body> </html> |
Body of the slide. The display has an image and text. |