Books & Videos

Table of Contents

Chapter: This chapter offers an introduction to the October 2015 release of Dreamweaver CC. You'll learn what it is and how it works. This chapter also includes an overview of what's covered in this video course.

Welcome

02m 37s

What Is Dreamweaver?

04m 12s

Synchronizing Settings with the Creative Cloud

01m 35s

About This Video and the Project Files

04m 25s

Displaying Filename Extensions on Windows

00m 34s

Chapter: If you're new to web development, this chapter covers basic knowledge required to start working with Dreamweaver.

How Web Pages Are Built

06m 0s

Understanding Family Tree Relationships

03m 20s

How CSS Styles Web Pages

06m 13s

Understanding Pixels and Other Units of Measurement

08m 35s

Color Formats on the Web

02m 59s

Naming Conventions

03m 42s

Chapter: In this chapter you'll be introduced to the Dreamweaver interface, including the Welcome screen, the Document window, and panels. You'll also learn how to define a site in Dreamweaver, organize your workspace, and set up your preferences.

Exploring the Preset Workspaces

01m 29s

Creating Folders

02m 39s

Defining a Site in Dreamweaver

02m 13s

Creating New Documents

03m 12s

Using a Predefined Layout

01m 32s

Organizing Files Within a Site

00m 56s

Exploring the Document Window

06m 6s

Editing Attributes and Text in Live View

00m 48s

Viewing and Editing Values in the Property Inspector

01m 21s

Using the Tag Selector

01m 12s

Selecting and Manipulating HTML with the DOM Panel

01m 25s

Using the CSS Designer

05m 15s

Changing the Look of Code View

01m 32s

Changing Dreamweaver Preferences

04m 13s

Chapter: In this chapter you'll learn how to create text content and format it both working directly in the Document window and importing text from a Microsoft Word document in preparation for styling it with CSS and adding images from a layout created in Adobe Photoshop.

Setting up the Working Site

01m 50s

Formatting Headings, Paragraphs, and New Lines

07m 18s

Creating Bulleted and Numbered Lists

02m 6s

Importing from Word and Paste Special

02m 51s

Chapter: This chapter explains how to make text in your web pages look more distinctive by styling it with CSS and using web fonts.

Attaching an External Style Sheet

01m 14s

Setting the Font, Size, and Color of Text

03m 2s

Using Adobe Edge Web Fonts

04m 22s

Building a Custom Font Stack

01m 39s

Chapter: Whether you create the design for your website in Photoshop or simply style it directly in Dreamweaver, you need to build the basic structure and layout first. This chapter takes you step by step through adding the HTML5 structural elements and creating the two column layout for the case study.

Introducing Bootstrap

02m 49s

Understanding the CSS Box Model

11m 13s

Adding DIV tags for styles

02m 8s

Adjusting Width, Padding, and Margins

03m 16s

Floating Elements

04m 55s

Adding HTML5 Structural Elements

07m 40s

Introducing Skeleton

03m 51s

Chapter: This chapter explores the various types of links you can add to your site and how to style them.

Internal and External Links

04m 58s

Linking to a Specific Point in a Page

03m 45s

Using a Library Item for Common Page Elements

09m 8s

Using Pseudo-Classes to Style Links

04m 6s

Converting a List into a Navigation Bar

08m 23s

Chapter: The new Extract panel is one of the greatest new features of this release of Dreamweaver. With it, you can easily extract images and CSS styles. This chapter covers the process in detail.

Choosing the Right Image Format

07m 19s

Introducing the Extract Panel

03m 56s

Setting Extract Preferences

02m 32s

Dragging and Dropping an Image from a Photoshop Comp

02m 46s

Using the Extract Panel to Download an Image

02m 33s

Copying and Pasting Styles into the CSS Designer

03m 43s

Using Code Hints to Extract CSS

04m 12s

Chapter: This chapter explores techniques for working with images. You'll learn about inserting images, adding captions, and doing quick edits.

Importing and Inserting Images

06m 13s

Working with SVG images

08m 12s

Inserting Images in Live View

04m 23s

Adding an image as a background in CSS

04m 54s

Using Images as Links

04m 25s

Modifying Images

09m 33s

Chapter: The CSS Designer in this version of Dreamweaver CC has been improved to a great degree. This chapter covers some of the new capabilities.

Setting Border Colors and Styles

12m 25s

Creating Drop Shadows

04m 43s

Using a CSS Gradient

08m 41s

Chapter: CSS positioning lets you fix the position of an element with pinpoint accuracy, but it can be difficult to understand. This chapter explains the subtleties of fixed, relative, and absolute positioning.

How CSS Positioning Works

12m 2s

Fixing an Element within the Browser Viewport

06m 19s

Keeping Absolutely Positioned Elements in Sync

08m 37s

Layout the Header

05m 27s

Chapter: This chapter explains how you can introduce greater variety to your layouts using CSS transforms to rotate and scale elements. You'll also learn how to use Dreamweaver's CSS Transitions panel to create smooth transitions from one state to another when hovering over an element.

Rotating Elements

07m 13s

Introduction to CSS Transitions

06m 43s

Using the CSS Transitions Panel

03m 59s

Setting the Transform Origin

06m 7s

Chapter: Dreamweaver's Inspect Mode and Code Navigator are useful tools for inspecting CSS and troubleshooting problems. This chapter also explains the rules governing which styles take precedence when there's a conflict.

Using Inspect Mode

02m 24s

Viewing the CSS Cascade

05m 13s

Organizing Styles for Easy Maintenance

03m 49s

Chapter: This chapter shows how to adapt the case study as a responsive web design using CSS media queries to deliver different styles to mobile phones, tablets, and desktop computers depending on the width of the browser viewport.

What Are Media Queries?

05m 32s

Determining Break Points

03m 21s

Styling a Responsive Layout

08m 17s

Creating Navigation on Mobile

11m 24s

Viewing Pages on Mobile Devices

03m 31s

Chapter: HTML tables should not be used for page layout because they cause accessibility problems. However, they're ideal for presenting structured data, as this chapter demonstrates.

Inserting a Table

04m 58s

Adding Data to a Table

05m 27s

Importing Tabular Data

04m 24s

Modifying a Table

03m 46s

Styling a Table with CSS

06m 11s

Chapter: In this chapter we'll look at online forms. You'll learn about the different types of input elements and how to style a form.

Introduction to Forms

04m 54s

Creating Text Input Fields

07m 24s

Checkboxes and Radio Buttons

05m 36s

Select Menus and Lists

02m 31s

Inserting a Button

02m 52s

Styling Form Elements

08m 58s

Chapter: The moment of truth comes when you publish your site and share it with the world. In this chapter you'll learn how to prepare for publishing by running site reports and validating and testing your code, then actually deploying your website to a server.

Adding Meta Tags to the Site

04m 37s

Running Site Reports

01m 46s

Setting Up Your Server Login Details

04m 50s

Uploading and Downloading Files

05m 24s