HTML5, CSS3, and jQuery with Adobe Dreamweaver ... - video2brain
HTML5, CSS3, and jQuery with Adobe Dreamweaver ... - video2brain
HTML5, CSS3, and jQuery with Adobe Dreamweaver ... - video2brain
Create successful ePaper yourself
Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.
<strong>HTML5</strong>, <strong>CSS3</strong>, <strong>and</strong> <strong>jQuery</strong> <strong>with</strong> <strong>Adobe</strong> <strong>Dreamweaver</strong> CS5.5: Learn<br />
by Video<br />
Build Websites for Today <strong>and</strong> Tomorrow<br />
Table of Contents<br />
Introduction to <strong>HTML5</strong>, <strong>CSS3</strong>, <strong>and</strong> <strong>jQuery</strong><br />
When Will <strong>HTML5</strong> Be Ready to Use? 02:44<br />
What's New in <strong>HTML5</strong>? 04:22<br />
What <strong>CSS3</strong> Has to Offer 03:53<br />
Why <strong>jQuery</strong>? 03:24<br />
What's New in <strong>Dreamweaver</strong> CS5.5? 06:29<br />
Test Yourself<br />
Using the Right Tools in <strong>Dreamweaver</strong> CS5.5<br />
Defining a <strong>Dreamweaver</strong> Site 06:25<br />
Setting <strong>Dreamweaver</strong> Preferences for <strong>HTML5</strong> 03:54<br />
Finding Your Way Around the <strong>Dreamweaver</strong> UI 07:22<br />
Using the Property Inspector <strong>and</strong> the Insert Panel 09:52<br />
Digging Deeper <strong>with</strong> the Tag Inspector Panel 06:55<br />
Using the CSS Styles Panel <strong>and</strong> the Code Navigator 07:26<br />
Using Live View, CSS Inspect, <strong>and</strong> Live Code 04:18<br />
Configuring the Workspace 05:42<br />
Test Yourself<br />
Practical <strong>HTML5</strong><br />
Using a Predefined <strong>HTML5</strong> Layout 07:22<br />
Inserting New <strong>HTML5</strong> Elements in Design <strong>and</strong> Code Views 07:44<br />
Alternative Strategies for Semantic Elements 05:20<br />
Converting Existing Pages to <strong>HTML5</strong> 04:43<br />
New Form Input Elements 04:52<br />
Date-Related Form Elements 03:45<br />
New Form Attributes 05:00<br />
Specifying Input Formats <strong>with</strong> Placeholder <strong>and</strong> Pattern Attributes 04:02<br />
Creating an Editable Drop-Down Menu <strong>with</strong> a Datalist 05:35<br />
Inserting Video 06:59<br />
Test Yourself<br />
Everyday CSS Selectors<br />
Type (Tag), Class, <strong>and</strong> ID Selectors 08:13<br />
Selecting Related Elements 06:16<br />
Optimizing Link Styles 06:48<br />
Selecting an Element's First Line or Letter 08:23<br />
Basic Attribute Selectors 06:43<br />
Attribute Selectors That Look for a Partial Match 07:00<br />
Underst<strong>and</strong>ing the Cascade <strong>and</strong> Specificity 05:54<br />
Test Yourself<br />
© copyright 2011 <strong>video2brain</strong>. All rights reserved. <strong>video2brain</strong> <strong>and</strong> the <strong>video2brain</strong> logo are trademarks registered to <strong>video2brain</strong>.<br />
World-Class Training<br />
1 / 3
Test Yourself<br />
<strong>CSS3</strong> Effects Without Images<br />
Opacity <strong>and</strong> Alpha Transparency 05:01<br />
Web Fonts 05:32<br />
Text Shadows 03:51<br />
Vendor-Specific Prefixes 05:34<br />
Adding Rounded Corners 05:39<br />
Creating Drop <strong>and</strong> Inset Shadows 06:43<br />
Rotating Elements 03:14<br />
Scaling Elements 08:19<br />
Using CSS Transitions 06:20<br />
Test Yourself<br />
<strong>CSS3</strong> Backgrounds<br />
Controlling the Position of Background Images 05:45<br />
Adding Multiple Background Images to an Element 06:36<br />
Scaling a Background Image to Fit an Element 04:35<br />
Creating Transparent Borders 02:54<br />
Test Yourself<br />
CSS Media Queries for Phones, Tablets, <strong>and</strong> Desktops<br />
What Are Media Queries <strong>and</strong> @media Rules? 04:03<br />
Creating a Site-Wide Media Queries File 08:05<br />
Hiding Desktop Background Images from Mobile Devices 05:05<br />
Serving Styles to Older Versions of Internet Explorer <strong>with</strong> Conditional Comments 04:11<br />
Restyling the Header <strong>and</strong> Navigation Menu for Tablets 07:47<br />
Restyling the Single-Column Pages for Tablets 06:56<br />
Converting a Two-Column Layout into a Single-Column Layout 07:52<br />
Using @media Rules for Supplementary Styles 06:03<br />
Creating the Basic Rules for Mobile Phones 07:01<br />
Test Yourself<br />
Advanced CSS Selectors<br />
Selecting First, Last, <strong>and</strong> Only Children 06:33<br />
Selecting the First, Last, <strong>and</strong> Only Elements of a Particular Type 04:49<br />
Selecting Elements Based on Their Position in a Series 06:49<br />
Selecting Siblings <strong>and</strong> the Root Element 02:54<br />
Selecting Elements Based on Negative Properties 06:28<br />
Selecting Form Elements Based on Their State 06:20<br />
Highlighting Linked Targets 06:05<br />
Generating Content <strong>with</strong> ::before <strong>and</strong> ::after 06:35<br />
Test Yourself<br />
Introduction to <strong>jQuery</strong><br />
JavaScript Refresher<br />
JavaScript Overview 04:12<br />
Creating a Function 06:45<br />
Adding an Event H<strong>and</strong>ler 04:23<br />
Using Conditions to Make Decisions 04:11<br />
Logical Operators <strong>and</strong> What JavaScript Regards as True 04:24<br />
Passing an Argument to a Function 03:13<br />
Using an Array 07:22<br />
Looping Through Array Elements 07:52<br />
© copyright 2011 <strong>video2brain</strong>. All rights reserved. <strong>video2brain</strong> <strong>and</strong> the <strong>video2brain</strong> logo are trademarks registered to <strong>video2brain</strong>.<br />
2 / 3
<strong>jQuery</strong> Basics<br />
Test Yourself<br />
Enhancing Forms <strong>with</strong> <strong>jQuery</strong><br />
Including the <strong>jQuery</strong> Core Library <strong>and</strong> Creating a Document Ready H<strong>and</strong>ler 06:42<br />
Selecting Elements 05:07<br />
Chaining Methods 02:39<br />
Binding Events 07:11<br />
Swapping Images Dynamically 05:05<br />
Passing Arguments to an Event H<strong>and</strong>ler 07:43<br />
Disabling the Submit Button Until a Checkbox Is Checked 05:01<br />
Enabling the Submit Button When a Radio Button Is Selected 04:28<br />
Creating Dependent Input Fields 06:04<br />
Populating a Dependent Drop-Down Menu Using Static Text Files 07:01<br />
Populating a Dependent Drop-Down Menu Using a Server-Side Script 04:59<br />
Test Yourself<br />
© copyright 2011 <strong>video2brain</strong>. All rights reserved. <strong>video2brain</strong> <strong>and</strong> the <strong>video2brain</strong> logo are trademarks registered to <strong>video2brain</strong>.<br />
3 / 3