All Posts are related to my research on Web2.0 Tools and links to innovative uses in education.
Feel free to Comment and provide links to other valuable resources.
These tools can be used in any eLearning or traditional school settings that desire to integrate
emerging technologies into their curriculum.

Thursday, November 29, 2007

Post 25: Web Design Layout and Design Tutorials

Online Video Tutorials specially designed for learning how to create great web sites. I'm using Camtasia Studio for the production and experimenting with varied outputs.

1. C.R.A.P. (Contrast, Repetition, Alignment, Proximity). Layout and design principles behind every great website. (YouTube Version) (Google Version)

2. HTML Editor: create a new webpage using a free editor called SeaMonkey --- by Mozilla, the folks who make Firefox. (YouTube Version) (Google Version)

3. Modifying an existing webpage using SeaMonkey HTML Editor. (YouTube Version) (Google Version)

Sample: Before and After (to increase Usability, Readability, Comprehension).

  • Strategies include: less text, shorter sentences, use of bullets, pull-quotes, and annotated images.

No comments: