Photoshop & HTML Problem

[Sam0419]

Hi Everyone,

I am currently a college student pursuing a degree in Web & Graphic Design. I have started a bit of advertising and building a few simple sites. What I have learned before school is all self-taught. I've drowned myself in tutorials, etc. Here is my issue.

I initially started playing with site development in Photoshop, slicing the images and then pushing them through Dreamweaver, and then publishing them onto the server. However, the more I read, the more I'm learning that image based web sites are not the way to go. I currently have a website created through PhotoShop that I'm now ready to push through DreamWeaver...however I'd now like to get this PhotoShop file converted into html. I've tried my best at reading how to code this site, and I just DON'T get it at this point in time. Is there any alternative to keep this site functional and running NOT off of all of these images? Or should I just drop this site and create something through WordPress, Joomla, Drupla, etc?

Thank you in advance for the help

 

[ronaldroe]

The way I do it is to slice out the stuff that needs to be images, and use CSS to position everything.

 

[Jordan Foreman]

This was the worst part of learning web development for me. Once I learned how to slice webpages, and convert to a website from there, I thought I had made it! Unfortunately, this makes load times atrocious, and also makes the site near impossible to work with.

As far as converting to HTML/CSS, its just something you're going to have to practice with. Here is a really good tutorial that should help you out a ton! It really helps show you how you should be thinking when it comes to converting your .PSD page to an HTML/CSS file.

As far as Wordpress, Joomla, etc CMS goes, it is always suggested to make an HTML/CSS file beforehand anyway, so you're in the same boat there. I recently started using Wordpress, and I really like it! But there are steps you need to take and fundamentals you should learn before trying to jump right in.

 

[Spudneek]

I think the best thing to do here is to find your own balance between the HTML/CSS and Photoshop that you use. And is there a way you can create the layouts you want and supplement them with photoshop images to create the desired look?