How To Make A Layout?

[dbustin]

Can anyone show where or how they learned to start desigining their websites then breaking it down into code? Thank you as I need to start developing one of my sites and do not have money to spare on a designer :P .

 

[PaytonDesigns]

I think this link will be very usefull for you and others as well i guess.
Link edited - Mike

Good luck with it.

 

[Erdy]

Don't open that page mentioned in the previous message.

PaytonDesigns, you idiot. Why are you linking to a page that has a virus? You have been reported. Avast antivirus immediately kicked in.

 

[PaytonDesigns]

It's a tutorial website, I don't see any reason why your Anti-Virus program would be going off.

Title: Complete Web Page Plus Code
Author: kromefx | view all by kromefx
Category: Web Layouts
Level: Intermediate
Description: This tutorial takes you from the initial setup and design of a web site, all the way through producing W3C validated CSS and XHTML 1.0 for layout, while leaving room for integrating your own designs and color schemes. The .PSD is also available for download as well as the code.
Views: 187,641
Date: 12/8/2005

 

[Mike]

While my virus scanner didn't report anything, the page tried for about 5 minutes to load data from "adxanet.net". Not sure what this is about, but a quick look at the domain brought me to a blank page. Since i'm not sure what's behind it, the link got deleted.

OP: There are countless threads on NP regarding help tools, free available help and entire video sections are being referred to. Check the development threads here on NP and you'll find plenty of help.

M.

 

[dbustin]

I could not find any answers on the forums, can someone please provide a link ? Thank you

 

[dbustin]

bump

 

[dbustin]

I really need help desigining a website someone please help

 

[Albino]

there are loads of similar threads, im not sure how none of them were useful.

use w3schools.com for code help (html/css mainly)
pizexl2life.com for dreamweaver/photoshop help

http://www.google.co.uk/search?clie...how+to+design+a+site&meta=&btnG=Google+Search
http://www.google.co.uk/search?hl=e...=photoshop+website+tutorial&btnG=Search&meta=

for other links

 

[iulianh]

I really need help desigining a website someone please help

Get a professional to do that, let him to design your site :imho:

 

[dbustin]

I do not have enough money to pay for a web designer and I think it would feel better if I made it my self.

 

[Erdy]

dbustin,

If you are a complete beginner try either 1 or 2 below.

1. The easiesy way possible to create a website is to use microsoft word. If you have build tables in Ms. Word you will find this very easy. Simply, insert a table in the center of the page and put some text on it. If you wish add some background colors to some cells. Also you can insert a header image to the first row. If you create a 900px wide header image and put it in the first row (merge all cels on the first row) this image will expand the table size to the size you need it.

So far things have been exactly the same like creating a word document. İnserting pictures and defining background color are common tasks even in ms word.

When you are done with the design, choose file > save as web page and name the file "index". Normally ms word saves files with the .doc extension (for word 2007 it is now .docx) but if you choose file >save as web, the file will be saved with the htm extension as index.htm.

This is the easiest way but the downside is that, ms word writes terrible html code. But it is possible (and very easy with dreamweaver) to clean that code later on if pages turn out to be big in size.

2. Not the easiest but still a fairly easy way is to use ms frontpage. Ms Frontpage looks and works smillar to Ms word but it is a program to create web pages. Again I suggest starting with a blank page. Align the curser in the center and insert a table. The rest is easy. Many people have Ms Frontpage installed on their computers and they don't even know it is a program for web designing. If you have office xp it should be in that CD. Now frontpage it discontinued.

3. A more advanced way is to use dreamweaver, a program used by professional web designers. In dreamweaver the page layout can be created again by using a table but nowadays table layouts are considered to be old fashioned. Therefore we now prefer CSS layouts. Dreamweaver is not as suitable as frontpage for a beginner. I only mentioned this so you know what way to continue in the future.


Also, if you are going to make any search on this subject, don't do it on search engines. There is to much information on this topic on the web and almost none of them are suitable for complete beginners. Search on youtube. You might find a few good videos.