How to Create A Wine Affiliate Web Page Template In Dreamweaver

This tutorial will show you how to create a wine.com affiliate page with hopes of earning commissions for each wine sale. At the end of the tutorial, you’ll have a new wine affiliate template web page that looks like this.

You can choose any wine you want. Quickly, Join now to become a Wine.com Affiliate. That way you can create your new dreamweaver page!

Let’s get started. Create a new html page with 2 columns in Adobe Dreamweaver, goto File>New and choose the settings shown below.

Immediately a “Save As” window will pop up! Save the style sheet as “style”.

Then save your Untitled-1 document as “index”.

Create A Folder On Your Computer For Your Files

I named my folder “Wine and Dine”. Open the “Wine and Dine” folder. Put the style.css inside the folder. Also, put the index.html file inside “Wine and Dine”.

Create another folder right inside your new “Wine and Dine” Folder. Name the new folder “Images”.

First we’ll give our page a title in the Code <>.

Find

<title>Untitled Document</title>

Replace it with

<title>Wine and Dine</title>

Let’s set our design. Hit the Design Icon. Download the Free Cute Girls Vector image from beeex.net. Then feel free to add your favorite Cute Girls Vector and page content to the design. Any image used should be placed in the images folder.

Just login to linkshare and choose a wine from wine.com. Then add the text and image codes for your choice of wine.

Editing the CSS

When we created this new document in dreamweaver, it gave us a grey header, sidebar, and footer. Here we will change the grey. So head over to the CSS panel and press the “All” option (shown below).

Then change the background to #666666 for both the header and footer. Instructions for adding the banner located at the footer can be found here.

Use #191919 for the sidebar1 background.

Use #333333 for the body background.

Monetizing Sidebar Ads

Be sure to type “Place holder for ads.” in your sidebar design.

Here we will add adbrite ads to monetize the sidebar. When setting up your adbrite add, we’ll use the same black, #191919 for the background to match our page. Use #000000 for the border, and #FF999 for the title. The ad size should be 160×600.

Adding the Sidebar Ads

Get the adbrite code. Highlight the “Place holder for ads.” in the design. Then click “Code” in order to insert your new adbrite add.

Find

<p class=”style3″>Place holder for ads.</p>

Replace it with

<p class=”style3″><!– Begin: AdBrite –>
<script type=”text/javascript”>
var AdBrite_Title_Color = ‘#FF9999′;
var AdBrite_Text_Color = ‘000000′;
var AdBrite_Background_Color = ‘191919 ;
var AdBrite_Border_Color = ‘000000 ;
var AdBrite_URL_Color = ”;
</script>
<script src=”http://ads.adbrite.com/mb/text_group.php?sid=484083&zs=3136305f363030″ type=”text/javascript”></script>
<div><a target=”_top” href=”http://www.adbrite.com/mb/commerce/purchase_form.php?opid=484083&afsid=1″ style=”font-weight:bold;font-family:Arial;font-size:13px;”>Your Ad Here</a></div>
<!– End: AdBrite –></p>

That’s it, unless you want Add A Horizontal Menu with Button Images, adjust colors and image borders, or add some personal edits. By now, your New Wine Affiliate Template should be ready to publish!

To publish, simply upload the whole wine-and-dine folder to your server via ftp.