O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

HTML5, CSS3, and jQuery with Adobe Dreamweaver CS5.5 Learn by Video

Video Description

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.

Table of Contents

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