Ok guys, in this tutorial we are going to create a simple and clean adsense layout.

We are going to start by setting up the Appearance Page Properties, you can find the link at the bottom of your dreamweaver in the properties panel.

Set these options:

Now we are going to create a table (Insert>Table).

Set these options:

Now in the top row we are going to insert another table with these options.

In the left column in this new table we are going to insert our logo which you can see bellow:

We will highlight the two columns and take the background colour of the logo.

Now we are going to highlight the middle rows and give them a background of white.

Now in the third row we are going to insert a new table with these options:

We are going to give the table these options:

Now we are going to highlight each column and give them a background and border of gray.

Now inside each column we are gonig to insert a new table with these options:

Give them a border and background:

You should now have this:

Ok now we are going to add a header and footer to the page and put text for our links.

Now we will add links to the bottom of our page for our site map and then add our content, you should now have this:

Now to add our adsense we are going to add adsense in the top right column, second row and bellow our content.

To add your adsense code, right click where you want to add it and click Insert HTML, add your code and your done!

Now we are going to give the site a title which will be shown at the top of your browser.

And your done!

If you would like more help with this tutorial please register and visit the forum.

Bookmark with:

             

Add to Favorites	Google Bookmark
Delicious	Digg
reddit	Stumble Upon