If you’re new to web design, here are some resources to get you started:
—Encourage students to design their websites in “split view,” writing their own HTML and CSS in the coding window and watching how it renders visually in design window.
—If students are using a USB drive to host their local website files and designing on multiple computers, they will need to export their server settings as a Dreamweaver .ste file (details here).
Tizag - CSS Tutorial
W3C - CSS Validation
WEB FONTS AND COLORS
Typetester: an online application for comparison of the fonts for the screen
Color Picker: hexidecimal codes for web colors
How to Optimize JPEG Photos for the Web: Photoshop video tutorial
As an alternative to “from-scratch” web design, the WordPress platform allows students to create a basic site for use in blogging exercises or as a portfolio of written and multimedia work using customizable templates.
The following tutorials offer a comprehensive overview of how to start your own WordPress site:
Sign up for WordPress Username (for multiple authors on a single class blog)
Sign up for WordPress Username and Blog (for individual student sites)