Web Design Tricks
The first thing you want to do before designing your web page is to create a flowchart, a flowchart will aid in the outline of your web design project. Next you will need to decide how you want to lay-out your site. There are a few basic layouts, however most professional designers use layouts that are compatible with the more popular browsers, "this design trick' is very important to know, as you will want all users to be able to access your web pages. The site Just dreamweaver has a ton of free blank or empty layouts that you can use as a guide. Or you can choose from some pre-made templates that are featured free, on smashing magazines website. If you don't like any of the layouts suggested, you can create your own. Make sure to ensure browser compatibility by incorporating the right browser hacks. Make sure you know how the browser hacks work before you use this particular web design trick. Do some research on website design tricks before attempting to write your own code.
Next you will use the measurements from you're empty web template to start the design process. Most Professional designers use Photoshop to design the graphical interface of their web page. I like to start my PSD interface template by boxing my layout first. For instance If I have a header at the top of my page, I would first create a big grey box and label it header, than on my side bar I would create another grey box, matching the measurements 100% from my html coded template, this ensures that I have a perfectly even and compatible transition from PSD to html or xhtml. After you have laid out your grey outline you can turn on rulers and guides and start lining up your grey outlines.