Transform Picture Into Website

[JackT06]

I have put together this website layout (see attached) and i would like to make it my website design to preferably CSS. Does anyone know how i can do this? I made this on my demo of fireworks.

Before people talk about colors this was just the template

BTW I do know a fair bit of coding (HTML,CSS and PHP)and a bit of xhtml



The Web Layout Picture

 

[angelwatt]

Attached? Not seeing anything.

Are you asking about something that takes a image and creates CSS from it? I think Photoshop has something like that using some slicing.

 

[JackT06]

Attached? Not seeing anything.

Are you asking about something that takes a image and creates CSS from it? I think Photoshop has something like that using some slicing.

Whoops Sorry I Forgot To Attach The Link

 

[Jason Beck]

Yes, attach it. We want to see it.

 

[angelwatt]

OK, now more specifically, what portion do you need help with? Looks like a standard 3-column layout. There's a number of tutorials for that. To best answer you, we need to know specifically what you want assistance on. We aren't going to provide a whole CSS file you know

 

[JackT06]

OK, now more specifically, what portion do you need help with? Looks like a standard 3-column layout. There's a number of tutorials for that. To best answer you, we need to know specifically what you want assistance on. We aren't going to provide a whole CSS file you know

Well what i was wondering is there a program where you can import a picture and it puts it to CSS. Because i think Dreamwever can do it but im not 100% sure.

I know your not gonna provide me with the file because that would be a bit greedy

 

[angelwatt]

If you happen to have access to Photoshop here's a tutorial I mentioned before that takes an image and lets you create CSS from it. I've never done it before so can't add anything to the tutorial and not sure how great the CSS is that comes out of it. It likely uses a lot of absolutely positioned elements.

That's the only app that I've seen do this type of thing. It's hard for any automation here as CSS, though simple in syntax, can be very ... spunky. I doubt any automation would create very good CSS though. You'd likely be better off just working from the image to hand code the CSS.

 

[JackT06]

If you happen to have access to Photoshop here's a tutorial I mentioned before that takes an image and lets you create CSS from it. I've never done it before so can't add anything to the tutorial and not sure how great the CSS is that comes out of it. It likely uses a lot of absolutely positioned elements.

That's the only app that I've seen do this type of thing. It's hard for any automation here as CSS, though simple in syntax, can be very ... spunky. I doubt any automation would create very good CSS though. You'd likely be better off just working from the image to hand code the CSS.

I will test that tutrorial out tmoz at college and see how it goes . Thanks.

I Might also have a go at hand coding it and seeing which looks better seeming there is no time limit on this website i might aswell make it look as good as possible.