View Single Post
01-31-2008, 11:54 AM
#42
Szandor is offline Szandor
Status: Junior Member
Join date: Jan 2008
Location: Växjö, Sweden
Expertise:
Software:
 
Posts: 45
iTrader: 0 / 0%
 

Szandor is on a distinguished road

  Old

The new Dreamweaver from Adobe is a great piece of software, I always felt DW lacked something before.

I personally use the following workflow, it provides a quick and simple design process for me:

Photoshop
The first draft is made in Photoshop. It's just a rough sketch at first, but matures along the way. I go back to this step frequently in the beginning to correct things.

Text editor
I mostly work with e these days, but if you don't want to pay there are a number of good free editors out there. I can recommend Crimson Editor (hitting the forum to get the updated beta is recommended).
In my text editor I write the XHTML. I don't add the actual content yet, I just use some placeholder text.

Firefox
While Opera has a better renderer, Firefox has a bunch of truly great add-ons that really make a difference here.

- Web Developer
This is a crucial add-on in my work flow since I can edit the CSS and see any changes on-the-fly. Not even Dreamweaver can do this (you have to press an update button). The website is pretty much layed out this way, using Firefox and e to edit what I need.

I guess the list could end here, but there are other tools I use as well. First of all I have a couple of different browsers installed and Apples decision to release a Windows version of Safari has really helped me out. Firefox, Opera, IE7, Safari and Lynx are the browsers I check regularly, with IE6 being checked when I get access to it. Lynx is great for checking the structure of your XHTML, Opera displays your code most correctly and can be used for reference while the rest are the major browsers today.

FastStone Capture
A great tool for taking screenshots and other small tasks. Free to try, cheap to buy.

I also use some more add-ons for Firefox, but I'll only list the most interesting ones. Look them up, they're all pretty handy.
  • ColorZilla - A colorpicker for your browser. Very handy.
  • Total Validator - A great validator that can take screenshots of your site on various browsers and platforms. Perfect if you want to control what the site looks like in a browser you don't want to install.
  • Internote - Sticky notes for websites. Great for designers working on several websites at a time.
  • MeasureIt - A simple way of measuring stuff. How big is that gap really?

In conclusion: Photoshop, Firefox and a text editor gives you a powerful combo, although you will need to actually know what you're doung to use it, but we all do in here, right? ;-)

For some WYSIWYG editing, Dreamweaver CS3 is the way to go. Not the perfect WYSIWYG editor, but the best there is today.