Web Design

Are you looking to develop your own website? The following is a small collection of tutorials on web design. Originally this material was developed as companion note to in-class instruction. However, many people do not have access to this type of learning and yet still need to learn the skills. You are welcome to use this material to further your understanding. If you find them helpful (or not), please leave a comment below.

• Self Assessment Test

Are you prepared to edit and create a website? One obstacle is not being familiar with basic keyboard commands, file systems and navigating them and basic features of the operating system interface. A sophisticated web design tool such as Dreamweaver presumes you have these basic skills. Try to complete this self-assessment and if you find that you are lacking in some area, spend the time to get up to speed. If you want to check your results, the solution is here (no peeking).

• Web design using Dreamweaver [Notes | Files]

This tutorial covers the basics of creating a website using Dreamweaver. Readers learn how to design individual web pages and create a whole site from those pages. Topics include: understanding HTML code, modifying text, placing images, designing with tables, using rollovers and managing the site. Suitable for novices who want to get a quick overview of how to create a website using a WYSIWYG web design tool. There are no screen shots, but you should be able to follow the instructions and complete the tutorial.

• Web design with CSS and Dreamweaver [Notes | Files]

This is an advanced web design tutorial that builds on Dreamweaver experience by covering how to use Cascading Style Sheets (CSS) to control the visual layout of a web page. CSS is the approved method for web design and offers control of every element in a Web site. Visit the link above to also download all the image files and the completed CSS and HTML files for this tutorial.

• Web design with Photoshop and Dreamweaver [Notes | Files]

This advanced tutorial in web design builds on your knowledge to create professional website graphics. Dreamweaver and Photoshop are powerful design tools but require experience to master. This tutorial will teach you how to perform some common tasks such as creating a site header, image masks, buttons and a button bar. You can adapt these skills to many web projects.