ABT 294

Course Resources

Learning Web Design, 4th Ed. Textbook Companion Website

The Internet and HTML

Go to top
  1. Introduction to the Internet
  2. What is Website Development?
  3. What is Website Design?
  4. What is ISO 9660?
  5. Naming Files, Paths, and Namespaces
  6. Web Site Fundamentals
  7. How well does your browser support HTML5?
  8. What is the !DOCTYPE Tag?
  9. What is Standards Mode?
  10. Activating Browser Modes
  11. Which browsers support HTML5 (search)
  12. The HTML Specification
  13. The Differences between HTML 5 and XHTML
  14. Baby Steps from XHTML to HTML5
  15. HTML5 & CSS3 Readiness
  16. Support Tables for HTML5 and CSS3
  17. Additional Articles on HTML5 and XHTML
  18. The Web Hypertext Application Technology Working Group
  19. Compatibility tables for HTML5, CSS3, and SVG (desktop and mobile browsers)
  20. HTML5 support for older browsers (search)
  21. How to Make All Browsers Render HTML5 Mark-up

Web Site Design

Go to top
  1. Dreamweaver Button'ology
  2. Web Site Design Issues
  3. Statistics for Designers
  4. What is responsive, adaptive, and fluid design?
  5. Fixed vs. Fluid vs. Elastic Layout: What’s The Right One For You?
  6. More Articles on Design Options
  7. The Use of Grids in Website Design
  8. Web Site Design Layout Using Grid Systems
  9. Web Site Design Layout Using Grid Systems (google search)
  10. The 960 Grid System - 960 Grid System Demo
  11. The 960 Grid System (google search)
  12. CSS Grid Positioning Module Level 3
  13. More Articles on Grids
  14. Why we don't use wider interfaces on wide screens
  15. Why White Space is important in Web Design
  16. 11 Reasons to use White Space
  17. The Value of White Space (Numerous valuable articles)
  18. Most Users Don't Read - They Skim
  19. F-Shaped Reading Pattern
  20. More articles on the F shaped Reading Pattern
  21. Providing a Breadcrumb Trail

Image Development

Go to top
  1. Image Basics
  2. Open Resources
  3. Photoshop Button'ology
  4. 50 reasons NOT to use Photoshop for Web Design
  5. Is Fireworks still a web design option (google search e various relevant articles)
  6. The RAW File Format
  7. Raw vs JPEG For Photo Editing
  8. Understanding RAW files
  9. More articles on RAW and JPEG formats
  10. What is Colour Space?
  11. What is Gamut?
  12. What is Gamut?
  13. Gamut Illustrations
  14. Photoshop Help

Working with CSS

Go to top
  1. Search Adobe Community Help...
  2. Learn to work with CSS
  3. Designing with CSS
  4. CSS page layout basics
  5. Paul Irish's Box Model Fix
  6. Tableless web design with CSS
  7. Creating a simple three-column design
  8. Responsive Web Design - The Viewport
  9. Using Media Queries
  10. Overflow W3Schools

Typography

Go to top
  1. Adobe Edge Fonts
  2. Google Fonts

Search Engine Optimization

Go to top
  1. SEO Tutorial Videos
  2. Make your site Search Engine Friendly
  3. Increase Google Traffic Using Correct Meta Tags
  4. Search Engine Promotion
  5. Back to Basics - SEO 101
  6. How to write Title Tags...
  7. Google Search... what is the best method for web page titles
  8. Google Search... what is the best method for web page keywords
  9. Google Search... what is the best method for web page descriptions
  10. Google Search... how do I accomplish SEO