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
Product information
- Title: Turning a Design into HTML Code and using CSS
- Author(s):
- Release date: March 2016
- Publisher(s): Pearson
- ISBN: 0134466624
You might also like
video
Working with HTML Elements
In this Working with HTML Elements video, we’ll cover absolute and relative links, navigation menus, linking …
book
Web Animation using JavaScript: Develop and Design
We’ve come a long way since the days of flashing banner ads and scrolling news tickers. …
book
CSS3 Quick Syntax Reference: A Pocket Guide to the Cascading Style Sheets Language
The CSS3 Quick Syntax Reference is a 150-page syntax reference to the Cascading Style Sheets language. …
video
CSS Animations and Transitions
What are some of the accessibility considerations that come along with adding animations to a UI?