Web Design with Dreamweaver - 14
NOTE: Cell Padding adds room inside the table cell, Cell Spacing adds to the border width
of a table.
2. To take a look at the code Dreamweaver created, highlight the table by holding your cursor
above the top, left cell until the cursor turns into a bold, downward pointing arrow. Then,
click, hold and drag to highlight all the table cells. By highlighting the table, Dreamweaver
highlights all the HTML code involved with the table in source view. Press F10 to bring up
the HTML Source Window. Look at all that code! Click in a blank area off the table to
deselect it. Close the HTML Source Window by pressing F10 again.
3. Go to File>Save to save your additions to your index.html page.
Now that you’ve set up your index page, launch Fireworks to create your graphics.
Working with Graphics in Fireworks
Fireworks is an image editor that allows you to create, edit, and optimize graphics for use on the Web.
The native file format for saving Fireworks graphics is .png but Fireworks also supports .psd
(Photoshop) files. Images need to be exported as either .gif or .jpg files before they can be used on the
GIF stands for Graphics Interchange Format. It is one of two file formats for putting graphics on your
Web pages. GIF files use the extension .gif. Use this format for images with only a few distinct colors
such as illustrations, cartoon, icons, buttons and text. GIFs support transparency and 8-bit color.
JPEG stands for Joint Photographic Experts Group. Its file extension is .jpg. It does not support
transparency but it handles far more color information (24-bit) than GIFs. Files to save in this format
would be photographs or “realistic” artwork and other full-color or grayscale images with continuous
variations in color.
For more information, see the Academic Computing handout Graphic File Formats at a Glance in the
document racks in Meyer Library or on the Web at http://acomp.stanford.edu/acpubs.