Web Page Design I and II
~York Adult Ed Class~
URL of this page: http://wboardman.com/webdesign/
Instructor email: wayne31r [at] gmail dot com
Creating your own practice web page online
Stay tuned for instructions.
One of the best collections of free Web-building tutorials and try-it-yourself examples.
Another excellent site that gives step-by-step instruction for learning HTML and CSS.
HTML – An Interactive Tutorial
The basics of HyperText Markup Language
Colors and images
Colors and their Hexcode numbers
Go to “The Original Color Chart” to chose colors by name or code.
Image Tag Basics
See how images can be added to a web page and follow the steps to add an image to your own web page.
More advanced topics
Web Style Guide
A thorough review of basic design principles as well as tricks of the trade; shows how to use fonts, colors, and layout in order to create effective Web pages.
Making tables with HTML can be a useful skill, even though newer standards advise using CSS instead of tables for positioning. Start here to access a bunch of tutorials and how-tos:
Cascading Style Sheets
Some very basic examples of css, including an exercise.
Web page template
The template-builder page gives an example of a two-column web page with header and footer, all created with the help of CSS.
Free web page templates
I have collected a few good sources of free and open source web page templates at http://www.delicious.com/wayne31r/webdesign+templates
Getting listed on Google
Here are some basic tips for improving your search engine rankings.
Creating a blog of your own
Introduction to WordPress.com
Basic overview of what a blog is and how it works.
Signing up for a WordPress.com blog
Review this basic instructional video for signing up for a free blog through WordPress.com.