Modern Web Development with HTML5 and CSS

Modern Web Development with HTML5 and CSS

Released February 2015
Publisher(s): Infinite Skills
ISBN: 9781771373500

Watch it now on the O’Reilly learning platform with a 10-day free trial.

O’Reilly members get unlimited access to books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial

Video description

In this Modern Web Development with HTML5 and CSS training course, expert author Rachel Andrew will teach you about modern HTML5 and CSS, showing you how to style content and build simple, responsive layouts. This course is designed for the absolute beginner, meaning no prior experience with HTML or CSS is required.

You will start by learning the basics of developing for the web, then jump into HTML fundamentals, such as HTML Syntax, the Doctype, links, images, and validation. From there, Rachel teaches you about structural HTML, CSS fundamentals, text and typography, and color and images. This video tutorial also covers how to layout with CSS, forms in HTML and CSS, and HTML5 audio and video. Finally, you will learn about responsive design, as well as browser and device testing and how to fix problems and ensure accessibility.

Once you have completed this computer based training course, you will be fully capable of using HTML5 and CSS to develop your own responsive layouts. Working files are included, allowing you to follow along with the author throughout the lessons.

Table of contents

  1. Introduction
    1. HTML5 And CSS - An Introduction To Modern Web Development
    2. About The Author
    3. Overview Of The Course
  2. The Basics Of Developing For The Web
    1. Setting Up Your Workspace
    2. A Simple HTML Document
    3. The Basic Structure Of A Website
    4. Moving Files From Your Computer To A Webserver
  3. HTML Fundamentals
    1. What Is HTML?
    2. HTML Syntax
    3. The Doctype
    4. The Document Head
    5. The Document Body
    6. Understanding Block And Inline Elements
    7. Paragraphs And Line Breaks
    8. Div And Span
    9. Links
    10. Images
    11. Basic Lists
    12. Lists Of Lists
    13. Tables
    14. Validation
  4. Structural HTML
    1. Understanding Document Structure In HTML
    2. Quotes
    3. Articles
    4. Navigation
    5. Figures
    6. Sections
    7. Headers And Footers
    8. Aside
  5. CSS Fundamentals
    1. What Is CSS?
    2. Adding CSS To An HTML Document
    3. Basic CSS Selectors
    4. Grouping CSS Selectors
    5. Using Shorthand
    6. CSS Units
    7. Color In CSS
    8. The Cascade
  6. Text And Typography
    1. Understanding Web Typography
    2. Text Size
    3. Text Weight And Style
    4. Using Fonts
    5. Pseudo-Class Selectors
    6. Styling Links
    7. Dynamic Pseudo-Class Selectors - The Hover State
  7. Color And Images
    1. Background Color In CSS
    2. Adding A Background Image To A Page
    3. Using Background Images On Other Elements
    4. Styling A Blockquote With Multiple Background Images
    5. Gradients With CSS
    6. Shadows In CSS
    7. Opacity And Transparency
  8. Layout With CSS
    1. The CSS Layout Model
    2. Margins And Padding
    3. Borders
    4. Absolute Positioning
    5. Relative Positioning
    6. The Basics Of Float
    7. Clearing Floats
    8. Building A Simple, Floated Layout
    9. Styling The Navigation Sidebar
    10. Styling The Page Header
    11. Styling The Page Footer
  9. Forms In HTML And CSS
    1. Understanding The Role Of Forms On The Web
    2. The Form Element
    3. The Input Element
    4. Form Labels
    5. Text Areas
    6. Buttons
    7. File Input Fields
    8. Hidden Fields
    9. Checkboxes And Radio Buttons
    10. Select Lists
    11. Fieldsets And Legends
    12. Laying Out A Simple Form
    13. Styling Our Form With CSS
    14. Advanced Form Styling Tips
  10. HTML5 Audio And Video
    1. The Audio Element
    2. The Video Element
    3. Providing Fallbacks For Older Browsers
  11. Understanding Responsive Design
    1. What Is Responsive Design?
    2. Media Queries
    3. Images In Responsive Design
    4. A Simple Layout With Three Breakpoints
  12. Browser And Device Testing - Fixing Problems And Ensuring Accessibility
    1. Testing Different Platforms
    2. Debugging CSS Problems
    3. Accessibility Tips
    4. Common Problems When Making Websites Live
    5. Resources And Where To Get Help

Product information

  • Title: Modern Web Development with HTML5 and CSS
  • Author(s):
  • Release date: February 2015
  • Publisher(s): Infinite Skills
  • ISBN: 9781771373500