Video description

In this Turning a Design into HTML Code and Using CSS video, we’ll cover how to determine structural elements needed to turn a design into a webpage, how to use a visual design to plan out the other HTML elements needed in that page, and how to code a webpage based on a visual design. We’ll also cover the syntax of CSS, type or element selectors, class selectors, ID selectors, descendant selectors, CSS specificity, and how to attach a CSS file to your HTML page.

---

Table of Contents

In this topic, we’ll cover how to determine structural elements needed to turn a design into a webpage, how to use a visual design to plan out the other HTML elements needed in that page, and how to code a webpage based on a visual design.

Turning a Design into HTML 00:02:57

Identifying Structural Areas Needed for a Web Page 00:02:32

Mark Up Your Mockup Process 00:03:28

Coding the Default HTML Elements 00:04:40

Coding the Navigation Menu 00:02:15

Coding the Logo 00:01:32

Coding the Billboard 00:01:50

Coding the Content 00:04:14

Coding the Sidebar 00:03:03

Coding the Footer 00:03:39

In this topic, we’ll cover the syntax of CSS, type or element selectors, class selectors, ID selectors, descendant selectors, CSS specificity, and how to attach a CSS file to your HTML page.

The Syntax of CSS 00:05:14

Writing a CSS Rule 00:01:59

Combining Multiple Selectors into One CSS Rule 00:03:01

Combining CSS Rules 00:03:57

Multiple and Descendant Selectors 00:06:02

Combining Different Types of CSS Selectors 00:07:01

ID Selectors and CSS Specificity 00:03:45

CSS Specificity Exercise 00:02:17

Linking CSS Style Sheets to HTML Pages 00:04:27