Turning a Design into HTML Code and using CSS

Table of Contents

1. 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.
   1. Turning a Design into HTML 00:02:57
   2. Identifying Structural Areas Needed for a Web Page 00:02:32
   3. Mark Up Your Mockup Process 00:03:28
   4. Coding the Default HTML Elements 00:04:40
   5. Coding the Navigation Menu 00:02:15
   6. Coding the Logo 00:01:32
   7. Coding the Billboard 00:01:50
   8. Coding the Content 00:04:14
   9. Coding the Sidebar 00:03:03
   10. Coding the Footer 00:03:39
2. 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.
   1. The Syntax of CSS 00:05:14
   2. Writing a CSS Rule 00:01:59
   3. Combining Multiple Selectors into One CSS Rule 00:03:01
   4. Combining CSS Rules 00:03:57
   5. Multiple and Descendant Selectors 00:06:02
   6. Combining Different Types of CSS Selectors 00:07:01
   7. ID Selectors and CSS Specificity 00:03:45
   8. CSS Specificity Exercise 00:02:17
   9. Linking CSS Style Sheets to HTML Pages 00:04:27