Web Design
from Scratch has been adding some great content and learning
materials since I last posted a blog
article about their site. Here is more of their free
Web Development training content that will teach you many
techinical areas of designing and developing web pages and web sites.
Topics covered here include the Design Process, Graphic
Design for the Web, Site Architecture, Usability, HTML, CSS,
JavaScript, and DHTML.
Design
Process
- Attention Map
- Design like no-one's watching
- The Design Spectrum
- Don't Decorate, Communicate!
- Golden Rule of web design
- Pursuit of the Original
- Simplicity in web design
- Think Then Do
- Work smart, not clever
Business
- Setting up in Web Design
- Outsourcing: How to use freelance talent effectively
- Pricing and selling web design
- 10 Free Ways to Promote your Business Online
Graphic Design for the Web
Graphic design basics: Page layout: Visual techniques:
- 3D Effects in graphic design for the web
- Logo design
- Text-based logos
- Favourite logos
- Current style in Web Design
- Web 2.0 Design Style Guide
Site Architecture
- Information Architecture models
- Information Architecture 101
- Navigation models for web sites
- Case study: Business Improvement Network
- Case study: Bytecon
Usability
- Behaviour of web sites and applications
- Trusting the user
- Clear hyperlinks
- Effective text: Benefits of text over graphics
- Logical order of page components
- Using mouseovers in web design
- Designing navigation for web pages
- Readabilty
- Case study: Kemik online art portfolio
Production
- How HTML, CSS and JavaScript work together in making web pages
- How to make a web site
- Why code by hand
- Basics of Search Engine Optimisation
HTML
CSS
JavaScript/DHTML
- JavaScript 101: Hello World!
- Datasheet-style form using HTML, CSS and JavaScript
- Tabular list-style form using HTML, CSS and JavaScript