I will give you guys as much help as I can. I have just and I mean JUST finished my we site. I made it in dreamweaver CS4. Ok here's what I can do to help.
I would recomend before starting that you write everything you want to say for each of your potential web pages in Word first. This will help you out later.
First: you need to know how you want your website to be layed out, if you have no Idea I would sugest looking at webpage templates to get an idea. Or sign up at wix.com. This will give you a sample site to work from, this is great cause you can play with the builder without publishing the site.
Second: Once you have an idea about the layout you need to think about how you want to impliment it. Do you want your page adjusted to the left right or do you want it centered? Do you want the page fixed or relative? Here is a good page for information:
http://www.thesitewizard.com/archive/fi ... tive.shtml
if you want a centered page that is relative.
Here is the one I used:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Body Product</title>
<style type="text/css">
.
<script type="text/javascript" src="http://tcr.tynt.com/javascripts/Tracer.js?user=bTTg9SHiKr3OKDab7jrHtB&s=23"></script>
body {
text-align : center;
background-color: #000;
}
div.wrapper {
width : 850px ;
text-align : left ;
margin-left : auto ;
margin-right : auto ;
position : relative ;
}
</style>
<script type="text/javascript">
.
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a
.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
}
//-->
</script>
</head>
<body>
<div class="wrapper">
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
>
</div>
</body>
</html>
Third: After you figure that out, you need to deside if you are going to use layers (ap div) or table layouts. If you deside to use layers you have to make everything in layers on your page. Or else the fixed objects with not stay aligned with the layerd objects when you resize your page. Here is a useful link: http://livedocs.adobe.com/en_US/Dreamwe ... -7e12.html
PS if you use a relative centered template make sure you have the text indicator inside the designated area or the ap div with become reletive to the left of the page.
Third: Copy and past the code you wish to use, and then click design (dreamweaver) this will allow you to drag and drop, move your ap divs and type where you want. You can right click and click page properties and set the background colour and text colour very quickly. Just Have fun and play around. Once you have the page how you like it make sure you save it as template.html this will help so much later. Then you can copy paste all your info on the template page and save as say contact.html, saving you from copying over the real page.
TIPs: your home page should be named index.htm, again this will make your life easy later.
Don't forget to rename the <title>Untitled Document</title> at the top of the script with the name of your page.
Name and ID every Image you insert, this will become a pain if you haven't and you want to use swaped images.
Stufffor your page:
Swap image: this is a great feature for scrolling over words and the picture changes to somthing else. http://www.adobe.com/support/dreamweave ... ior02.html
Rollover Image: Great for buttons. http://www.smartwebby.com/web_site_desi ... images.asp
Button design: Here is a good one, but just google there are tones of styles out there. http://www.mycoolbutton.com/
Shopping Cart: This is an awesome one that I just LOVE. http://ereimer.net/nopercart.htm
Contact forms: Here is one that I know works http://www.ibdhost.com/contact/
But here is a link that will allow you to understand some of the php coding.
http://www.thesitewizard.com/archive/feedbackphp.shtml
Copyright: © don't forget this.
I hope this helps, I spent many nights in tears becuase one thing or another wasn't working. If that happens try CSE HTML Validator Lite v9.0, this may help with errors in the code. Make sure all urls are correct and google everything cause some has had the same problem as you. If that doesn't work set it aside and come back later with a fresh mind.
Good Luck!
