ABT 294 - Website Design & Maintenance

Readings

Module 1 - Getting Started

Social Hypotheis assignment 1: Web Concepts

Course lecture notes.
Open these files with Adobe Acrobat Reader to see the presentation notes:

Module 2 - Web Concepts

Social Annotation Excercise 2: How to Meet WCAG (Accessibility)

Additional Readings:

  1. Dreamweaver Button'ology
  2. A Complete Guide to Flexbox by Chris Coyier
  3. F-Shaped Pattern of Reading on the Web: Misunderstood, But Still Relevant (Even on Mobile) by Kara Pernice
  4. Putting Accessibility First by Carry Fisher
  5. Chapter 5 – Styes & CSS from Web Design Primer by Richard Adams and Ahmed Sagarwala
  6. Chapter 4 - The Semantic Web from Web Design Primer by Richard Adams and Ahmed Sagarwala

Module 3 – Images

Hypotheis assignment 3: Chatper 3: Images & Videos (Responsive Design: Patterns & Principles by Ethan Marcotte)

Additional Readings:

  1. How AI reduces the work to stereotypes by Victoria Turk
  2. Chapter 6 - Image Optimization
  3. Chapter 15 - Photoshop for Web and Cross-Media
  4. Chapter 14 - Digital Photography for Web and Cross-Media
  5. Photoshop Button'ology
  6. Photoshop Help
  7. The RAW File Format

Module 4 – Responsive Web Design

Hypotheis assignment 4: What is CSS (MDN web docs)

Hypothesis assignment 5: CSS Box Sizing (CSS Tricks)

Additional Readings:

  1. CSS Selectors MDN web docs
  2. Chapter 2. Designing “Landing Page” for Websites Based on the User Experience: Review, Analysis, and Interpretation from Updates on Software Usability by Laura M. Castro
  3. A Complete Guide to Flexbox by Chris Coyier
  4. How to Meet WCAG (Quick Reference) WC3 Web Accessibility Initiative WAI
  5. What’s new in responsive design by Rachel Andrews [YouTube]
  6. CSS Selectors MDN web docs
  7. Chapter 6: Development from The Missing Link by Michael Mendez
  8. The Power of White Space in Design by Mads Soegaard
  9. The Perfect Web Page by Richard Parry

Module 5 – Templates

Hypotheis assignment 6:  Cascade, sepcificity and inheritance (MDN docs)   

Hypotheis assignment 7: Ch. 6 Broadening the Community (Inclusive Design Communities by Sameera Kapila

Additional Readings:

  1. Page Structure Tutorial & Page Regions by W3C
  2. How to build a Magazine Layout with CSS Grid by Jennifer Brehm
  3. Designing Navigation for Mobile: Design Patterns and Best Practices by Vitaly Friedman

 

Module 6 – Dynamic Design

Readings:

  1. Intuitive Web Design: How to Make Your Website Intuitive to Use by Peep Laja
  2. Chapter 2. Designing “Landing Page” for Websites Based on the User Experience: Review, Analysis, and Interpretation from Updates on Software Usability by Laura M. Castro
  3. Form Design: UX Strategies and Best Practices by Orlee Gillis

Module 7 – JavaScript

Social Annotation Excercise 8: Ch. 4 Making Flow Happen (Immersive Content and Usability by Preston So)

Additional Resources:

  1. Learn JavaScript – Free JS Courses for Beginners by Jessica Wilkins