954,152 Members — Technology Publication meets Social Media
Username:
Password:
Lost login information?
Have something to say? Contribute New Article Reply to this Article

What are the steps to design a website?

Hi,
please anybody tell me the step-by-step process to design a website.

shilpamg
Newbie Poster
12 posts since Aug 2008
Reputation Points: 10
Solved Threads: 0
 

Designing a website is very much down to the personal preffrance of the designer.

The steps i take are:

1) Get everything down on paper, use a flow chart for navigation and so on.

2) Because the sites I design envolve alot of code i knock out pesudo first.

3) Knock out the design interface in photoshop.

4) slice all the images i will use.

5) Code all the containing divs.

6) Code layout in css

7) Mock up server side code.

8) Add serverside code to layout.

9) Add content.

I can pretty much guarentee everyone just uses there own steps in creating a website. It's all down to personal preferance.

omol
Junior Poster
156 posts since Jul 2004
Reputation Points: 10
Solved Threads: 10
 

How step by step do you want/need? do you have any experience with website coding? if you just want a Website you can use something like geocities where they give you templates or googles free web page design which may be deleted at any time since it is in beta.

tiger86
Posting Pro
548 posts since Feb 2008
Reputation Points: 48
Solved Threads: 11
 

Step 1:
Find some type of inspiration; an illustration, another website, a movie. Pick some colors you like, and just go to town in Photoshop.

Step 2:
Write out all your HTML, keep it valid, keep it POSH. Create all pages, paragraphs, etc.

Step 3: Polish your design into a nice layout. Copy some text from the HTML page you have started to get a good color scheme going, pick the right type faces, letter spacings, ect.

Step 4: Take your design and try to make your HTML site look like it using CSS and a few images (the less images the better, for loading reasons).

Actually I wrote an article you might find interesting things-to-think-about-before-creating-a-website

tomleo
Newbie Poster
16 posts since Jul 2008
Reputation Points: 10
Solved Threads: 2
 

Designing a website is very much down to the personal preffrance of the designer.

The steps i take are:

1) Get everything down on paper, use a flow chart for navigation and so on.

2) Because the sites I design envolve alot of code i knock out pesudo first.

3) Knock out the design interface in photoshop.

4) slice all the images i will use.

5) Code all the containing divs.

6) Code layout in css

7) Mock up server side code.

8) Add serverside code to layout.

9) Add content.

I can pretty much guarentee everyone just uses there own steps in creating a website. It's all down to personal preferance.


Ohh!
Thanks

shilpamg
Newbie Poster
12 posts since Aug 2008
Reputation Points: 10
Solved Threads: 0
 

You can start by browsing some good sites to get an idea of decent layouts and motifs. This goes for the design. :)

murderotica
Junior Poster
171 posts since Aug 2008
Reputation Points: 7
Solved Threads: 2
 

I would also suggest www.w3schools.com they have the best info for almost any Web language.

tiger86
Posting Pro
548 posts since Feb 2008
Reputation Points: 48
Solved Threads: 11
 

This article has been dead for over three months

Post: Markdown Syntax: Formatting Help
You