HTML 4/5 with CSS Training
CD Contents For This Title
All the chapters and lesson contents of HTML 4/5 with CSS are listed below.
To help you evaluate our training, we have made some of the tutorials for HTML 4/5 with CSS freely available. Click on any of the linked lesson listings below to preview FREE!
To help you evaluate our training, we have made some of the tutorials for HTML 4/5 with CSS freely available. Click on any of the linked lesson listings below to preview FREE!
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.
Choose your media type:
To view the Free Tutorials listed below, you must have QuickTime installed. Please note that the online free samples have been compressed for quicker downloads. Purchased CDs have higher sound and video quality.
Monitor resolution needs to be set to at least 1024 by 768 to view the entire movie.
Monitor resolution needs to be set to at least 1024 by 768 to view the entire movie.
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) |
Title Information / Pricing
Title: | HTML 4/5 with CSS |
Author: | James Gonzalez |
SKU: | 34077 |
ISBN: | 1-935320-93-9 |
Release Date: | 2009-12-31 |
Price: | |
Duration: | 10.5 hrs / 142 lessons |
Work Files: |
Yes |
Captions: | Available on CD and Online University |
Compatibility: |
Vista/XP/2000, OS X, Linux QuickTime 7 |
Online University Access all our Training for only 30
The Online University provides unlimited 24/7 access to ALL of VTC's incredible training content for the low fixed price of just $30/month (USD)
Select Bandwidth
Now Shipping
Client Testimonials
I just completed Brian Culp's Microsoft Outlook 2007 course and it was one of the most pleasant and informative courses I have ever taken. I liked...
Jayne Baer