designing on photoshop then slicing

[pulze1]

whats the best way to make a website ?
my mate makes websites and he design and slices and then does the content in dreamweaver n e tutorials on n e sites that n e of you lot can put up ive got the programs but i need tutorials lool or is there n e other way thats easier to make websites Thanks to n e one that gives feed bk :)

[HoboBen]

Okay, well that was kind of hard to read, but I'd tell you not to use programs, use Microsoft Notepad and code it by hand. You'll get a better site that way, IMHO.

If you still would rather stick with dreamweaver and software like that, I'll do a search and post back later.

Until then, google is your friend, my friend.

;)

[cheese...]

Yeah i'd like to know how to do this aswell. Any tutorials will be a big help. I guess thats how people make those web sites with really nice headings, menu bars and pics that look like they all belong together. Not just random menu buttons and pics stuck in there.

[pulze1]

ye you can make well gud graphics

[pulze1]

ill still like to use dreamweaver look at this site its bigg www.tru-grime.co.uk
that was made by designing and slicing

[HoboBen]

Here is one nice site...

http://www.w3schools.com/default.asp

Easiest thing though, is to start off with dreamweaver but look at the HTML view after you do stuff to see what's happening till you get a feel for the language.

[cheese...]

cheers... Can you explain a little bit more about what the process is with photoshop slicing then adding content in dreamweaver is? Some details would be nice. Like for example you get a picture, do this to it, that lets you do this, so you can stick it in dreamweaver, and then do this, so in the end you'll have a kick ass site!

Umm. Yeah. does that make sense?

[bathurst_guy]

To create a website in photoshop then slice it up and call it a webpage is a very very old technique and I, amongst many, frown apon it.

You should learn HTML and CSS and use them to create your websites.

I still design my website in Photoshop, so that I have more flexability. Then, I create a gif for the client to look at and approve. Once this is done I go straight into Dreamweaver code mode and code the div's and styles that I require. I only use images when absolutely necessary, like a logo. All other images that are on sites that I make are mostly only there to make the site look more attractive, and therefore you should use CSS to place them. This makes your website much more efficient to a search engine or a screen reader.

You can learn HTML and CSS from www.w3schools.com

[__sticky__]

you could also do image mapping...

[skilled1]

To create a website in photoshop then slice it up and call it a webpage is a very very old technique and I, amongst many, frown apon it.

You should learn HTML and CSS and use them to create your websites.

I still design my website in Photoshop, so that I have more flexability. Then, I create a gif for the client to look at and approve. Once this is done I go straight into Dreamweaver code mode and code the div's and styles that I require. I only use images when absolutely necessary, like a logo. All other images that are on sites that I make are mostly only there to make the site look more attractive, and therefore you should use CSS to place them. This makes your website much more efficient to a search engine or a screen reader.

You can learn HTML and CSS from www.w3schools.com

I would not say it is a very very old way, it is still a very affective way of getting a jump start. IE it will code any mouseover images for you ect, ect.

The way I go about it, is I sit down with a client and sketch something up based on how they think their site shoudl look, then i go home and make 3 layouts, 1: that looks like they wanted 2: one how i think it should look 3: a collobration between both.

70% of the time it is the colaboration between them
25% of the time they like my design better
5% they like the idea of theirs the most

then from there, you make it in photoshop, get approval, slice itto the web, use notepad to make things work correctly, show them a HTML / ASP / CFM / PHP example of their site, and they sign off on it, you recieve all the content and fill the site up. They then pay you, you hand the site over on a CD encluding the *.psd for the design you used, and now have 2 extra designs for your graphics library you can show other clients, as well as a nice paycheck, and something new for your portfolio.

[beaaast337]

Photoshop and Imageready make it very easy to slice images and it provides pretty good code for CSS or tables. However, it's not 100%. You MUST know how to handcode to make a good graphical layout. However, most websites are designed for search engines and in that case you would want to do what bathurst_guy does. Read above.

I think skilled1 has the best method for those designers that are still about good-looking custom websites for businesses.

[skilled1]

Photoshop and Imageready make it very easy to slice images and it provides pretty good code for CSS or tables. However, it's not 100%. You MUST know how to handcode to make a good graphical layout. However, most websites are designed for search engines and in that case you would want to do what bathurst_guy does. Read above.

I think skilled1 has the best method for those designers that are still about good-looking custom websites for businesses.

exactly what i was trying to get at, PS and IR give a great head-start on your site, but you must have the skills to be able to edit it, and not rely on such programs to do all the work for you. [eg removing blank images and filling the <br> with the image propertys, and getting the page to be viewed correctly in other browsers]

[rawkman]

I usually take a different approach depending on the complexity of the site.

PS can create flawless CSS for absolute positioned sites and then it's just a matter of a bit of tweaking. www.csscreator.com (http://www.csscreator.com) is a great resource for creating the css layout for you as well.

The best way to learn is to dive on in and start making sites just for something to do.

[bathurst_guy]

PS can create flawless CSS for absolute positioned sites and then it's just a matter of a bit of tweaking.
Photoshop creating flawless CSS?? Sorry I really do not understand this? Photoshop has abolsutely nothing to do with CSS...?

[rawkman]

Photoshop creating flawless CSS?? Sorry I really do not understand this? Photoshop has abolsutely nothing to do with CSS...?

Sorry, meant to say imageready. I create and slice in Photoshop, switch to Imageready and export. The CSS that gets created is perfect (and validates from W3)