O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

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.

 

Description

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