Using Photoshop To Make Websites

robhough · 19 Apr 2006 at 11:08

Hi,

Does anyone advise/use photoshop to build websites.

Just thought 'd learn how to do it if it worth the trouble

iLLmatic · 19 Apr 2006 at 11:09

If you want to make amazing layouts etc, then hell yes.

obv you need dreamweaver/notepad to code the site

Toytown · 19 Apr 2006 at 11:17

My friend uses the auto PhotoAlbum layout for his pictures (using photoshop cs2) and i often find that it doesnt render correctly in firefox, using IE, renders the page correctly though.

iCraig · 19 Apr 2006 at 11:23

Photoshop is used to create the graphics.

Do not use photoshops slices and export to html feature, for the love of god.

GravyMonster · 19 Apr 2006 at 11:46

Once you've created youre design in PS, use ImageReady's slice and generate to get the HTML code. It's not great, but it is a bit better than photoshops version. You'll still have to modify the code by hand to get it looking somewhat respectable.

iCraig · 19 Apr 2006 at 12:27

Spunkey said:
Once you've created youre design in PS, use ImageReady's slice and generate to get the HTML code. It's not great, but it is a bit better than photoshops version. You'll still have to modify the code by hand to get it looking somewhat respectable.

By time hes got the code back to normal, he might aswell of written it from the ground up.

Imageready will use coords to position rollovers etc, ughh.

Sherbs · 19 Apr 2006 at 12:34

Ewwwww, dirty thread! DIRTY!

Yeah any how I just came in to back iCraig up sooooo...

xiphrex · 19 Apr 2006 at 13:03

I used photoshop to make the design, then I slice whatever needs slicing myself manually and code the whole thing from scratch using dreamweaver/notepad.

Much MUCH better than using the slice and export html in photoshop!

D4VE · 19 Apr 2006 at 13:52

The slicing and dicing method uses seriously old techniques to make the site. Better off learning CSS and doing it properly

ClearChaos · 19 Apr 2006 at 14:12

go for it slice and dice away

add a few (minimum of five) lens flares before you slice to make it truly 90's retro site, and the ultimate touch ... animated post box link but done with an image map :eek:

i miss the good old days

Al Vallario · 20 Apr 2006 at 00:46

ClearChaos said:
go for it slice and dice away add a few (minimum of five) lens flares before you slice to make it truly 90's retro site, and the ultimate touch ... animated post box link but done with an image map

Now that would be a cool site :cool:

Don't lynch me, I'm joking!

Ozias · 20 Apr 2006 at 23:23

An earlier thread illustrates all that is bad about using ImageReady to build your site : (One of) The worst website(s) in the world!

Problems:
a) Utterly inaccessible
b) archaic layout table HTML
c) 100% images, massive download time

The layout of the Diplo site could easily be done in CSS, with 99% of the text rendered as styled HTML text, meaning the page would download faster and be a lot more accessible.

Some of the other examples in that thread definitely fit into the cringe-worthy : Adam Sky's site for example

Ozias · 21 Apr 2006 at 12:52

Strangely enough, the site in question in the thread I referred to has now replaced their ImageReady example with a rather unambitious flash site.

Craig321 · 21 Apr 2006 at 14:37

iLLmatic said:
If you want to make amazing layouts etc, then hell yes.

obv you need dreamweaver/notepad to code the site

Not 100% though if you want to make amazing sites as with photoshop EVERYTHING is an image, so to avoid this you'd slice it carefully, then use repeat CSS where you can and convert it to CSS rather than whatever photoshop uses.

Craig.