Lesson Files
This chapter offers an introduction to the October 2015 release of Dreamweaver CC. You'll learn what it is and how it …Lesson Files
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
00:02:37
What Is Dreamweaver?
00:04:12
Synchronizing Settings with the Creative Cloud
00:01:35
About This Video and the Project Files
00:04:25
Displaying Filename Extensions on Windows
00:00:34
If you're new to web development, this chapter covers basic knowledge required to start working with Dreamweaver.
How Web Pages Are Built
00:06:00
Understanding Family Tree Relationships
00:03:21
How CSS Styles Web Pages
00:06:14
Understanding Pixels and Other Units of Measurement
00:08:35
Color Formats on the Web
00:02:59
Naming Conventions
00:03:42
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
00:01:30
Creating Folders
00:02:39
Defining a Site in Dreamweaver
00:02:13
Creating New Documents
00:03:12
Using a Predefined Layout
00:01:32
Organizing Files Within a Site
00:00:56
Exploring the Document Window
00:06:06
Editing Attributes and Text in Live View
00:00:48
Viewing and Editing Values in the Property Inspector
00:01:22
Using the Tag Selector
00:01:12
Selecting and Manipulating HTML with the DOM Panel
00:01:25
Using the CSS Designer
00:05:15
Changing the Look of Code View
00:01:32
Changing Dreamweaver Preferences
00:04:14
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
00:01:50
Formatting Headings, Paragraphs, and New Lines
00:07:18
Creating Bulleted and Numbered Lists
00:02:07
Importing from Word and Paste Special
00:02:52
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
00:01:14
Setting the Font, Size, and Color of Text
00:03:02
Using Adobe Edge Web Fonts
00:04:22
Building a Custom Font Stack
00:01:39
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
00:02:49
Understanding the CSS Box Model
00:11:13
Adding DIV tags for styles
00:02:08
Adjusting Width, Padding, and Margins
00:03:16
Floating Elements
00:04:55
Adding HTML5 Structural Elements
00:07:40
Introducing Skeleton
00:03:52
This chapter explores the various types of links you can add to your site and how to style them.
Internal and External Links
00:04:59
Linking to a Specific Point in a Page
00:03:46
Using a Library Item for Common Page Elements
00:09:08
Using Pseudo-Classes to Style Links
00:04:06
Converting a List into a Navigation Bar
00:08:23
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
00:07:20
Introducing the Extract Panel
00:03:57
Setting Extract Preferences
00:02:32
Dragging and Dropping an Image from a Photoshop Comp
00:02:46
Using the Extract Panel to Download an Image
00:02:34
Copying and Pasting Styles into the CSS Designer
00:03:43
Using Code Hints to Extract CSS
00:04:12
This chapter explores techniques for working with images. You'll learn about inserting images, adding captions, and doing quick edits.
Importing and Inserting Images
00:06:14
Working with SVG images
00:08:12
Inserting Images in Live View
00:04:24
Adding an image as a background in CSS
00:04:55
Using Images as Links
00:04:25
Modifying Images
00:09:34
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
00:12:25
Creating Drop Shadows
00:04:43
Using a CSS Gradient
00:08:42
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
00:12:02
Fixing an Element within the Browser Viewport
00:06:19
Keeping Absolutely Positioned Elements in Sync
00:08:37
Layout the Header
00:05:27
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
00:07:14
Introduction to CSS Transitions
00:06:44
Using the CSS Transitions Panel
00:04:00
Setting the Transform Origin
00:06:08
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
00:02:24
Viewing the CSS Cascade
00:05:13
Organizing Styles for Easy Maintenance
00:03:49
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?
00:05:32
Determining Break Points
00:03:22
Styling a Responsive Layout
00:08:18
Creating Navigation on Mobile
00:11:24
Viewing Pages on Mobile Devices
00:03:31
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
00:04:58
Adding Data to a Table
00:05:27
Importing Tabular Data
00:04:25
Modifying a Table
00:03:47
Styling a Table with CSS
00:06:11
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
00:04:55
Creating Text Input Fields
00:07:25
Checkboxes and Radio Buttons
00:05:37
Select Menus and Lists
00:02:31
Inserting a Button
00:02:52
Styling Form Elements
00:08:58
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
00:04:37
Running Site Reports
00:01:47
Setting Up Your Server Login Details
00:04:50
Uploading and Downloading Files
00:05:25