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.

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).

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.


 
Modeling Systems in UMLSystems are a combination of hardware, software and peripherals collectively working in an environment where together they fulfill a need of those who use the system. Because there are often many intangible components, it is difficult to create an accurate representation or model of complex engineered IT systems.

This tutorial explains how to create UML diagrams of IT systems in language any business analyst will find easy to read and understand.
Learn Web Design with Cascading Style SheetsThis is part of my web design tutorial that describe how Dreamweaver can be used to design websites, this article focuses Learn%20how%20to%20design%20web%20pages%20with%20CSSon the use of Cascading Style Sheets (CSS) to control the visual layout of a web page. CSS is the approved method for design and offers control of every element in a Web site. Visit the link to also download all the image files and the completed CSS and HTML files for this tutorial, along with other material.

Click here to access this tutorial.