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.
What Is Dreamweaver?
Synchronizing Settings with the Creative Cloud
About This Video and the Project Files
Displaying Filename Extensions on Windows
Chapter: If you're new to web development, this chapter covers basic knowledge required to start working with Dreamweaver.
How Web Pages Are Built
Understanding Family Tree Relationships
How CSS Styles Web Pages
Understanding Pixels and Other Units of Measurement
Color Formats on the Web
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
Defining a Site in Dreamweaver
Creating New Documents
Using a Predefined Layout
Organizing Files Within a Site
Exploring the Document Window
Editing Attributes and Text in Live View
Viewing and Editing Values in the Property Inspector
Using the Tag Selector
Selecting and Manipulating HTML with the DOM Panel
Using the CSS Designer
Changing the Look of Code View
Changing Dreamweaver Preferences
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
Formatting Headings, Paragraphs, and New Lines
Creating Bulleted and Numbered Lists
Importing from Word and Paste Special
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
Setting the Font, Size, and Color of Text
Using Adobe Edge Web Fonts
Building a Custom Font Stack
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.
Understanding the CSS Box Model
Adding DIV tags for styles
Adjusting Width, Padding, and Margins
Adding HTML5 Structural Elements
Chapter: This chapter explores the various types of links you can add to your site and how to style them.
Internal and External Links
Linking to a Specific Point in a Page
Using a Library Item for Common Page Elements
Using Pseudo-Classes to Style Links
Converting a List into a Navigation Bar
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
Introducing the Extract Panel
Setting Extract Preferences
Dragging and Dropping an Image from a Photoshop Comp
Using the Extract Panel to Download an Image
Copying and Pasting Styles into the CSS Designer
Using Code Hints to Extract CSS
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
Working with SVG images
Inserting Images in Live View
Adding an image as a background in CSS
Using Images as Links
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
Creating Drop Shadows
Using a CSS Gradient
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
Fixing an Element within the Browser Viewport
Keeping Absolutely Positioned Elements in Sync
Layout the Header
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.
Introduction to CSS Transitions
Using the CSS Transitions Panel
Setting the Transform Origin
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
Viewing the CSS Cascade
Organizing Styles for Easy Maintenance
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?
Determining Break Points
Styling a Responsive Layout
Creating Navigation on Mobile
Viewing Pages on Mobile Devices
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
Adding Data to a Table
Importing Tabular Data
Modifying a Table
Styling a Table with CSS
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
Creating Text Input Fields
Checkboxes and Radio Buttons
Select Menus and Lists
Inserting a Button
Styling Form Elements
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
Running Site Reports
Setting Up Your Server Login Details
Uploading and Downloading Files