layouts using photoshop tutorial

[modifier_guy]

ok i am gonna make a layout in photoshop, but when i do the html code has so many erros and i dont know what program or how to redo the html . i like tables cus they are easy and photoshop is good for tables, but when i do it makes so many tables n breaks and things. would it help if i made a layout like i wnat?

[PeOfEo]

CSS would help :p

[Aronya1]

ModGuy,

You really REALLY need to try to learn HTML. Then you might be able to FIX the problems you have, instead of looking for workarounds all the time.

[modifier_guy]

ok well see this is my main problem right here....

ok after i make my website in photoshop and slice it the HTMl code is so full of crap, i just need to refine and make it web fit. like there will be so many images in the frames and wow it is horrible. i just wnat to refine it to work on the web

i do know alot of html but i have only made 1 HTML layout and that was with help from a friend so i dont know much abotu web layouts and i think i am using photoshop and i think it is not the right one for layouts but u know i dont have much money to buy expensive things

[PeOfEo]

How about stop using frames?

i do know alot of html but i have only made 1 HTML layout and that was with help from a friend so i dont know much abotu web layouts and i think i am using photoshop and i think it is not the right one for layouts but u know i dont have much money to buy expensive things
You know a lot of html but have only made one layout? Saying you know html should go beyon the hypertext markup language its self and into can you make accessable sites, can you make valid sites, can you use other stuff like css (because without css your site can't be valid, tables are not for html 4.01, css must be used with tables or all css.)

[Paul Jr]

Originally posted by modifier_guy
i make my website in photoshop...
Originally posted by modifier_guy
i dont have much money to buy expensive things
???


Also, I agree with Aronya1, and PeOfEo. And PS isn't made for creating layouts, it's a graphics program.

[PeOfEo]

I use psp... just because I have it and it serves my needs. That is probably why I suck at graphics... but I like it. psp7 actually lol the old one (I think 8 is out, but not sure). I have used photoshop and I found psp to be a little bit faster to use though a bit less powerful.

[spufi]

As others have said, PS is not made to make layouts. Layouts made in PS WILL be filled with tables and have numerous spacer gifs. If you want to use PS to make a mock image of what you want your site to look like, then go for it. However, use HTML/CSS for the actual layout and then apply the images where needed, background, or not. If you create a mock image of what you want your site to look like and post it, we can take a look at what needs to be done to convert it over to an actual site.

[Aronya1]

Originally posted by modifier_guy
i do know alot of html but i have only made 1 HTML layout and that was with help from a friend so i dont know much abotu web layouts
This is the very reason to do it by hand. You have to learn to crawl before you can walk. I know it's a pain & maybe boring to hand code, but in the long run it's the shortcut to being able to make good websites.i dont have much money to buy expensive things Notepad is free. So are a bizillion tutorials online. So is the help you can get right here.

Do what we're suggesting & you'll be glad you did. Keep doing what you have been doing & you'll spend the rest of your life asking us for help.

[modifier_guy]

ok the only program i got is photoshop 6.1, is there a webdesign program out there that is free? cus i do know photoshop is a graphics program but it works but aint the best.

[PeOfEo]

html kit is one of the ones people around here will rave about.

[modifier_guy]

were can i get it at and is it free?? my friend said he uses an abode prgram (cant remeber the name) but it costs big bucks

[PeOfEo]

I use dreamweaver myself. html kit is free. Do a google on it because I do not know where to get it. I have just heard the others around here talking about it. It apparently has syntax highlighted text and line numbers which are very helpful.

[Paul Jr]

http://www.chami.com/html-kit/

I don't much like it, I prefer Homesite, but that costs money. I think I heard someplace it was like 80 bucks, but I'm too lazy to check that out. :D

But I would not recomend using any of these tools for their code generation, because they'll spit out nasty, non-valid code.

[modifier_guy]

http://modfreak2005.t35.com/ultimate1.html ok see this is what i came up wuth making a layout in photoshop. looks ok. but i know ti can be better. i got the html kit n i got n html editor already it is cute html editor but i really wnat a website page maker thing. tell em about the layout i made.

[BluRRy_ViZionZ]

Originally posted by Paul Jr
http://www.chami.com/html-kit/

I don't much like it, I prefer Homesite, but that costs money. I think I heard someplace it was like 80 bucks, but I'm too lazy to check that out. :D

But I would not recomend using any of these tools for their code generation, because they'll spit out nasty, non-valid code. Paul,I know you have blocked us all on msn.

[modifier_guy]

ok i am really new to aming a website and well i have not yet found a good website to help me with css or html or anyhting, i got a book but it is a basics book but it helpfull. the w3 school r worthless i ahve spent hours on them and have never found 1 usefull piece of info, i also found a site www.htmlgoodies.com but it is more of sa refersnce site. i think my problem is i need to find a good walthrought beginner site on webdesign wich i ahve been un able to find a good one and ideas?

[modifier_guy]

all my hopes to find a good tutorial site and good help sites well i guess you can say i have wasted time, i cant find any good tutorials so i am basicly just gonna quite while i am ahead cus i am wasting my time in PS and trying to use tables i dont know about so i am just gonna quite now

[Paul Jr]

Originally posted by BluRRy_ViZionZ
Paul,I know you have blocked us all on msn.
I have not blocked anyone...


modifier_guy, dude, don't quit now! Google is your best friend, remember that. I'm too lazy to fetch any links for you right now, but I've got a few book-marked that you might find usefull.


***EDIT***
http://www.positioniseverything.net/
http://www.alistapart.com/
http://www.csszengarden.com/
http://www.meyerweb.com/eric/css/edge/
http://css.maxdesign.com.au/
http://www.stopdesign.com/
http://www.westciv.com/
http://www.w3schools.com/
http://devedge.netscape.com/

[spufi]

Originally posted by modifier_guy
http://modfreak2005.t35.com/ultimate1.html ok see this is what i came up wuth making a layout in photoshop.

That's about as basic of a layout as you can get. It looks a lot like the one I was playing around with and I almost made it a template on my site. I think the version I have up is close to being done. Here's the link for what I have...

http://www.matts-website.net/alt/

And HTML Goodies is a horrid place to learn about web design from and I recommend people to not go there for info. I actually visit w3schools to look up and double check stuff all the time.

[Paul Jr]

Originally posted by spufi
And HTML Goodies is a horrid place to learn about web design from and I recommend people to not go there for info. I actually visit w3schools to look up and double check stuff all the time.
Well, around 6 months or so (can't remember exactly), I got linkage to HTML Goodies from this guy I know, when I asked him if he knew of any good books on HTMl -- I wanted to learn how to build websites. Now, HTML Goodies is, like, out-dated by now, but that was the best place I found back then. I didn't much like W3Schools at all, and I rarely, if ever, went there. I hardly go there now, because I don't like the place. I don't got to HTMLGoodies anymore, but I used to before; a lot. I see nothing wrong with HTMLGoodies except for the fact that it's out-dated.

[spufi]

To add on to what Paul listed, here's one link that has more links than I know what to do with. :D Go to each section and you'll see what I mean.

http://www.d.umn.edu/itss/support/Training/Online/webdesign/

[spufi]

Originally posted by Paul Jr
Well, around 6 months or so (can't remember exactly), I got linkage to HTML Goodies from this guy I know, when I asked him if he knew of any good books on HTMl -- I wanted to learn how to build websites. Now, HTML Goodies is, like, out-dated by now, but that was the best place I found back then. I didn't much like W3Schools at all, and I rarely, if ever, went there. I hardly go there now, because I don't like the place. I don't got to HTMLGoodies anymore, but I used to before; a lot. I see nothing wrong with HTMLGoodies except for the fact that it's out-dated.

I would say it's brutally outdated at this point, and some of their own markup for their pages is so invalid it would be laughable if it wasn't so sad.

[Paul Jr]

Originally posted by spufi
I would say it's brutally outdated at this point, and some of their own markup for their pages is so invalid it would be laughable if it wasn't so sad.
Yes, they are extremely out-dated now, and yes, the markup of their own pages can be horribly non-valid, but like I said, it was the best place I found when I started. I would still go there if the guy up-dated the site, but I guess it's just too much work...

[BluRRy_ViZionZ]

Originally posted by Paul Jr
Yes, they are extremely out-dated now, and yes, the markup of their own pages can be horribly non-valid, but like I said, it was the best place I found when I started. I would still go there if the guy up-dated the site, but I guess it's just too much work... Talk to Tama she has sumthing to tell you...Incase you didn't know this is Lacy...And I find it VERY SERIOUS you talk to Tama right away!

[Paul Jr]

Originally posted by BluRRy_ViZionZ
Talk to Tama she has sumthing to tell you...Incase you didn't know this is Lacy...And I find it VERY SERIOUS you talk to Tama right away!

If you wish to carry on a conversation with me, do so via PM or TC, this is spamming.
I have no wish to talk with anyone, that's why I left.

[modifier_guy]

i only use htmlgoodies for the color codes, but those w3schools are horrible, i wasted 2 hours on that iste and found not 1 usefull thing, i found a page on html web desgin and it said 1 breif thing i already knew.

i will hang on for a bit longer i use google everyday ti is the best, but i just cant seem to find a good beginers site on web design, i really want to make my own website for personal needs but i cant find any good help on were to start building and it kinda pissing me off and very frustrating.

[modifier_guy]

also i guess what i can say is i need a program to design a website and play with graphics, i have heard to dream waever but never tried it or anything, i got an ftp prgram a html editor and PS, but i really wnat a progam i can design a website in then it turns it into html code

[PeOfEo]

Quit looking for programs now, we have told you about html kit, it is all you need. Now learn the language. html goodies sucks btw. They might be good to sort of help you understand how html works on day1 but it teaches you the wrong stuff. It is very outdated. They are still using <font> tags over there.

[spufi]

Originally posted by modifier_guy
also i guess what i can say is i need a program to design a website and play with graphics, i have heard to dream waever but never tried it or anything, i got an ftp prgram a html editor and PS, but i really wnat a progam i can design a website in then it turns it into html code

http://www.macromedia.com/software/dreamweaver/

There's a link for the 30-day trial version on there, and the best toturial is playing around with code yourself.

[Mysteriously]

Originally posted by PeOfEo
It is very outdated.
And that, my dear friend, is the only thing they suffer from.

[PeOfEo]

No, it is not. They have more quirks. Ie specific codes, they teach table based layouts, and they basically step on accessability.

[modifier_guy]

ok i got dreamweaver, i got that html kit but it looks to me just to be a html editor

[PeOfEo]

exactly. So get to work! I say you make the layout in html and css first, then design the images to pull it all togther, or atleast do not make one big image, do not realy on images that much.

[Aronya1]

Originally posted by PeOfEo
Quit looking for programs
I want to echo this sentiment. You are ignoring the advice your are asking for. Pretty soon people will stop trying to help.

As far as sites for tutorials, I used to use echoecho (http://www.echoecho.com). They were pretty good for the basics. I won't vouch for them today, because I haven't been there in awhile, but their tuts were pretty well laid out (IMHO).

[PeOfEo]

well I learned css at www.w3schools.org and I used the www.bluerobot.com layouts as examples of how to do layouts so I have to reccomend them.

[modifier_guy]

i know what css is and how to use it i know how to use HTML, i have never used anything but tables for layouts

[PeOfEo]

well maybe it is time for you to try something new. I used to be a die hard table user... until I figured out that they suck.

[modifier_guy]

this may sound dumb but um tables r all i know hahahah i want to make a site with out that but i have NO CLUE HOW

[modifier_guy]

i have to take that back, i can make a site with html like in notepad, but i dont know how to get like a really cool menu bar

now i know if i make a menu bar then set it as a image, and like to make a banner and stuff and to set a picture as a background but not to much.

[PeOfEo]

http://bluerobot.com/web/layouts/layout3.html

http://bluerobot.com/web/layouts/view_css.asp?layout=layout3
look how they did it. Thats what it will look like, your source code. www.w3schools.com is where I learned (didnt I say that already?)

[modifier_guy]

ahh those good ole w3 school taught me sumfin! haha well i found out about the tables, tables are very easy, i used 1 table to make a manu bar and a table for the conntent. but how how how to i make a page boarder?

[PeOfEo]

css
<element style="border:2px solid;">

[spufi]

Originally posted by modifier_guy
i know what css is and how to use it i know how to use HTML, i have never used anything but tables for layouts

Then no you don't know HTML, or CSS. End of story.

[modifier_guy]

http://modfreak2005.t35.com/index1.htm this is what i came up with tables it is one of my friends site (youlilsheshe) it is kinda both our sites i started out helping him well thats what i came up with

can i ask the question why does everyone think tables are stupid for layouts i think they work great but thats me

[spufi]

Originally posted by modifier_guy
can i ask the question why does everyone think tables are stupid for layouts

*points to "Why tables for layout is stupid" link in sig*

[Mysteriously]

Why tables for layout is stupid. (http://www.hotdesign.com/seybold/index.html)

[modifier_guy]

Question:

i got an image but...... i know hwo to make it a BG, but i want the Bg a certain width and hieght possible?

http://modfreak2005.t35.com/index1.htm here is the site right now i have the thing in the conetn area an image but when i amke it a BG it dont cneter it n makes a bunch fo them hwo to solve it i dont know someone has to!

[spufi]

Originally posted by modifier_guy
Question:

i got an image but...... i know hwo to make it a BG, but i want the Bg a certain width and hieght possible?

http://modfreak2005.t35.com/index1.htm here is the site right now i have the thing in the conetn area an image but when i amke it a BG it dont cneter it n makes a bunch fo them hwo to solve it i dont know someone has to!

http://www.w3schools.com/css/css_reference.asp#background

Click on the links for positioning and repeating.

[modifier_guy]

ahh thankyou much, i think the site is lookign good for 1 day of work, youlilsheshe and i are still gather content for it