VTC Video Tutorial---- HTML 4 And 5 With CSS Tutorials DVD

 

VTC HTML 4 And 5 With CSS Tutorials DVD
Author:James Gonzalez | ISBN: 1-935320-93-9
Release Date: 2009-12-31 | Duration: 10.5 hrs / 142 tutorials | 687 Mb | RS | HF

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 HTML4 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.

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)
 

VTC Best Video Tutoria--Adobe Photoshop CS4 for the Web

 

VTC Adobe Photoshop CS4 for the Web | 610 MB

Photoshop, the de facto graphics application in the world of print design, turns its sights on web design! In this course, Geoff Blake will demonstrate many practical and useful techniques for working with Photoshop in a web design capacity. You'll learn the fundamentals of web design, including HTML and CSS basics, the challenges of web browsers, and how monitor resolution affects design. Geoff will also demonstrate how to coordinate Photoshop and Dreamweaver so that you can edit layout images in Photoshop. You'll master Photoshop selections, how to use layers to organize your layouts, and how color works in an online environment. Finally, you'll construct an entire layout from scratch in Photoshop and discover techniques for exporting it for online use. To begin learning today, simply click on the movie links.

Introduction & Setting Up
Welcome & About this Course (01:58)
The Role of Photoshop in Web Design (01:30)
Working with Photoshop & Dreamweaver (03:38)
Internet & Web Design Fundamentals
How Web Delivery Works (02:59)
Web Browsers (04:20)
Understanding HTML & CSS (03:11)
Web Page Structure (04:30)
Monitor Resolution (02:54)
Photoshop Basics
Setting Photoshop Preferences pt. 1 (03:25)
Setting Photoshop Preferences pt. 2 (04:10)
Setting Photoshop Preferences pt. 3 (02:48)
Exploring the Photoshop Toolbox (04:07)
Tool Settings on the Options Bar (02:22)
Photoshop Application Bar (02:26)
Exploring the Panels (04:28)
Touring the Document Window (04:11)
Working More Efficiently pt. 1 (04:23)
Working More Efficiently pt. 2 (03:02)
Getting Around
Navigating Through Images (05:26)
Creating New Images (03:03)
Using Grid/Guides/Rulers (06:06)
Saving Your Work (04:41)
Understanding Web File Formats
Raster vs. Vector (02:29)
Web Graphic File Formats (03:25)
Basic Image Optimization for GIF (05:01)
Saving a Transparent GIF (02:51)
Basic Image Optimization for JPEG (04:30)
Basic Image Optimization for PNG (03:18)
Resizing Images for Web Output
Understanding Resolution (04:44)
Touring the Image Size Dialog (02:34)
Resizing Fundamentals (05:14)
Working with Selections
Shape-Based Selections pt. 1 (05:40)
Shape-Based Selections pt. 2 (02:32)
Transforming Selections (04:36)
Color-Based Selections pt. 1 (04:43)
Color-Based Selections pt. 2 (03:49)
Using Quick Mask Mode pt. 1 (02:47)
Using Quick Mask Mode pt. 2 (02:34)
Using Quick Mask Mode pt. 3 (03:43)
Saving & Reusing Selections (02:35)
Editing Alpha Channels (04:40)
Organizing Web Projects with Layers
Understanding How Layers Work (05:35)
Removing Objects from Backgrounds (04:13)
Combining Images Together (03:03)
Using Free Transform (02:31)
Organizing with Layers (03:22)
Opacity & Blending Modes (03:32)
Special Effects with Layer Styles (04:48)
Creating Web 2.0 Buttons pt. 1 (04:19)
Creating Web 2.0 Buttons pt. 2 (02:41)
Typesetting Fundamentals (04:52)
Type on the Web (04:47)
Understanding Styles (04:48)
Creating a Website Header pt. 1 (04:41)
Creating a Website Header pt. 2 (06:59)
Creating a Website Header pt. 3 (06:24)
Color on the Web
Understanding Color Modes (05:27)
Mixing & Specifying Colors (05:11)
Using Web Safe Colors (05:35)
Using Color Between Applications (05:38)
Optimizing Images
Optimizing Images as GIFs (06:29)
Creating GIF Animation (04:35)
Optimizing Images as JPEGs (03:13)
PNGs with Alpha Transparency pt. 1 (04:55)
PNGs with Alpha Transparency pt. 2 (03:33)
Creating Backgrounds & Textures
Background Techniques (04:25)
Tiling Background Examples (05:36)
Creating Gradient Backgrounds (04:24)
Building a Full Layout
What We Will Build (02:22)
Laying Out the Guides (04:39)
Creating the Main Layout Blocks pt. 1 (03:35)
Creating the Main Layout Blocks pt. 2 (03:30)
Creating the Main Layout Blocks pt. 3 (03:00)
Laying Out the Banner Ad Blocks (04:48)
Getting Organized in the Layers Panel (05:20)
Finishing Up the Layout (07:40)
Adding Content to the Layout
Formatting the Overall Layout (05:52)
Building the Lead Story Box (06:43)
Building the Story 1 Box (04:40)
Building the Story 2 Box (02:10)
Building the Story 3 & 4 Boxes (04:25)
Building the Feature Box (02:11)
Creating Title Text (06:56)
Inserting Placeholder Text (04:23)
Formatting the Footer (04:04)
Inserting the Header (02:04)
Slicing a Photoshop Layout
Creating Slices by Hand (07:02)
Guide-Based Slices (04:12)
Layer-Based Slices (03:44)
Dividing Slices (04:50)
Slicing Apart the Layout pt. 1 (02:25)
Slicing Apart the Layout pt. 2 (03:20)
Slicing Apart the Layout pt. 3 (02:00)
Setting Slice Properties pt. 1 (02:52)
Setting Slice Properties pt. 2 (02:54)
Exporting a Photoshop Layout
Slice Export Settings (04:47)
Exporting a Table-Based Layout (02:05)
Viewing the Table Results (03:59)
Exporting a CSS-Based Layout (01:44)
Viewing The CSS Results (05:04)
Final Exporting & Results (02:42)
Replacing Text (03:12)
Formatting the Layout (03:52)
Conclusion
Wrap Up (01:16)
About the Author (00:36)