28.11.2012 Views

HTML5, CSS3, and jQuery with Adobe Dreamweaver ... - video2brain

HTML5, CSS3, and jQuery with Adobe Dreamweaver ... - video2brain

HTML5, CSS3, and jQuery with Adobe Dreamweaver ... - video2brain

SHOW MORE
SHOW LESS

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

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!