Video description
Skip the reading and learn by watching!
Short, clear videos show you visually how to perform individual tasks in HTML and CSS
HTML & CSS Video How-To is a series of short, 2- to 5-minute how-to videos that walk you through a specific task or technique related to creating web pages with HTML and CSS.
Adapted from Julie C. Meloni's book Sams Teach Yourself HTML and CSS in 24 Hours, each video is self-contained and focused entirely on one particular task. You can either go through the videos in sequence or you can jump into a particular task, see how something is done, and then jump out again.
About the Instructor
Julie C. Meloni is a software development manager and technical consultant living in Washington, D.C. She has written several books and articles on web-based programming languages and database topics, including the bestselling Sams Teach Yourself PHP, MySQL and Apache All in One.
Skill Level
Just a couple minutes is all you need to learn how to...
- Create and View a Basic Web Page
- Create a Style Sheet of Your Own
- Add Classes to Your Style Sheet
- Outline an HTML5 Document
- Use New HTML5 Semantic Elements
- Add Attributes to HTML
- Construct Three Types of Lists
- Add Special Characters
- Create a Basic Résumé
- Use CSS to Set Background, Text, and Border Colors
- Create Rounded Corners on Paragraphs
- Link to an Email Address
- Style Link Pseudoclasses
- Build a Basic Table
- Change the Features of a Table
- Create a Tiled Background
- Place Images on a Web Page
- Experiment with Image Alignment
- Create Your Own Imagemap
- Add Sound with the AUDIO Element
- Add a Video with the HTML5 VIDEO Element
- Specify Margins to Affect Page Elements
- Use CSS to Align Elements on a Page
- See the Difference Between Margins, Padding, Borders, and Content
- Show the Difference Between a Fixed and Liquid Layout
- Build a Fixed/Liquid Hybrid Layout
- Style a List to See the Box Model
- Change How the List Indicators Look
- Create Vertical Navigation with CSS
- Create Horizontal Navigation with CSS
- Display Additional Rollover Text
- Change the Appearance of a Page After a Click
- Rotate a 2D Element
- Make a 2D Box Shrink with CSS Transitions
- Make Links Print Friendly
- Test Print Styles Without Wasting Paper
- Create a Random Quotes Area
- Build an Image Rollover
- Create a Basic Web Form
- Use the New HTML5 Input Controls
- Comment Your Code
- Indent Code for Clarity
- List Your Pages with the Major Search Sites
Who Should Use These Videos
- Anyone who wants to learn how to use HTML and CSS to create, edit and maintain web pages
- Casual web designers and developers at all levels
Table of Contents
Learn how to…
Use FileZilla QuickConnect FTP
00:02:17
Use an Index Page
00:03:08
Create and View a Basic Web Page
00:02:26
Format Text in HTML
00:02:52
Create a Style Sheet of Your Own
00:03:10
Add Classes to Your Style Sheet
00:06:21
Outline an HTML5 Document
00:04:18
Use New HTML5 Semantic Elements
00:04:02
Add Attributes to HTML
00:04:06
Construct Three Types of Lists
00:03:49
Create a Basic Résumé
00:06:09
Add Special Characters
00:02:25
Use CSS to Set Background, Text, and Border Colors
00:04:11
Create Rounded Corners on Paragraphs
00:03:02
Link to an Email Address
00:03:02
Style Link Pseudoclasses
00:03:28
Build a Basic Table
00:03:01
Change the Features of a Table
00:03:16
Crop in GIMP
00:01:07
Create a Tiled Background
00:03:08
Place Images on a Web Page
00:02:22
Experiment with Image Alignment
00:01:45
Create Your Own Imagemap
00:03:26
Add Sound with the AUDIO Element
00:02:34
Add a Video with the HTML5 VIDEO Element
00:02:19
Specify Margins to Affect Page Elements
00:02:44
Use CSS to Align Elements on a Page
00:02:48
See the Difference Between Margins, Padding, Borders, and Content
00:02:55
See the Different Overflow Values
00:02:09
Show the Difference Between a Fixed and Liquid Layout
00:03:11
Build a Fixed/Liquid Hybrid Layout
00:05:07
Style a List to See the Box Model
00:04:30
Change How the List Indicators Look
00:03:43
Create Vertical Navigation with CSS
00:04:22
Create Horizontal Navigation with CSS
00:01:52
Display Additional Rollover Text
00:03:05
Change the Appearance of a Page After a Click
00:04:14
Rotate a 2D Element
00:01:42
Make a 2D Box Shrink with CSS Transitions
00:02:01
Make Links Print Friendly
00:02:26
Test Print Styles Without Wasting Paper
00:02:40
Create a Random Quotes Area
00:02:45
Build an Image Rollover
00:02:45
Create a Basic Web Form
00:02:19
Use the New HTML5 Input Controls
00:03:50
Comment Your Code
00:03:35
Indent Code for Clarity
00:02:19
List Your Pages with the Major Search Sites
00:01:51