This innovative product is an in-depth video training course aimed at web designers looking to make the leap to cutting-edge Web technologies using Adobe Dreamweaver CS5.5. Dreamweaver CS5.5 provides designers with the tools needed to build modern websites with HTML5, CSS3, and jQuery. In this video course, experienced author and trainer David Powers explains which parts of HTML5 and CSS3 you can use now …
This innovative product is an in-depth video training course aimed at web designers looking to make the leap to cutting-edge Web technologies using Adobe Dreamweaver CS5.5. Dreamweaver CS5.5 provides designers with the tools needed to build modern websites with HTML5, CSS3, and jQuery. In this video course, experienced author and trainer David Powers explains which parts of HTML5 and CSS3 you can use now with confidence. He shows how to convert existing pages to HTML5 and build new ones from scratch. You'll also learn how to create CSS3 effects such as drop shadows, rounded corners, and transparency—without the need for images. In addition, David shows how to choose the right CSS selector, knowledge that you'll find indispensible not only for creating style rules, but also for working with jQuery. The course takes you through the process of adapting for mobile phones and tablets a website that was originally designed for desktop computers. You'll learn how to use CSS media queries to apply different styles depending on screen width, viewing the changes in real time in the Live view. The course concludes with an introduction to jQuery and demonstrates how to enhance online forms with the help of Dreamweaver CS5.5’s built-in code hints for jQuery. This product includes over seven hours of exceptional quality video tutorials and lesson files.
Introduction to HTML5, CSS3, and jQuery
When Will HTML5 Be Ready to Use? 00:02:44
What’s New in HTML5? 00:04:22
What CSS3 Has to Offer 00:03:53
Why jQuery? 00:03:24
What’s New in Dreamweaver CS5.5? 00:06:29
Using the Right Tools in Dreamweaver CS5.5
Defining a Dreamweaver Site 00:06:25
Setting Dreamweaver Preferences for HTML5 00:03:54
Finding Your Way Around the Dreamweaver UI 00:07:22
Using the Property Inspector and the Insert Panel 00:09:52
Digging Deeper with the Tag Inspector Panel 00:06:55
Using the CSS Styles Panel and the Code Navigator 00:07:26
Using Live View, CSS Inspect, and Live Code 00:04:18
Configuring the Workspace 00:05:42
Practical HTML5
Using a Predefined HTML5 Layout 00:07:22
Inserting New HTML5 Elements in Design and Code Views 00:07:44
Alternative Strategies for Semantic Elements 00:05:20
Converting Existing Pages to HTML5 00:04:43
New Form Input Elements 00:04:52
Date-Related Form Elements 00:03:45
New Form Attributes 00:05:00
Specifying Input Formats with Placeholder and Pattern Attributes 00:04:02
Creating an Editable Drop-Down Menu with a Datalist 00:05:35
Inserting Video 00:06:59
Everyday CSS Selectors
Type (Tag), Class, and ID Selectors 00:08:13
Selecting Related Elements 00:06:16
Optimizing Link Styles 00:06:48
Selecting an Element’s First Line or Letter 00:08:23
Basic Attribute Selectors 00:06:43
Attribute Selectors That Look for a Partial Match 00:07:00
Understanding the Cascade and Specificity 00:05:54
CSS3 Effects Without Images
Opacity and Alpha Transparency 00:05:01
Web Fonts 00:05:32
Text Shadows 00:03:52
Vendor-Specific Prefixes 00:05:34
Adding Rounded Corners 00:05:39
Creating Drop and Inset Shadows 00:06:43
Rotating Elements 00:03:14
Scaling Elements 00:08:19
Using CSS Transitions 00:06:20
CSS3 Backgrounds
Controlling the Position of Background Images 00:05:45
Adding Multiple Background Images to an Element 00:06:36
Scaling a Background Image to Fit an Element 00:04:35
Creating Transparent Borders 00:02:54
CSS Media Queries for Phones, Tablets, and Desktops
What Are Media Queries and @media Rules? 00:04:03
Creating a Site-Wide Media Queries File 00:08:05
Hiding Desktop Background Images from Mobile Devices 00:05:05
Serving Styles to Older Versions of Internet Explorer with Conditional Comments 00:04:11
Restyling the Header and Navigation Menu for Tablets 00:07:47
Restyling the Single-Column Pages for Tablets 00:06:56
Converting a Two-Column Layout into a Single-Column Layout
Using @media Rules for Supplementary Styles
Creating the Basic Rules for Mobile Phones
Advanced CSS Selectors
Selecting First, Last, and Only Children
Selecting the First, Last, and Only Elements of a Particular Type
Selecting Elements Based on Their Position in a Series
Selecting Siblings and the Root Element
Selecting Elements Based on Negative Properties
Selecting Form Elements Based on Their State
Highlighting Linked Targets
Generating Content with ::before and ::after
Introduction to jQuery JavaScript Refresher
JavaScript Overview
Creating a Function
Adding an Event Handler
Using Conditions to Make Decisions
Logical Operators and What JavaScript Regards as True
Passing an Argument to a Function
Using an Array
Looping Through Array Elements
jQuery Basics
Including the jQuery Core Library and Creating a Document Ready Handler
Selecting Elements
Chaining Methods
Binding Events
Swapping Images Dynamically
Passing Arguments to an Event Handler
Enhancing Forms with jQuery
Disabling the Submit Button Until a Checkbox Is Checked
Enabling the Submit Button When a Radio Button Is Selected
Creating Dependent Input Fields
Populating a Dependent Drop-Down Menu Using Static Text Files
Populating a Dependent Drop-Down Menu Using a Server-Side Script