ABSTRACT

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.  
  • chapter 1|7 pages

    The Internet and the Web

    part 1|210 pages

    Html

    chapter 3|36 pages

    Text

    chapter 4|24 pages

    Lists, Tables, and Links

    chapter 5|47 pages

    Forms

    chapter 6|44 pages

    Images

    chapter 7|36 pages

    Audio, Video, and Animation

    part 2|483 pages

    Css

    chapter 8|25 pages

    Introduction to CSS

    chapter 9|28 pages

    Color

    chapter 10|60 pages

    Boxes: Size and Border

    chapter 11|15 pages

    Boxes: Transform and 3D

    chapter 12|38 pages

    Positioning Elements

    chapter 13|30 pages

    Text: Typefaces and Fonts

    chapter 14|54 pages

    Text: Formatting and Decoration

    chapter 15|34 pages

    Images: Content and Background Images

    chapter 16|25 pages

    Images: Effects

    chapter 17|32 pages

    Lists, Tables, and Forms

    chapter 18|23 pages

    Animation

    chapter 19|24 pages

    Layout with Flexible Box

    chapter 20|41 pages

    Layout with the Grid Model

    chapter 21|24 pages

    Responsive and Adaptive Web Design

    chapter 22|21 pages

    Beyond HTML and CSS

    part 3|88 pages

    Web Design Principles and Practices

    chapter 23|34 pages

    Design: The Fundamentals

    chapter 24|42 pages

    Designing for the Web

    chapter 25|10 pages

    Designing for Mobile Devices

    part 4|86 pages

    Web Development Process

    chapter 26|33 pages

    Web Development Process

    chapter 27|27 pages

    Managing Web Development

    chapter 28|22 pages

    Introduction to Intellectual Property