Hey guys, in this tutorial il be teaching you how to create a great band layout, we will be using CSS to do some great effects.
Start by creating a new html document and going to your Page Properties by going to the bottom of your dreamweaver and click the Page Properties buttons. Select these options for your page appearance:

Now we have chosen a background image, you will notice it will repeat and your image will be displayed several times, to make it only appear once go to your tag panel (right hand side) and click Relevant CSS and find Background_repeat and click no-repeat.

Now create a new table (insert>table) and use these options:

Align your table to the right hande side.

In the second row put the text you want to use for your links, bold and center them.

You should now have this:

Now go Page Properties and click on the category Links, choose these options:

Now highlight your text and give it a link.

Go to your Relevant CSS and click a:hover and click border-top and border-bottom style and choose dotted.

You will now have this roleover effect on your links:

Now in the top row we are going to split the table, right click in the table and Table > Split Cell...

Choose to split cell into 2 columns and click OK.

Now in the left column type in your website name, choose these options:

In the right column insert a image (insert>image)

In the third row we are going to put our next event date. Now in the fourth row we will be putting website content, after each content (about, the band etc) put a horizontal rule.

Give it a width of 95 % and center it.

You should now have this:

Under band members we are going to insert a table (insert>table) to put in the band information in.

Fill in the information and you should now have this:

Add the final touch's of adding copright and your done! Well done guys.

discuss this topic to forum
