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
10 Creative and Beautiful Web Projects with HTML and CSS
If you want to succeed in the field of web development, you need to be well …
book
CSS Animations and Transitions for the Modern Web
Modern websites use a variety of animated effects not only to improve usability but also to …
video
Learning CSS Animations
CSS animations are pretty simple. They allow you to animate CSS properties by letting you specify …
book
Transitions and Animations in CSS
Add life and depth to your web applications and improve user experience through the discrete use …