Free Photoshop Resources
Photoshop Tutorials from our Blog
Other Photoshop Resources
Part 4 on How to Create a Web site with Photoshop and Dreamweaver
Learn how to create a website in Dreamweaver. Your layout design is in Photoshop. Click here to view the finished website.
This tutorial is part of a 4 page tutorial on how to create a simple web site using Photoshop. Please make sure you have completed the first 3 tutorials.
Let's get started with creating your website in Dreamweaver. The final and most important step!
Bring your cursor to the third row and enter a height of 78 pixels in the properties panel. Now we will insert another table (Insert/Table) with 1 row and 3 columns so that the logo is inserted in the left and the navigation links are inserted on the right.
Column 1: Give a width of 12 pixels. This is so that the logo does not stick to the edge of the page.
Column 2: Insert the logo image by clicking on Insert/Image and selecting logo.jpg from the images folder.
Column 3: Enter About Us | Services | Products | Clientele | Contact Us. Select the text and choose style 1 from the style drop-down menu. You should get the same style as the top navigation links - Verdana size 11 pixels and color white.
To preview your website in the browser, press F12.
Congratulations! You have successfully created your website!
Click here to download the completed website along with the source .psd file.
More related useful tutorials in Dreamweaver: