How can you use Photoshop and CSS together?
I’ve been doing nice looking sites using only Photoshop slicing, and Dreamweaver tables. What can I do with css? Does anyone know of any good tutorials? I want to place a Nav bar at the top of my screen that adjusts with the screen resolution no matter what. But I want to design everything in photoshop basically so it looks pro. Any nice sites you have links for done all in CSS would be nice.
Your not really answering what I mean I mean as far as plaing pictures for a site done totally in photoshop.
April 19th, 2008 at 3:26 am
I work with only CSS and the absolute best (although, quite possibly the more difficult) way to learn, is to scrap Dreamweaver’s functionality altogether. Use the program if you like the application (I do sometimes because it colors objects and makes it easier for me to read, but I couldn’t tell you what any of the menus or icons do). Learn to start coding from scratch. A List Apart (link below) is a great tutorial place. W3Schools is another good one, as well as CSS Zen Garden for a little inspirado when you need it.
TemplateMonster – although I would say never buy a template from there unless you want a headache for a year – has some great designs as well that can give you some ideas for professional quality sites.
April 19th, 2008 at 11:29 pm
Take a look at what they’re doing over at.
These are all open source CSS templates. You can download some to learn a lot from them.
In Dreamweaver, you can edit your stylesheets, but another tool for coding style sheets is StyleMaster. You can download a trial version. And PSPad, a free editor.
It will be helpful to understand stylesheets separate from Dreamweaver.
I use Dreamweaver and CSS for layouts instead of tables. You’ll still do your design in PS and slice, only instead of tables, you’ll plan out your site using divs. I do find it easier to hand code the css but sometime I use Dreamweaver to edit.
I learned by studying the templates; also a video tutorial from lynda.com; and Andy Budd’s CSS Mastery (book) .
Other resources: