Free Trial

Safari Books Online is a digital library providing on-demand subscription access to thousands of learning resources.

Overview

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.

Subscriber Reviews

Average Rating: 4.888888888888889 out of 5 rating Based on 9 Ratings

"Great teacher and great course" - by bobbalinks on 18-MAR-2012
Reviewer Rating: 1 star rating2 star rating3 star rating4 star rating5 star rating
I highly recommend this course to all but the most experienced code monkeys.
Report as Inappropriate

"Outstanding" - by Axon on 04-JAN-2012
Reviewer Rating: 1 star rating2 star rating3 star rating4 star rating5 star rating
A must view for all developers! Great content!
Report as Inappropriate

Table of Contents

Chapter/Selection

Time

Introduction to HTML5, CSS3, and jQuery

When Will HTML5 Be Ready to Use?

Play Video

00:02:44

What's New in HTML5?

Preview

00:04:21

What CSS3 Has to Offer

Play Video

00:03:52

Why jQuery?

Preview

00:03:24

What's New in Dreamweaver CS5.5?

Preview

00:06:29

Using the Right Tools in Dreamweaver CS5.5

Defining a Dreamweaver Site

Preview

00:06:25

Setting Dreamweaver Preferences for HTML5

Preview

00:03:54

Finding Your Way Around the Dreamweaver UI

Preview

00:07:21

Using the Property Inspector and the Insert Panel

Preview

00:09:52

Digging Deeper with the Tag Inspector Panel

Preview

00:06:54

Using the CSS Styles Panel and the Code Navigator

Preview

00:07:26

Using Live View, CSS Inspect, and Live Code

Preview

00:04:17

Configuring the Workspace

Preview

00:05:42

Practical HTML5

Using a Predefined HTML5 Layout

Preview

00:07:21

Inserting New HTML5 Elements in Design and Code Views

Preview

00:07:43

Alternative Strategies for Semantic Elements

Preview

00:05:19

Converting Existing Pages to HTML5

Preview

00:04:42

New Form Input Elements

Preview

00:04:52

Date-Related Form Elements

Preview

00:03:44

New Form Attributes

Preview

00:05:00

Specifying Input Formats with Placeholder and Pattern Attributes

Preview

00:04:01

Creating an Editable Drop-Down Menu with a Datalist

Preview

00:05:34

Inserting Video

Preview

00:06:58

Everyday CSS Selectors

Type (Tag), Class, and ID Selectors

Preview

00:08:13

Selecting Related Elements

Preview

00:06:16

Optimizing Link Styles

Preview

00:06:48

Selecting an Element's First Line or Letter

Preview

00:08:23

Basic Attribute Selectors

Preview

00:06:43

Attribute Selectors That Look for a Partial Match

Preview

00:06:59

Understanding the Cascade and Specificity

Preview

00:05:54

CSS3 Effects Without Images

Opacity and Alpha Transparency

Preview

00:05:01

Web Fonts

Preview

00:05:32

Text Shadows

Preview

00:03:51

Vendor-Specific Prefixes

Preview

00:05:33

Adding Rounded Corners

Preview

00:05:38

Creating Drop and Inset Shadows

Preview

00:06:43

Rotating Elements

Preview

00:03:14

Scaling Elements

Preview

00:08:18

Using CSS Transitions

Preview

00:06:20

CSS3 Backgrounds

Controlling the Position of Background Images

Preview

00:05:44

Adding Multiple Background Images to an Element

Preview

00:06:36

Scaling a Background Image to Fit an Element

Preview

00:04:35

Creating Transparent Borders

Preview

00:02:53

CSS Media Queries for Phones, Tablets, and Desktops

What Are Media Queries and @media Rules?

Preview

00:04:03

Creating a Site-Wide Media Queries File

Preview

00:08:04

Hiding Desktop Background Images from Mobile Devices

Preview

00:05:05

Serving Styles to Older Versions of Internet Explorer with Conditional Comments

Preview

00:04:11

Restyling the Header and Navigation Menu for Tablets

Preview

00:07:47

Restyling the Single-Column Pages for Tablets

Preview

00:06:56

Converting a Two-Column Layout into a Single-Column Layout

Preview

00:07:51

Using @media Rules for Supplementary Styles

Preview

00:06:02

Creating the Basic Rules for Mobile Phones

Preview

00:07:00

Advanced CSS Selectors

Selecting First, Last, and Only Children

Preview

00:06:33

Selecting the First, Last, and Only Elements of a Particular Type

Preview

00:04:48

Selecting Elements Based on Their Position in a Series

Preview

00:06:49

Selecting Siblings and the Root Element

Preview

00:02:54

Selecting Elements Based on Negative Properties

Preview

00:06:28

Selecting Form Elements Based on Their State

Preview

00:06:20

Highlighting Linked Targets

Preview

00:06:05

Generating Content with ::before and ::after

Preview

00:06:35

Introduction to jQuery JavaScript Refresher

JavaScript Overview

Preview

00:04:11

Creating a Function

Preview

00:06:44

Adding an Event Handler

Preview

00:04:22

Using Conditions to Make Decisions

Preview

00:04:10

Logical Operators and What JavaScript Regards as True

Preview

00:04:24

Passing an Argument to a Function

Preview

00:03:13

Using an Array

Preview

00:07:22

Looping Through Array Elements

Preview

00:07:52

jQuery Basics

Including the jQuery Core Library and Creating a Document Ready Handler

Preview

00:06:42

Selecting Elements

Preview

00:05:06

Chaining Methods

Preview

00:02:39

Binding Events

Preview

00:07:11

Swapping Images Dynamically

Preview

00:05:05

Passing Arguments to an Event Handler

Preview

00:07:43

Enhancing Forms with jQuery

Disabling the Submit Button Until a Checkbox Is Checked

Preview

00:05:00

Enabling the Submit Button When a Radio Button Is Selected

Preview

00:04:27

Creating Dependent Input Fields

Preview

00:06:04

Populating a Dependent Drop-Down Menu Using Static Text Files

Play Video

00:07:00

Populating a Dependent Drop-Down Menu Using a Server-Side Script

Preview

00:04:59

Extras

The publisher has provided additional content related to this title.


Description
Content

Lesson Files

  • 06_CSS3_Backgrounds.zip
  • 03_Practical_HTML5.zip
  • 07_CSS_Media_Queries.zip
  • 09_Introduction_to_jQuery.zip
  • 02_Using_The_Right_Tools.zip
  • 08_Advanced_CSS_Selectors.zip
  • 01_Introduction.zip
  • 04_Everyday_CSS_Selectors.zip
  • 10_Enhancing_Forms_with_jQuery.zip
  • 05_CSS3_Effects_Without_Images.zip