Introduction to Web Interaction Design: With HTML and CSS

Description

This book introduces standard and new HTML5 elements and attributes and CSS3 properties commonly used in Web design as well as design guidelines for their effective use. Its approach of explaining every line of code in the examples it uses to show the usage of the HTML elements and CSS properties introduced makes it an invaluable Web design resource for beginners as well as intermediates looking to fill in gaps in their knowledge. In addition, the inclusion of user-centered design process stages and how they are best managed in website development makes the book unique in its area. Also, the book’s approach of including challenges after each topic to help refresh readers’ knowledge, as well as make them think, ensures that there are ample activities to keep learners motivated and engaged.

Key Features

• Comprehensively covers standard and new HTML5 elements and attributes and CSS3 properties.
  Includes a lot of challenges/exercises; one after each HTML element or CSS property introduced and demonstrated with examples.
• Example codes can be copied and pasted as-is to implement and experiment with.
• For every HTML element or CSS property introduced, guidelines are provided, where relevant, on how to best use them in a design to enhance usability and accessibility.
• Includes comprehensive explanation of flexible box and grid layout models and how to use them to create responsive and adaptive Web design.
• Covers the importance of visual aesthetics in design, including design elements and principles and examples of how they can be applied in Web design to produce good user experience.
• Includes comprehensive guidelines on how to design for standard and mobile screens, including discussion of touch gesture interaction design and standard gestures and the functions for which they are most commonly used.
• Introduces the stages of user-centered design process, including Web accessibility and user-experience testing, and managerial aspects of Web development, including intellectual property.
• Provides a brief introduction on how to make HTML and CSS codes more compact and more efficient and how to combine them with other languages commonly used in Web design and development, such as JavaScript, AJAX, and PHP.

Table of Contents

1. Chapter 1: The Internet and the Web
2. Part 1: HTML
   1. Chapter 2: Introduction to HTML
   2. Chapter 3: Text
   3. Chapter 4: Lists, Tables and Links
   4. Chapter 5: Forms
   5. Chapter 6: Images
   6. Chapter 7: Audio, Video, and Animation
3. Part 2: CSS
   1. Chapter 8: Introduction to CSS
   2. Chapter 9: Color
   3. Chapter 10: Boxes: Size and Border
   4. Chapter 11: Boxes: Transform and 3D
   5. Chapter 12: Positioning elements
   6. Chapter 13: Text: Typefaces and Fonts
   7. Chapter 14: Text: Formatting and decoration
   8. Chapter 15: Images: Content and background images
   9. Chapter 14: Images: Effects
   10. Chapter 17: Lists, Tables, and Forms
   11. Chapter 18: Animation
   12. Chapter 19: Layout with Flexible box
   13. Chapter 20: Layout with the grid model
   14. Chapter 22: Beyond HTML and CSS
4. Part 3: Web Design principles and practices
   1. Chapter 23: Design: The fundamentals
   2. Chapter 24: Designing for the Web
   3. Chapter 25: Designing for mobile devices
5. Part 4: Web development process
   1. Chapter 26: Web development process
   2. Chapter 27: Managing Web projects
   3. Chapter 28: Introduction to intellectual property

Author Biography

Michael Macaulay is a freelance educator, developer, and user-experience designer and evaluator. Formerly, he was a senior lecturer and course director for multimedia courses at London South Bank University, United Kingdom. He earned his PhD in 2000 in the effects of human–computer interaction and multimedia in learning from Loughborough University, United Kingdom. In the past, he had also been a computer systems administrator, computer systems programmer and analyst, and desktop publisher.