Learning HTML & CSS

Video description

Your complete HTML & CSS video course: Learn the fundamentals of HTML and CSS, and master hands-on, real-world skills for creating your own web pages.



In Learning HTML & CSS LiveLessons, Jennifer Kyrnin helps you master the core real-world skills you need to create your own web pages using HTML and CSS.

Drawing on her experience helping thousands of people learn HTML, XML, and web design, Jennifer Kyrnin guides you from the absolute basics all the way to creating responsive web layouts and beyond. One step at a time, you learn how to create and post HTML to a hosting service; build a basic HTML document; write a CSS style sheet; use internal and external style sheets; build and style HTML text; create HTML5 outlines; adjust fonts and typography; choose and change colors; create CSS3 rounded corners; and even add HTML5 web video and audio. Everything's organized into bite-sized, self-contained lessons, so you can learn key HTML and CSS skills quickly and easily.


About the Instructor

Jennifer Kyrnin has been teaching HTML, XML, and web design online since 1997. She has built and maintained websites of all sizes, from small, single-page brochure sites to large, million-page database-driven sites for international audiences. She is the author of Sams Teach Yourself HTML5 Mobile Web Application Development in 24 Hours and Sams Teach Yourself Responsive Web Design in 24 Hours.


Skill Level

  • Beginner
  • Intermediate

What You Will Learn

  • Design and create eye-catching web pages
  • Customize your pages with Cascading Style Sheets (CSS)
  • Position images, columns, and headings on a page
  • Format text, data tables, links, and media
  • Publish your pages to a web server
  • Create online forms
  • Enhance your site with dynamic content

Who Should Take This Course

  • All beginning web page authors and others who need to know how to quickly and easily get a web page up and running for home, school, or work
  • Professional and casual web page authors at all levels

Course Requirements

  • Basic experience text editors and managing files; no HTML or CSS experience necessary

About LiveLessons Video Training

The LiveLessons Video Training series publishes hundreds of hands-on, expert-led video tutorials covering a wide selection of technology topics designed to teach you the skills you need to succeed. This professional and personal technology video series features world-leading author instructors published by your trusted technology brands: Addison-Wesley, Cisco Press, IBM Press, Pearson IT Certification, Prentice Hall, Sams, and Que. Topics include IT Certification, Programming, Web Development, Mobile Development, Home and Office Technologies, Business and Management, and more. View all LiveLessons on InformIT at http://www.informit.com/livelessons.

Table of contents

  1. Introduction
    1. Learning HTML CSS: Introduction
  2. Lesson 1: Introducing HTML
    1. Learning objectives
    2. 1.1 Understand the basics of HTML
    3. 1.2 Choose a tool for writing HTML
    4. 1.3 Post HTML to a hosting service
    5. 1.4 Define HTML5
    6. Summary
  3. Lesson 2: Building a Basic HTML Document
    1. Learning objectives
    2. 2.1 Build a simple web page
    3. 2.2 Recognize the standard HTML tags for every web page
    4. 2.3 Add paragraphs and line breaks
    5. 2.4 Create HTML headlines
    6. 2.5 Use semantic tags
    7. 2.6 Write links to other web pages
    8. Summary
  4. Lesson 3: Introducing CSS
    1. Learning objectives
    2. 3.1 Define CSS
    3. 3.2 Use inline styles
    4. 3.3 Write a basic CSS style sheet
    5. 3.4 Use internal and external style sheets
    6. 3.5 Add CSS classes and IDs
    7. 3.6 Understand the basics of CSS3
    8. Summary
  5. Lesson 4: Building and Styling HTML Text
    1. Learning objectives
    2. 4.1 Align text
    3. 4.2 Write ordered and unordered lists
    4. 4.3 Create definition lists
    5. 4.4 Add two types of quotations
    6. Summary
  6. Lesson 5: Understanding HTML5 Semantic Elements
    1. Learning objectives
    2. 5.1 Recognize sectioning elements
    3. 5.2 Add figures
    4. 5.3 Include document headers and footers
    5. 5.4 Create HTML5 outlines
    6. Summary
  7. Lesson 6: Adjusting Fonts and Typography
    1. Learning objectives
    2. 6.1 Change text to bold and italics
    3. 6.2 Change the font size
    4. 6.3 Understand line-height, leading, and fancy typography
    5. 6.4 Use web fonts
    6. 6.5 Add special characters to pages
    7. Summary
  8. Lesson 7: Decorating Pages with Color
    1. Learning objectives
    2. 7.1 Choose colors for web designs
    3. 7.2 Understand color systems
    4. 7.3 Change the foreground color
    5. 7.4 Change the background color
    6. Summary
  9. Lesson 8: Adjusting the Borders of Elements
    1. Learning objectives
    2. 8.1 Understand the CSS box model
    3. 8.2 Adjust the margins and padding
    4. 8.3 Change the border with the border property
    5. 8.4 Create CSS3 rounded corners
    6. Summary
  10. Lesson 9: Adding Images and Multimedia
    1. Learning objectives
    2. 9.1 Add images to web pages
    3. 9.2 Position images
    4. 9.3 Use background images
    5. 9.4 Link to documents and PDFs
    6. 9.5 Add HTML5 video and audio
    7. 9.6 Make multimedia responsive
    8. Summary
  11. Lesson 10: Writing Tables
    1. Learning objectives
    2. 10.1 Build a simple HTML table
    3. 10.2 Add table headlines
    4. 10.3 Dress up tables with CSS
    5. 10.4 Adjust table cell alignment and spanning
    6. 10.5 Make tables responsive
    7. Summary
  12. Lesson 11: Building and Using HTML Forms
    1. Learning objectives
    2. 11.1 Create a basic form
    3. 11.2 Use HTML5 input fields
    4. 11.3 Add in other form input fields
    5. 11.4 Validate forms
    6. 11.5 Submit form data
    7. Summary
  13. Lesson 12: Creating Responsive Web Layouts
    1. Learning objectives
    2. 12.1 Understand how to pick a good layout
    3. 12.2 Define the difference between fixed-width and liquid layouts
    4. 12.3 Define mobile-first and understand why to use it
    5. 12.4 Use CSS media queries to create a responsive layout
    6. 12.5 Choose breakpoints
    7. 12.6 Know responsive design best practices
    8. Summary
  14. Summary
    1. Learning HTML CSS: Summary

Product information

  • Title: Learning HTML & CSS
  • Author(s):
  • Release date: November 2015
  • Publisher(s): Pearson
  • ISBN: 0134192834