| | |
What are the steps to design a website?
Please support our HTML and CSS advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases
![]() |
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.
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.
asm
{ "\x04f\x06d\x06f\x06c" }
{ "\x04f\x06d\x06f\x06c" }
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.
If I helped you I would appreciate it if you would give me some reputation.
Follow the new Social Network Planet Zuda On twitter. Planet Zuda should go live sometime in 2010.
Follow the new Social Network Planet Zuda On twitter. Planet Zuda should go live sometime in 2010.
•
•
Join Date: Jul 2008
Posts: 16
Reputation:
Solved Threads: 2
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
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
Last edited by tomleo; Aug 22nd, 2008 at 9:50 pm.
•
•
Join Date: Aug 2008
Posts: 12
Reputation:
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.
Ohh!
Thanks
I would also suggest www.w3schools.com they have the best info for almost any Web language.
If I helped you I would appreciate it if you would give me some reputation.
Follow the new Social Network Planet Zuda On twitter. Planet Zuda should go live sometime in 2010.
Follow the new Social Network Planet Zuda On twitter. Planet Zuda should go live sometime in 2010.
![]() |
Similar Threads
- Can you read this, please! (IT Professionals' Lounge)
- Any Tips for using Dreamweaver? (HTML and CSS)
- The Perfect Website (Site Layout and Usability)
- Opinions? javascript/php/etc and programming standards (JavaScript / DHTML / AJAX)
- login forms with asp.net (ASP.NET)
- Handy Banners - Bannner Design Company [AUCTION] :: SITE UP FOR SALE!!! (Websites for Sale)
Other Threads in the HTML and CSS Forum
- Previous Thread: how to do this????
- Next Thread: text has large gaps between words in safari
Views: 1432 | Replies: 6
| Thread Tools | Search this Thread |
Tag cloud for HTML and CSS
2002 appointments asp background backgroundcolor beta browser bug calendar cart center cgi code codeinjection corporateidentity create css deleted design development displayimageinsteadofflash dreamweaver drupal emailmarketing epilepsy explorer firefox flash font fonts form format free frontpage google griefers hackers hitcounter hover html ide ie7 ie8 iframe image images internet internetexplorer intranet iphone javascript jpeg layout macbook maps marketshare microsoft missing mozilla multimedia navigationbars news offshoreoutsourcingcompany opacity opera optimization perl pnginie6 positioning problem scroll seo shopping studio swf swf. templates textcolor theme timecolor titletags url urlseparatedwords visual visualization web webdevelopment webform website windows7 wordpress xml xsl





