|
Introduction
|
| |
What is HTML? |
(05:08) |
|
| |
About this Course |
(05:22) |
|
| |
Tools Needed to Code HTML |
(05:16) |
|
| |
Services Needed to Publish HTML |
(06:30) |
|
| |
Versions of HTML |
(06:51) |
|
| |
HTML 5 |
(07:43) |
|
| |
Creating Your First Page |
(06:03) |
|
|
HTML Building Blocks
|
| |
HTML Elements |
(04:46) |
|
| |
HTML Attributes |
(02:49) |
|
| |
IDs & Classes |
(03:41) |
|
| |
Text & Comments |
(02:49) |
|
| |
URLs |
(05:08) |
|
|
HTML Structure
|
| |
Document Type |
(05:36) |
|
| |
Head Elements: Titles |
(04:32) |
|
| |
Head Elements: Meta Elements |
(04:39) |
|
| |
Head Elements: Script & Style Tags |
(05:08) |
|
| |
Block & Inline Elements |
(04:18) |
|
| |
Paragraphs |
(03:49) |
|
| |
Section Headings |
(05:00) |
|
| |
List Elements |
(03:33) |
|
| |
Divisions |
(05:13) |
|
| |
Inline Spans |
(03:36) |
|
| |
Tables |
(03:21) |
|
| |
Forms |
(04:38) |
|
|
Basic Formatting
|
| |
Paragraph vs. Line Breaks |
(04:18) |
| |
Bold & Italic |
(03:15) |
| |
Superscript & Subscript |
(02:58) |
| |
Preformatted Text |
(02:37) |
| |
Rules & Blockqoutes |
(04:08) |
| |
Abbreviations & Acronyms |
(04:46) |
| |
CSS Text Properties |
(03:07) |
|
Color & Images
|
| |
Color on the Web |
(07:05) |
| |
Color Schemes |
(05:37) |
| |
Creating & Naming Graphics |
(03:46) |
| |
Image Resolution |
(03:29) |
| |
Image File Formats |
(06:50) |
| |
Getting Images to Load Faster |
(06:50) |
| |
Background Images & Color |
(05:41) |
| |
Image Maps |
(02:38) |
| |
The IMG Tag |
(06:41) |
| |
IMG Tag Attributes |
(03:19) |
|
Links
|
| |
The Anchor Element |
(02:19) |
| |
Absolute vs. Relative Links |
(06:38) |
| |
Writing Relative Links |
(04:40) |
| |
File Structure & Linking Tips |
(04:33) |
| |
HREF & Target Attributes |
(03:09) |
| |
Internal Links & the Name Attribute |
(04:55) |
| |
Changing Link Colors |
(06:32) |
|
Tables
|
| |
Tables vs. Div Tags |
(03:58) |
| |
Setting Table Widths |
(04:51) |
| |
Cell Padding & Spacing |
(02:57) |
| |
Positioning Tables & Contents |
(04:11) |
| |
Table Headers |
(03:34) |
| |
Spanning Columns & Rows |
(03:18) |
| |
Nesting Tables |
(04:15) |
|
Forms
|
| |
Intro to Forms |
(03:05) |
| |
Input Fields |
(03:21) |
| |
Radio Buttons |
(02:43) |
| |
Checkboxes |
(02:38) |
| |
Dropdown & Selection Lists |
(02:39) |
| |
Large Text Input |
(01:44) |
| |
File & Hidden Fields |
(02:16) |
| |
Submit & Reset Buttons |
(03:59) |
| |
Image & General Buttons |
(03:51) |
| |
Making Forms Easier to Use |
(03:14) |
| |
Organizing Forms using Fieldset |
(04:33) |
| |
Tips for Formatting Forms |
(03:02) |
| |
Processing Form Data |
(08:13) |
|
Style Sheets
|
| |
What is CSS & Why Use It |
(05:03) |
| |
Style Syntax & Structure |
(02:14) |
| |
Writing & Applying Your First Styles |
(04:47) |
| |
Intro to Selectors |
(03:16) |
| |
Base/Tag Selector |
(03:07) |
| |
The Class Selector |
(06:18) |
| |
The ID Selector |
(03:08) |
| |
Context Selectors |
(04:04) |
| |
When to Use ID or Class |
(03:26) |
|
Managing Multiple Styles
|
| |
How Styles Cascade |
(03:34) |
| |
Cascade & Inheritance Rules |
(04:24) |
| |
Cascade & Inheritance Tips |
(02:38) |
| |
Inlining Styles |
(02:58) |
| |
Embedding Styles |
(02:19) |
| |
Importing Style Sheets |
(03:38) |
| |
Linking Style Sheets |
(07:04) |
|
CSS Building Blocks
|
| |
The Box Model |
(05:37) |
| |
The Div Tag |
(03:11) |
| |
Child Divs |
(04:15) |
| |
Width & Height |
(02:33) |
| |
Margin |
(06:24) |
| |
Padding |
(03:46) |
| |
Borders |
(06:52) |
|
Formatting Text
|
| |
Why Text Formatting is Important |
(05:18) |
| |
Choosing Fonts |
(05:32) |
| |
Browser-Safe Fonts |
(04:54) |
| |
Font Size |
(04:52) |
| |
Applying Styles to Text |
(02:54) |
| |
Setting Line Height |
(04:38) |
| |
Letter Spacing (Kerning) |
(04:16) |
| |
Other Font Properties |
(05:01) |
| |
Tips for Improving Text Legibility |
(06:26) |
|
Styling Lists / Colors / Images
|
| |
Styling Lists with CSS |
(06:56) |
| |
CSS Background Color |
(03:17) |
| |
CSS Background Images |
(04:02) |
| |
Setting Image Opacity |
(02:30) |
|
Laying Out Pages with CSS
|
| |
CSS Layout Structure |
(03:03) |
| |
Block vs. Inline Display |
(05:26) |
| |
Containing Blocks |
(02:30) |
| |
Positioning Schemes |
(07:18) |
| |
Static / Fixed / Absolute Positioning |
(05:01) |
| |
Relative Positioning |
(07:04) |
| |
Floating & Clearing Content |
(05:56) |
| |
Using Floats in Layouts |
(03:33) |
| |
Fixed-Width Layouts |
(02:59) |
| |
Liquid / Fluid Layouts |
(07:10) |
| |
Elastic & Variable Fixed Width Layouts |
(03:12) |
| |
Tips for Creating & Applying Styles |
(07:10) |
|
HTML 5
|
| |
What is HTML 5? |
(04:12) |
| |
HTML 4 vs. HTML 5 |
(03:58) |
| |
New HTML5 Structural Elements |
(05:34) |
| |
The Article / Section / NavElements |
(04:02) |
| |
Aside / Figure / Legend Elements |
(04:20) |
| |
Video & Audio Elements |
(04:55) |
| |
Playing Video & Audio |
(03:30) |
| |
Controlling Media Playback |
(02:36) |
| |
The Canvas Element |
(03:02) |
| |
Additional HTML 5 APIs |
(03:18) |
| |
Where You Can Use HTML 5 |
(03:59) |
| |
Easing the Transition from XHTML |
(05:01) |
|
Advanced Topics
|
| |
XML |
(03:30) |
| |
Adding Multimedia |
(06:31) |
| |
Multimedia Players & Platforms |
(05:50) |
| |
JavaScript |
(03:25) |
| |
Dynamic HTML |
(04:06) |
| |
AJAX |
(05:50) |
|
Publishing your Web Site
|
| |
Understanding Web Page Publishing |
(04:37) |
| |
Site Setup & File Transfer |
(06:41) |
| |
Site Management & Organization |
(04:46) |
| |
Site Troubleshooting Tips |
(06:31) |
| |
Promoting Your Sites pt. 1 |
(06:12) |
| |
Promoting Your Sites pt. 2 |
(05:06) |
|
Conclusion
|
| |
Wrap-up |
(03:38) |
|
Credits
|
| |
About the Author |
(01:21) |
With more than 250 million North American users now on the Internet and more than 1.6 billion worldwide, it’s wonder that HTML has stayed the course as the most popular web programming language. In addition, the skills learned in the study of HTML are fundamental to more advanced programming technologies such as JavaScript, PHP, Flash ActionScript and many others. This course covers all the important features of HTML 4 and HTML 5, and includes an introduction to styling web documents using CSS. The working scripts and step-by-step examples found here will have you quickly creating the kind of web content demanded by today’s web sites. With the help of the instruction in this course, you will quickly be adding text, links, images, sounds, and videos to your web pages and expertly formatting everything using the latest and most powerful CSS techniques. To begin learning today, simply click on the movie links.
