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

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

Released August 2011
Publisher(s): Pearson
ISBN: 0132821761

Read it now on the O’Reilly learning platform with a 10-day free trial.

O’Reilly members get unlimited access to books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial

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
    8. Using @media Rules for Supplementary Styles
    9. Creating the Basic Rules for Mobile Phones
  8. Advanced CSS Selectors
    1. Selecting First, Last, and Only Children
    2. Selecting the First, Last, and Only Elements of a Particular Type
    3. Selecting Elements Based on Their Position in a Series
    4. Selecting Siblings and the Root Element
    5. Selecting Elements Based on Negative Properties
    6. Selecting Form Elements Based on Their State
    7. Highlighting Linked Targets
    8. Generating Content with ::before and ::after
  9. Introduction to jQuery JavaScript Refresher
    1. JavaScript Overview
    2. Creating a Function
    3. Adding an Event Handler
    4. Using Conditions to Make Decisions
    5. Logical Operators and What JavaScript Regards as True
    6. Passing an Argument to a Function
    7. Using an Array
    8. Looping Through Array Elements
  10. jQuery Basics
    1. Including the jQuery Core Library and Creating a Document Ready Handler
    2. Selecting Elements
    3. Chaining Methods
    4. Binding Events
    5. Swapping Images Dynamically
    6. Passing Arguments to an Event Handler
  11. Enhancing Forms with jQuery
    1. Disabling the Submit Button Until a Checkbox Is Checked
    2. Enabling the Submit Button When a Radio Button Is Selected
    3. Creating Dependent Input Fields
    4. Populating a Dependent Drop-Down Menu Using Static Text Files
    5. Populating a Dependent Drop-Down Menu Using a Server-Side Script

Product information

  • Title: HTML5, CSS3, and jQuery with Adobe Dreamweaver CS5.5 Learn by Video
  • Author(s):
  • Release date: August 2011
  • Publisher(s): Pearson
  • ISBN: 0132821761