Design a web site in Photoshop CS3

ThirdDesign · 04-29-2008, 08:46 AM

Hey ,
I was wondering if you truly can develop a web site completely in PS cs3. Maybe i read a internet serach wrong but i think you can. I have my blog but I would also love to have a site. of course I am using geocities right now, just to get some semblance of "experience". I don't know any HTML or CSS, I really just want to keep using Photoshop. Any links, helps or tips would be greatly appreciated. Visit my blog see where my mind is going with it and give me some advice, thanks again
Robert B
ThirdDesign

Aarlev · 04-29-2008, 09:37 AM

No you can't make a site completely with Photoshop. You can use Imageready (haven't tried CS3 yet but it comes with all other versions of PS). In Imageready you can export your slices as a table layout or css/div layout. I strongly advise you not to do this (unless it's just for a quick working mockup). The reason being that first of all the code that it outputs is an absolute mess. And if you don't know any HTML/CSS at all, you will not be able to fix errors. If you want to make proper websites on your own you'll have to bite the sour apple and learn XHTML/CSS. It's not rocket science though and there are plenty of tutorials (and forums

) that can help you get started.

ChrisLy · 04-29-2008, 12:37 PM

Image ready no longer exists. Photoshop CS3 has devoured most of its features -- and other creative suite programs have taken the others. That said, you can make a layout in Photoshop just using slices, but you can't use it to make dynamic content.

jonathan connolly · 05-01-2008, 02:04 PM

Well its nice seeing you on here! LOL

To try and help you more on answering your question...

I know how comfortable things can get using photoshop. You get familiar with everything and just want to do it all in their. The good thing is you can design the front end of your website through PS. I would use that to just lay everything out exactly the way you want it. Then when your ready to publish it or make it live its a whole other thing. Yes, you can export things as slices and do something like this. NOS PR but your results sometimes wont work right because of the different browsers out their.

I get away with doing a lot of things like this right from PS because it is quick and easy. All you have to do is create slices through out your design and then click file>save for web. Then once you save it you can choose to save both the html file along with all the individual images that it cuts out and pieces them all together with that html file. If you look at that NOS PR that I showed you. Try right clicking and saving the image. As you can see it only gives you a slice thats because it was cut using PS. Very simple to do and a good way to start out and understand the basics of slicing.

I would start their and then start learning more about servers and hosting. FTP is another things to look into. It will allow you to upload your images to your server so other people can actually view it from a url. Once you start understanding that then I would try learning more about a dreamweaver, html, css. Those are the things that will help you to piece the website together and give you and your viewers across the internet what your looking for.

Another great and quick thing you can do right from PS. This is where I think PS is very powerful but kind of does everything for you. That is the Photo Web Gallery. It is a pretty impressive tool all you do is goto file>Automate>Photo Web Gallery. Go through the list of steps and it will actually create a gallery with full html and even flash files. This can export a whole portfolio of your images for a web gallery of your own. All you would have to do from there is link it up to a server. But you can preview it in a browser and play around with the files to get a better understanding of a website.

Hopefully some of this helps. Keep up the great work and dont forget to keep up with my blog

alyCe · 05-04-2008, 04:39 AM

You can make a website in Photoshop, but I don't think you can make a really good website in (just) photoshop. Either you should learn the basics of html and css or you should pay one of the many many companies that makes your photoshop-image to a full-fledged html/css-site in 48 hours and pretty cheap.

I won't write that much about webdesign, but it seems everyone jumps on the chance to promote their blog, so.. heh

RedMonkey · 05-04-2008, 09:45 AM

What I would suggest is take either a web design class at your school. Or pick up a HTML/CSS Book. Get dreamweave it will help alot! One other thing you can do is find a CSS/HTML layout on a website that you like and the layout is close to what your looking for, then just edit the colors, text, images, links and all. (Will be pretty easy for beginer coder)

And once again as everyone is doing it here is my site which I have coded myself.

Hope some of the information helped.

alyCe · 05-04-2008, 12:20 PM

Quote:

Originally Posted by RedMonkey

And once again as everyone is doing it here is my site which I have coded myself.

amazing, this is turning into a combithread.

04-29-2008, 08:46 AM	#1
ThirdDesign Newbie try'n to be true B Join Date: Apr 2008 Location: New Jersey South Side Posts: 9	Design a web site in Photoshop CS3 Hey , I was wondering if you truly can develop a web site completely in PS cs3. Maybe i read a internet serach wrong but i think you can. I have my blog but I would also love to have a site. of course I am using geocities right now, just to get some semblance of "experience". I don't know any HTML or CSS, I really just want to keep using Photoshop. Any links, helps or tips would be greatly appreciated. Visit my blog see where my mind is going with it and give me some advice, thanks again Robert B ThirdDesign

04-29-2008, 09:37 AM	#2
Aarlev Web Designer Join Date: Jan 2008 Location: London Posts: 341	No you can't make a site completely with Photoshop. You can use Imageready (haven't tried CS3 yet but it comes with all other versions of PS). In Imageready you can export your slices as a table layout or css/div layout. I strongly advise you not to do this (unless it's just for a quick working mockup). The reason being that first of all the code that it outputs is an absolute mess. And if you don't know any HTML/CSS at all, you will not be able to fix errors. If you want to make proper websites on your own you'll have to bite the sour apple and learn XHTML/CSS. It's not rocket science though and there are plenty of tutorials (and forums ) that can help you get started. __________________ //PORTFOLIO\\

04-29-2008, 12:37 PM	#3
ChrisLy Designer Join Date: Mar 2008 Location: Illinois Posts: 39	Image ready no longer exists. Photoshop CS3 has devoured most of its features -- and other creative suite programs have taken the others. That said, you can make a layout in Photoshop just using slices, but you can't use it to make dynamic content. __________________ My portfolio. Feel free to critique.

05-01-2008, 02:04 PM	#4
jonathan connolly Creative Director Join Date: Apr 2008 Posts: 18	Hey Bob this might help Well its nice seeing you on here! LOL To try and help you more on answering your question... I know how comfortable things can get using photoshop. You get familiar with everything and just want to do it all in their. The good thing is you can design the front end of your website through PS. I would use that to just lay everything out exactly the way you want it. Then when your ready to publish it or make it live its a whole other thing. Yes, you can export things as slices and do something like this. NOS PR but your results sometimes wont work right because of the different browsers out their. I get away with doing a lot of things like this right from PS because it is quick and easy. All you have to do is create slices through out your design and then click file>save for web. Then once you save it you can choose to save both the html file along with all the individual images that it cuts out and pieces them all together with that html file. If you look at that NOS PR that I showed you. Try right clicking and saving the image. As you can see it only gives you a slice thats because it was cut using PS. Very simple to do and a good way to start out and understand the basics of slicing. I would start their and then start learning more about servers and hosting. FTP is another things to look into. It will allow you to upload your images to your server so other people can actually view it from a url. Once you start understanding that then I would try learning more about a dreamweaver, html, css. Those are the things that will help you to piece the website together and give you and your viewers across the internet what your looking for. Another great and quick thing you can do right from PS. This is where I think PS is very powerful but kind of does everything for you. That is the Photo Web Gallery. It is a pretty impressive tool all you do is goto file>Automate>Photo Web Gallery. Go through the list of steps and it will actually create a gallery with full html and even flash files. This can export a whole portfolio of your images for a web gallery of your own. All you would have to do from there is link it up to a server. But you can preview it in a browser and play around with the files to get a better understanding of a website. Hopefully some of this helps. Keep up the great work and dont forget to keep up with my blog __________________ Jonathan Connolly : Creative Director \| Website \| Blog \| Work \| Flickr \|

05-04-2008, 04:39 AM	#5
alyCe Super Moderator Join Date: Dec 2007 Location: Norway Posts: 666	You can make a website in Photoshop, but I don't think you can make a really good website in (just) photoshop. Either you should learn the basics of html and css or you should pay one of the many many companies that makes your photoshop-image to a full-fledged html/css-site in 48 hours and pretty cheap. I won't write that much about webdesign, but it seems everyone jumps on the chance to promote their blog, so.. heh __________________ glunge


Welcome to our Graphic Design Forums! Your Design Forums has active graphic design forums where community members discuss graphic design related topics.

05-04-2008, 09:45 AM	#6
RedMonkey Intern Join Date: May 2008 Posts: 11	What I would suggest is take either a web design class at your school. Or pick up a HTML/CSS Book. Get dreamweave it will help alot! One other thing you can do is find a CSS/HTML layout on a website that you like and the layout is close to what your looking for, then just edit the colors, text, images, links and all. (Will be pretty easy for beginer coder) And once again as everyone is doing it here is my site which I have coded myself. Hope some of the information helped.

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode