on-demand course

Adobe Dreamweaver CC Learn by Video (2015 release)

with Rob Huddleston

November 2015

Beginner to intermediate

7h 13m

English

Pearson

Closed Captioning available in English

Watch now

Unlock full access

Includes

Earns Badge

Course outline

Welcome
2m 37s
What Is Dreamweaver?
4m 12s
Synchronizing Settings with the Creative Cloud
1m 35s
About This Video and the Project Files
4m 25s
Displaying Filename Extensions on Windows
34s
How Web Pages Are Built
6m 0s
Understanding Family Tree Relationships
3m 21s
How CSS Styles Web Pages
6m 14s
Understanding Pixels and Other Units of Measurement
8m 35s
Color Formats on the Web
2m 59s
Naming Conventions
3m 42s
Exploring the Preset Workspaces
1m 30s
Creating Folders
2m 39s
Defining a Site in Dreamweaver
2m 13s
Creating New Documents
3m 12s
Using a Predefined Layout
1m 32s
Organizing Files Within a Site
56s
Exploring the Document Window
6m 6s
Editing Attributes and Text in Live View
48s
Viewing and Editing Values in the Property Inspector
1m 22s
Using the Tag Selector
1m 12s
Selecting and Manipulating HTML with the DOM Panel
1m 25s
Using the CSS Designer
5m 15s
Changing the Look of Code View
1m 32s
Changing Dreamweaver Preferences
4m 14s
Setting up the Working Site
1m 50s
Formatting Headings, Paragraphs, and New Lines
7m 18s
Creating Bulleted and Numbered Lists
2m 7s
Importing from Word and Paste Special
2m 52s
Attaching an External Style Sheet
1m 14s
Setting the Font, Size, and Color of Text
3m 2s
Using Adobe Edge Web Fonts
4m 22s
Building a Custom Font Stack
1m 39s
Introducing Bootstrap
2m 49s
Understanding the CSS Box Model
11m 13s
Adding DIV tags for styles
2m 8s
Adjusting Width, Padding, and Margins
3m 16s
Floating Elements
4m 55s
Adding HTML5 Structural Elements
7m 40s
Introducing Skeleton
3m 52s
Internal and External Links
4m 59s
Linking to a Specific Point in a Page
3m 46s
Using a Library Item for Common Page Elements
9m 8s
Using Pseudo-Classes to Style Links
4m 6s
Converting a List into a Navigation Bar
8m 23s
Choosing the Right Image Format
7m 20s
Introducing the Extract Panel
3m 57s
Setting Extract Preferences
2m 32s
Dragging and Dropping an Image from a Photoshop Comp
2m 46s
Using the Extract Panel to Download an Image
2m 34s
Copying and Pasting Styles into the CSS Designer
3m 43s
Using Code Hints to Extract CSS
4m 12s
Importing and Inserting Images
6m 14s
Working with SVG images
8m 12s
Inserting Images in Live View
4m 24s
Adding an image as a background in CSS
4m 55s
Using Images as Links
4m 25s
Modifying Images
9m 34s
Setting Border Colors and Styles
12m 25s
Creating Drop Shadows
4m 43s
Using a CSS Gradient
8m 42s

Overview

This critically-acclaimed interactive training program from Adobe Press offers exceptional quality high-definition video to teach the fundamentals of Adobe Dreamweaver CC.

Lesson Files

https://ptgmedia.pearsoncmg.com/digital/learn_by_video/9780134394435/lesson_files.zip

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.

Start your free trial

Building a Data-Driven Website with Adobe Dreamweaver CS5.5: Learn By Video

video2brain, Candyce Mairs

Adobe Dreamweaver CS6 Learn by Video Core Training in Web Communication

Video2Brain Powers

Learn Adobe Dreamweaver CC for Web Authoring

Kim Cavanaugh

Adobe Photoshop CC (2015 release) Learn by Video

Kelly McCathran

Publisher Resources

ISBN: 9780134394428Other

Adobe Dreamweaver CC Learn by Video (2015 release)

with Rob Huddleston

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.

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

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.

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.

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

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.

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

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.

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

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

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.

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.

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.

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.

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.

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.

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.

Overview

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.

You might also like

Building a Data-Driven Website with Adobe Dreamweaver CS5.5: Learn By Video

Adobe Dreamweaver CS6 Learn by Video Core Training in Web Communication

Learn Adobe Dreamweaver CC for Web Authoring

Adobe Photoshop CC (2015 release) Learn by Video

Publisher Resources

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.

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

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.

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.

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

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.

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

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.

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

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

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.

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.

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.

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.

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.

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.

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.

Overview

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,and much more.

You might also like

Building a Data-Driven Website with Adobe Dreamweaver CS5.5: Learn By Video

Adobe Dreamweaver CS6 Learn by Video Core Training in Web Communication

Learn Adobe Dreamweaver CC for Web Authoring

Adobe Photoshop CC (2015 release) Learn by Video

Publisher Resources

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.