This critically acclaimed training program from Adobe Press offers high-definition video to teach the fundamentals of Dreamweaver CC. Experienced instructor David Powers presents a comprehensive introduction to Dreamweaver, including best practices as well as fundamental web design concepts. Covered topics include Dreamweaver's HTML5 and CSS3 improvements, multimedia, interactivity, and how to work within the Creative Cloud. Crucial to the training are optimized teaching methods, practical tips, and the focus on learning by doing with project files.
Table of Contents
- In this chapter you'll get a brief introduction to Dreamweaver CC â what it is, and how it works. You'll also get an overview of what's covered in this course.
- This chapter looks at some fundamentals of planning and building web pages, as well as key concepts like basic CSS selectors, naming conventions, copyright, and accessibility.
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.
- The Welcome Screen 00:04:46
- Defining a Site in Dreamweaver 00:04:31
- Exploring the Document Window 00:05:52
- Using the Property Inspector 00:03:13
- Disabling the Code Navigator Indicator 00:01:43
- Introducing the CSS Designer 00:06:21
- Organizing Your Workspace 00:05:48
- Changing Dreamweaver Preferences 00:06:11
- Using the New Document Dialog Box 00:05:28
- Inspecting the Basic Page Structure 00:04:15
- Creating the Web Page Title 00:03:42
- What's Different on a Mac? 00:04:52
- In this chapter you'll learn how to insert and format text directly in the Document window, as well as preserving formatting when copying and pasting from external documents. You'll also learn how to avoid problems when copying and pasting inside Dreamweaver.
- This chapter explains how to make text in your web pages look more distinctive by styling it with CSS and using web fonts.
This chapter takes you step by step through the process of building a web page, starting from a blank page, adding the HTML structure and text content, and creating a two-column layout for the case study that runs through subsequent chapters.
- Using a Predefined Layout 00:05:08
- Introducing the Case Study 00:02:58
- Inserting HTML Structural Elements 00:08:10
- Adding Content and Basic Styles 00:08:45
- Understanding the CSS Box Model 00:10:34
- Adjusting Width, Padding, and Margins 00:06:18
- Floating Elements 00:06:00
- Setting Background Colors 00:05:23
- This chapter explores techniques for working with images. You'll learn about file formats, alternate text, scaling, captions, and more.
This chapter explores the various types of links you can add to your site and how to style them.
- Internal and External Links 00:05:24
- Linking to a Specific Point in a Page 00:04:29
- Using Images as Links 00:03:59
- Creating an Image Map 00:06:29
- Creating an Email Link 00:02:36
- Opening Files in a New Window 00:06:28
- Using Pseudo-Classes to Style Links 00:07:46
- Converting a List into a Navigation Bar 00:05:36
- This chapter explores some more advanced techniques for working with CSS. You'll see how to use Inspect Mode and the Code Navigator, and how to apply rounded corners, drop shadows, and CSS gradients.
- In this chapter you'll get tips for managing the assets on your site. We'll look at renaming and moving files, working with library items, creating templates, and more.
- 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.
- 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.
- This chapter shows how to adapt the Pacific Highway case study as a responsive web design using Dreamweaver's Fluid Grid Layout tools. A Fluid Grid Layout uses CSS media queries to deliver different styles to mobile phones, tablets, and desktop computers depending on the width of the browser viewport.
- These days it's easier than ever to add multimedia like video and audio to web pages. You'll also learn how to import an animation from Adobe Edge Animate.
- In this chapter you'll learn about tools and utilities that can make your work in Dreamweaver CC easier, including the powerful Find and Replace dialog box.
- 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 deploy your website to a server.
- Title: Adobe Dreamweaver CC: Learn by Video
- Release date: March 2015
- Publisher(s): Peachpit Press
- ISBN: 9780133462036