Architectural Designs

Beginner's guide to how to design/ build a website- how do Photoshop, Fireworks, Dreamweaver all fit together?

Hello! I'd be grateful for advice on designing/ building my own website. As a serious hobby, I'd like to create a personal, non-commercial site. I've got no knowledge of HTML, CSS etc..... yet! - How do I begin? - How do I design the website (e.g. the look, layout, background, header etc.) - How do I add images/ content? - How do I add features such as photos, videos, podcasts, contact page etc. designed to fit in with the style and look of the website? - What functions do Photoshop, Fireworks and Dreamweaver all play separately and together in the process of designing/ building a website? It'd also be great if someone could point me to beginner's guides/ tutorials. Thank you in advance. Scotty

Public Comments

1. I started out with the basics (yea i done it for 4 years.>>14 XD) Images needed to be hosted by a photo image company like photobucket, which you can sign up for free. For the url here, you can right click any image, click properties, then location(firefox) but similar in ie, or just copy the url link photobucket gives you. images <img src="url here"> links <a href="" target="_blank">write here</a> (for popup window links) <a href="">write here</a>normal links <a href="" target="iframe">write here</a>ifram links(like a small navigation box on your site) Photoshop(dont get fooled, even if its orginally for photos you can make any kind of graphics on these kind of programs) Never used fireworks or dreamweaver o.o'? You can use my site as a reference (i used all the image codes i shared on it) To format the layout(which is all just a background and picture) i always use this code: <div style="position:absolute;left:313;top:285;"> write here </div> left= which direction........ right or left. Higher the number the more right it would go top= which way you want it to go? Closer to top or bottom? The smaller the number the higher/closer to the top it would be. Oh and i use corel pspx. You can even add links to images by placing it like: <a href="url here"><img src="imgae url here" border="0"></a> --------- I recommend using freewebs, its one of the most easiest to use and great for begginers ( dont do easy builder when you sign up)
2. seriously, xtrain.com has some classes for you, web design, marketing and photoshop just for web design....
3. A) You need a webhost to get pages on the web. That's what a webhost is, and that's really all you need to know. I'm using Brinkster as my webhost. I learned about Brinkster through a book called : Creating Websites:The Missing Manual. B) Your webhost will let you choose your domain name. I chose MissingMethods.com. As you can see, it was inspired by the book I read. C)Use Dreamweaver CS3 to help you create your site, because I was in the same position as you 2 months ago, facing the same issues, and that's what I am using. It's pretty good for people who don't know what they are doing! Let me give you a helpful link to get started: 1) http://missingmethods.com/Programing/A-Z_list/O_list/W_%20Programming.html This link gives you a review of what I just mentioned, but also provides a link to download dreamweaver free, some links to web hosts you might want to look at, links to the book, and a link to a Dreamweaver Tutorial to get you started.
4. HERE IS YOUR ANSWER It was my bible when in your newby possition http://www.allwebdata.com This site is the don! Its free and shows everything from step by step Perfect for beginners Trust me :)