Creating an HTML/CSS Web Page using Adobe Photoshop and Dreamweaver
Filed Under (CSS, Dreamweaver, Photoshop, Web Design) by Dave on 07-07-2008
Tagged Under : CSS in Dreamweaver, Photoshop & Dreamweaver
This is one of the better and more thorough tutorials out there on web design. It’s an excellent tutorial taking you through the steps of creating a website, first using Photoshop to design the site then to Dreamweaver for step by step instructions on HTML/CSS to put it all together. Complete with header, menu and content areas. If your new to web design or just looking for some fresh idea’s, this is a great tutorial for you read. Check it out www.carlosaleman.com/tutorial.html
Here is an easy way to make a nice CSS menu for your website that will also keep the current page highlighted in the menu. First we need a background for the menu and a mouse-over background or highlight which will also act as the current page highlight. If you want to use your own colors or pattern you can replace the link in the CSS with your own. Here are the two background images I made with Photoshop. The size of these particular images are width:15px height:40px.
Up state 
Down state
A popular layout among web designers is the 3 column layout. It allows a lot of flexibility for content layout. It is often used to add additional links for categories on the left and lining up sponsors down the right hand column. In this web site design tutorial we’ll use absolute positioning to set up a basic 3 column website with a header for the logo. This example will use the above format and place links in the left column, body of content in the middle and sponsors or additional content for the right sidebar column.
