How To Make A Layout?

dbustin · 02-10-2008, 06:50 PM

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

.

PaytonDesigns · 02-10-2008, 07:24 PM

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

Good luck with it.

Erdy · 02-10-2008, 08:24 PM

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 · 02-10-2008, 09:02 PM

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 · 02-10-2008, 10:38 PM

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 · 02-12-2008, 02:46 PM

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

? Thank you

dbustin · 02-12-2008, 07:14 PM

bump

dbustin · 02-13-2008, 12:24 PM

I really need help desigining a website

someone please help

Albino · 02-13-2008, 01:22 PM

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?clien...=Google+Search
http://www.google.co.uk/search?hl=en...G=Search&meta=
????: NamePros.com http://www.namepros.com/web-design-discussion/430680-how-to-make-a-layout.html

for other links

iulianh · 02-13-2008, 03:13 PM

Originally Posted by dbustin

I really need help desigining a website

someone please help

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

dbustin · 02-14-2008, 06:38 PM

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 · 02-14-2008, 08:48 PM

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.
????: NamePros.com http://www.namepros.com/showthread.php?t=430680

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.

02-10-2008, 06:50 PM	THREAD STARTER #1 (permalink)
dbustin NamePros Member Join Date: Feb 2008 Posts: 56	How To Make A Layout? 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 . __________________ :)

02-10-2008, 07:24 PM	#2 (permalink)
PaytonDesigns NamePros Member Join Date: Jan 2008 Posts: 83	I think this link will be very usefull for you and others as well i guess. Link edited - Mike Good luck with it. __________________ ►►►► $25 WHMCS Integrations ►►►► FREE CSS Modifications FREE WHMCS Upgrade http://www.whmcsintegration.com Last edited by Mike; 02-10-2008 at 10:35 PM.

02-10-2008, 09:02 PM	#4 (permalink)
PaytonDesigns NamePros Member Join Date: Jan 2008 Posts: 83	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 __________________ ►►►► $25 WHMCS Integrations ►►►► FREE CSS Modifications FREE WHMCS Upgrade http://www.whmcsintegration.com

02-12-2008, 02:46 PM	THREAD STARTER #6 (permalink)
dbustin NamePros Member Join Date: Feb 2008 Posts: 56	I could not find any answers on the forums, can someone please provide a link ? Thank you __________________ :)

02-12-2008, 07:14 PM	THREAD STARTER #7 (permalink)
dbustin NamePros Member Join Date: Feb 2008 Posts: 56	bump __________________ :)

	NamePros Design Contests	Forum Sponsorship
	Join in on the FUN! You can start an affordable design contest and pick from entries talented members submit or you can enter a design contest for a chance to win CASH PRIZES! What are you waiting for? Get started in the fun TODAY! - Banners, Logos, Mascots, and MORE! (Please READ the design Contest section rules Prior to starting or entering a contest)

02-10-2008, 08:24 PM	#3 (permalink)
Erdy Senior Member Join Date: Sep 2006 Location: London, UK Posts: 1,900	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.

02-10-2008, 10:38 PM	#5 (permalink)
Mike NamePros Expert Join Date: May 2005 Location: www.chrome.us Posts: 5,184	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.

02-13-2008, 12:24 PM	THREAD STARTER #8 (permalink)
dbustin NamePros Member Join Date: Feb 2008 Posts: 56	I really need help desigining a website someone please help __________________ :)

02-13-2008, 01:22 PM	#9 (permalink)
Albino Munky Designs Join Date: May 2005 Posts: 996	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?clien...=Google+Search http://www.google.co.uk/search?hl=en...G=Search&meta= ????: NamePros.com http://www.namepros.com/web-design-discussion/430680-how-to-make-a-layout.html for other links __________________ Toddish.co.uk - Portfolio/Blog Powcomics.com - Webcomic Hosting/Directory Erant.co.uk - vent your rage!

02-14-2008, 06:38 PM	THREAD STARTER #11 (permalink)
dbustin NamePros Member Join Date: Feb 2008 Posts: 56	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. __________________ :)

02-14-2008, 08:48 PM	#12 (permalink)
Erdy Senior Member Join Date: Sep 2006 Location: London, UK Posts: 1,900	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. ????: NamePros.com http://www.namepros.com/showthread.php?t=430680 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. Last edited by Erdy; 02-14-2008 at 09:00 PM.

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)