Step 7) Some Misc Stuff If you notice in the Dreamweaver screenie, I had my .html file open on Split mode, so it's half code and half pictures. I went into the code and inserted a <center> before the beginning of the <table... > tag and a </center> after the </table> so now the table is centered. Of course your website doesn't have to be centered. By default it's aligned to the left.
Adding a title to the page is pretty simple. For example, this page's title is: Key - Extras. (Please ignore the fact that the screenie says Tutorials >_>;) To add a title, just type it in on the top of Dreamweaver. Or you can go to the top of your code and insert the Title between the <title> and </title> tags.
Changing cell alignment: Click in a table cell and go down to properties. Find Horz/Vert and you can change the way content is put in the cell. Horizontal attributes: left, center, right and Vertical attributes are: top, middle, bottom, baseline. (To do this manually, just insert align="left" valign="top" into the <td> tag. You can change the properties.)
Page Properties: I clicked Page Properties (found in corner of properties panel, when nothing is selected) and it brings up this:
From here, you can set up link colors, background image/color and other CSS-related stuff. I set top margin and bottom margin to 0 so that there's no white space above or below the layout.
Inserting a Background image: After setting a background image from the Properties panel, you can give it some special properties by going up to the code and adding the following attributes.
background-image: url(yourbgimagelinkhere.jpg); (<- Find & add to it)
background-position: center top; (Again, you can change this)
background-repeat: no-repeat; (or you can make it repeat. Your choice)
(If you are Dreamweaverless, then this is all the stuff that goes under the <style type="text/css"> tag, which goes before the <body> tag. Here is a sample of how it normally looks like.
<style type="text/css">
#main a:link {
color: #669900;
text-decoration:underline
}
#main a:visited {
color: #B8D57B;
text-decoration:underline
}
You can sample other people's source code by View > Source or Page Source.)
Actually, I prefer to use what's called a .CSS file - which I'll cover next.
>> Next: CSS
<< Previous: Dreamweaver & Preparing the website for content
