Basic
Web Design
Phase Three
Cleaning up the HTML file in Dreamweaver
Optimizing Your Slices
- Open your file titled "firstsite" in Dreamweaver. Your file should
look similar to the one below:
 You'll
notice that the file looks fragmented and broken. This is because
the text has been exported at a default size that is too large
to fit within the table cell. Our first step will be to size the
text and change the type style.
Highlight the text with the curser.
- Now we'll change the text by using the Properties
Manager. Select Arial from the drop down FONT box. Then select
a size of 10 from the SIZE drop down menu.
- Now the text fits perfectly in the table cell.
- Now lets remove the blank white images from the page. Select each
one with the cursor and then hit the delete key on your keyboard.
- Now select the F12 key on the keyboard to see how the page looks.
- You'll notice that all of the table cells have borders around
them. We will need to remove the borders. Split the screen so you
can see the code in CODE VIEW. Look for all the instances of
cellpadding="undefined".
Replace undefined with a zero (0).
- Save your file. Hit F12 again to take another look at the file.
You've now completed the entire process of creating a web page
from start to finish!
 |
page 10 of 10 |
 |
|
