First website - don't know where to start

KizZ

KizZ

KizZ

Soldato
Joined
18 Aug 2005
Posts
5,236
Location
Lincoln
Hi all

I'm IT BTEC 1st diploma student and I'm soon going to start making my own website for web development. This is my first website ever and I want to make it look decent. :) Unfortunately, I know nothing about Dreamweaver but have Photoshop skills so the graphics won't be hard for me. I can see some other students have already started making it in design view and using tables which looks pretty nasty IMO and I've read around here and see people not reccommending it. :D I know pretty much nothing about HTML and CSS and the requirements for that assigment don't look too difficult to do. 5 page website, use a background, links, images etc.

I've done this rough design.

Clicky

It's a pretty common layout as you can see. The buttons are going to have a rollover and I'm planning to use slices in there (good idea?).

Cheers :)
 
The easiest way for you with your limited knowledge on WD & DW would be to take your PS mock up into image ready and then slice it up and output it to web, change the setting so that it outputs html, images and generates CSS IR automatically output as a table.

Then you can go from there by opening it in dreamweaver.

Bearing in ming the code will be all over the place, and in the real world this wouldn't be the way to go. Depending on how much time you have on your hands you could learn CSS and go the CSS route straight out. Even if you choos the first option of slicing your design up, i'd still recommend reading up on CSS so you have a better understanding of it.

Do a search on the forums and you'll find loads of sites posted with tutorials etc..

Hope that helps
 
http://www.htmldog.com/ - thats what iv used to build my first ever website, and im actualy quite happy with it! (which is unushal for me)

Anything else you need stick it in google and add it into you code. Also get Notepad2 its great for starting with websites, hold of on Dreamweaver untill you understand the basics its just better for you that way.

Hope it helps, post up some questions after youv giving it a go. ;)
 
Find similar sites. Save them (with images) and go through the code. Work out what everything does, how it all works. Then, starting completely from scratch, build up your design only using code. Using small images where pure css can't be used.
 
You must log in or register to reply here.
Back
Top Bottom