hi, i was wandering if anyone knows were i can find a tutorial about how to make a template for a website i want to make. i have designed it all on fireworks and saved each part of it as a seperate image. i have seen templates on many different websites that are avalible to download and all the parts are split up by the code that is something like this '<div></div>' but i dont no how to put them next to each other. If anyone can find a tutorial that might help me to make my template i would most appreciate it. many thanks jhill
You should first find a basic tutorial on CSS and the box model. You can read about it directly from teh w3 web pages. Even though you may be able to create something visually with dreamweaver, if you want to be a template designer, or just do a decent job on yoru first template, you need to understand what the <div>s mean and how to use them. Basically each of your images that you "sliced" out of your fireworks image will be in it's own <div>. but you'll need some CSS code to tell the browser how all those div's relate to one another...what order, when to start on a new line, whether to all squish to the right or to the left, etc. Check out these sites: http://glish.com/css/ http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html http://www.bluerobot.com/web/layouts/ http://www.csszengarden.com/ Can you post a screen shot of your design with the different areas boxed?
i am not trying to be ungreatfull but is there really a point of learning css because dreamweaver does it ll for you.
i have just said i dont see the point of learning CSS because that is what dreamweaver uses all i want is a very simple tutorails that will show me how to layout my template on it.
sorry i have just reolized it is not the template that i wish to make it is the structure of it that i need to learn how to do. does anyone no were i can lean how?
Dream weaver is a tool that lets you visually edit your HTML and CSS together. Yes, it does SOME stuff for you. No one said you need to learn all of css. I suggested you learn about the box model, which is basically what you want. You have a design that you sliced into little boxes and now you want to get it into dreamweaver. It's pretty simple if you understand how the model works. I'm sorry I don't have a tuturial link for dreamweaver. It's kind of like saying "I need to write a term paper, but why should i learn about grammer because microsoft word does it all for you..." Don't worry, it doesn't hurt. Just take a look at itl.
If dreamweaver does it all for you, and you plan on using dreamweaver (which is not recommended) what do you need help with? Nick
Try this because I was curious too...so I did a google search. http://www.photoshopcafe.com/tutorials/super tutorial 2/website.htm
ye i tried that but because i am using the new dreamweaver (cs3) it does not explain in a way that i can understand
Maybe you could check the dreamweaver site itself... http://www.adobe.com/devnet/dreamweaver/articles/first_website_pt1.html
Have a look here " http://topwpthemes.com/softly-theme/#comment-226 http://www.teachucomp.com/samples/dreamweaver/dwsample.html http://www.softwaretrainingtutorials.com/dreamweaver-8.php http://softwaretraining.mercurycart.com/training/files/index.html?code=33666&action=add
If you dont want to learn css just open it in dreamweaver and edit it! I don't reccomend it though.. but it's up to yourself..