Classroom in a Book ®
The official training workbook from Adobe
Jim Maivald
Purchase Now !
Just with Paypal
Just with Paypal
Book Details
Price
|
5.00 USD |
---|---|
Pages
| 839 p |
File Size
|
80,406 KB |
File Type
|
PDF format |
ISBN-13
ISBN-10
| 978-0-13-526214-6 0-13-526214-3 |
Copyright
| 2019 Adobe. All rights reserved |
Adobe® Dreamweaver CC is one of the leading web-authoring programs available. Whether you
create websites for others for a living or plan to create one for your own business, Dreamweaver
offers all the tools you need to get professional-quality results.
Adobe Dreamweaver CC Classroom in a Book® (2019 release) is part of the official training
series for graphics and publishing software developed with the support of Adobe product experts.
The lessons are designed so that you can learn at your own pace. If you’re new to Dreamweaver,
you’ll learn the fundamentals of putting the program to work. If you are an experienced user,
you’ll find that Classroom in a Book teaches many advanced features, including tips and
techniques for using the latest version of Dreamweaver.
Although each lesson includes step-by-step instructions for creating a specific project, you’ll
have room for exploration and experimentation. You can follow the book from start to finish or
complete only those lessons that correspond to your interests and needs. Each lesson concludes
with a review section containing questions and answers on the subjects you’ve covered.
Table of Contents
GETTING STARTED
About Classroom in a Book
TinyURLs
Prerequisites
Conventions used in this book
Bolded text
Code font
Strikethrough
Missing punctuation
Element references
Windows vs. macOS instructions
Installing the program
Updating Dreamweaver to the latest version
Online content
Lesson files
Web Edition
Recommended lesson order
Bonus material
On first launch
Choosing the program color theme
Setting up the workspace
Defining a Dreamweaver site
Checking for updates
Additional resources
Adobe Authorized Training Centers
1 CUSTOMIZING YOUR WORKSPACE
Touring the workspace
Using the Start Screen
Quick Start
Starter Templates
Create New and Open
Exploring New Feature guides
Setting interface preferences
Switching and splitting views
Code view
Design view
Live view
Split view
Live Source Code
Inspect mode
Selecting a workspace layout
Standard workspace
Developer workspace
Working with panels
Minimizing panels
Closing panels and panel groups
Dragging
Floating
Grouping, stacking, and docking
Personalizing Dreamweaver
Saving a custom workspace
Working with Extract
Working with toolbars
Document toolbar
Standard toolbar
Common toolbar
Creating custom keyboard shortcuts
Using the Property inspector
Using the HTML tab
Using the CSS tab
Accessing image properties
Accessing table properties
Using the Related Files interface
Using tag selectors
Using the CSS Designer
Sources
@Media
Selectors
Properties
All and Current modes
Using the Visual Media Query (VMQ) interface
Using the DOM Viewer
Using element dialogs, displays, and inspectors
Position Assist dialog
Element Display
Image Display
Text Display
Setting up version control in Dreamweaver
Exploring, experimenting, and learning
Review questions
Review answers
2 HTML BASICS
What is HTML?
Where did HTML begin?
Basic HTML code structure
Frequently used HTML elements
HTML tags
HTML character entities
What’s new in HTML5
HTML5 tags
Semantic web design
New techniques and technology
Review questions
Review answers
B2 HTML BASICS BONUS
3 CSS BASICS
What is CSS?
HTML vs. CSS formatting
HTML defaults
HTML5 defaults?
Browser antics
CSS box model
Applying CSS styling
Cascade theory
Inheritance theory
Descendant theory
Specificity theory
Code Navigator
CSS Designer
Multiples, classes, and ids, oh my!
Applying formatting to multiple elements
Using CSS shorthand
Creating class attributes
Creating id attributes
CSS3 features and effects
CSS3 overview and support
Review questions
Review answers
B3 CSS BASICS BONUS
4 WEB DESIGN BASICS
Developing a new website
What is the purpose of the website?
Who is the audience?
How do they get here?
Scenario
Working with thumbnails and wireframes
Creating thumbnails
Creating a page design
Creating wireframes
Review questions
Review answers
B4 CREATING WEB ASSETS USING PHOTOSHOP GENERATOR BONUS
5 CREATING A PAGE LAYOUT
Evaluating page design options
Working with predefined layouts
Styling an existing layout
Styling elements using the Extract panel
Extracting text from a Photoshop mockup
Troubleshooting CSS styling
Extracting text styling from a Photoshop mockup
Creating a gradient background using Extract
Extracting image assets from a mockup
Adding CSS background effects in code
Finishing up the layout
Review questions
Review answers
6 WORKING WITH TEMPLATES
Creating a template from an existing layout
Inserting editable regions
Building semantic content
Inserting HTML entities
Inserting metadata
Validating HTML code
Producing child pages
Creating a new page
Adding content to child pages
Moving CSS styles to a linked file
Updating a template
Formatting content in editable regions
Review questions
Review answers
7 WORKING WITH TEXT, LISTS, AND TABLES
Previewing the completed file
Creating and styling text
Importing text
Creating semantic text structures
Creating headings
Adding other HTML structures
Creating lists
Creating indented text
Creating and styling tables
Creating tables from scratch
Copying and pasting tables
Styling tables with CSS
Styling table cells
Controlling table display
Inserting tables from other sources
Adding and formatting caption elements
Spell-checking webpages
Finding and replacing text
Optional self-paced exercise
Review questions
Review answers
8 WORKING WITH IMAGES
Web image basics
Vector graphics
Raster graphics
Raster image file formats
Previewing the completed files
Inserting an image
Controlling image positions with CSS classes
Working with the Insert panel
Using the Insert menu
Inserting non-web file types
Working with Photoshop Smart Objects (optional)
Copying and pasting images from Photoshop (optional)
Inserting images by drag and drop
Optimizing images with the Property inspector
Review questions
Review answers
9 WORKING WITH NAVIGATION
Hyperlink basics
Internal and external hyperlinks
Relative vs. absolute hyperlinks
Previewing the completed file
Creating internal hyperlinks
Creating relative links
Creating a home link
Updating links in child pages
Creating an external link
Creating an absolute link in Live view
Setting up email links
Creating an image-based link
Creating image-based links using the Element Display
Creating text links using the Text Display
Targeting page elements
Creating internal targeted links
Creating a destination link in the Element Display
Targeting id-based link destinations
Locking an element on the screen
Styling a navigation menu
Checking your page
Adding destination links (optional)
Review questions
Review answers
10 ADDING INTERACTIVITY
Learning about Dreamweaver behaviors
Previewing the completed file
Working with Dreamweaver behaviors
Applying a behavior
Applying a Swap Image Restore behavior
Removing applied behaviors
Adding behaviors to hyperlinks
Working with jQuery accordion widgets
Inserting a jQuery accordion widget
Styling a jQuery accordion
Applying a background effect to the accordion tab
Formatting a conditional state for an accordion tab
Using Live Code to identify dynamic styling
Styling the background of the accordion content
Review questions
Review answers
11 PUBLISHING TO THE WEB
Defining a remote site
Setting up a remote FTP site
Establishing a remote site on a local or network web server (optional)
Cloaking folders and files
Wrapping things up
Putting your site online (optional)
Synchronizing local and remote sites
Review questions
Review answers
12 WORKING WITH CODE
Creating HTML code
Writing code manually
Writing code automatically
Working with multicursor support
Commenting your code
Working with CSS preprocessors
Enabling a preprocessor
Creating the CSS source file
Compiling CSS code
Nesting CSS selectors
Importing other style sheets
Learn more about preprocessors
Linting support
Selecting code
Using line numbers
Using tag selectors
Using parent tags
Collapsing code
Expanding code
Accessing Split Code view
Previewing assets in Code view
Review questions
Review answers
13 DESIGNING FOR MOBILE DEVICES
Responsive design
Mobile-first design
Testing responsiveness in Dreamweaver
Media type properties
Media queries
Media query syntax
Working with the Visual Media Queries interface
Introducing web frameworks
Identifying the Bootstrap structure
Creating a Bootstrap layout
Adding Bootstrap components
Adding semantic elements to Bootstrap
Review questions
Review answers
APPENDIX: TINY URLS
INDEX
B14 WORKING WITH A WEB FRAMEWORK
B15 ADAPTING CONTENT TO RESPONSIVE DESIGN
B16 WORKING WITH WEB ANIMATION AND VIDEO
Prerequisites
Before using Adobe Dreamweaver CC Classroom in a Book (2019 release), you should have a
working knowledge of your computer and its operating system. Be sure you know how to use the
mouse, standard menus, and commands, as well as how to open, save, and close files. If you
need to review these techniques, see the printed or online documentation included with your
Windows or macOS operating system.