Home Page Icon
Home Page
Table of Contents for
Cover
Close
Cover
by Jim Maivald
Adobe Dreamweaver Classroom in a Book (2020 release)
Cover
Title Page
Copyright Page
Where are the Lesson Files?
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
Accessing the lesson files and 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 the New Feature guides
Setting interface preferences
Switching and splitting views
Code view
Design view
Live view
Split view
Live Code mode
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 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
3. 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
4. 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
5. 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
Designing for mobile devices
The third way
Review questions
Review answers
6. Creating a Page Layout
Evaluating page design options
Working with predefined layouts
Styling a predefined layout
Styling elements using the Extract panel
Troubleshooting CSS conflicts
Extracting text from a Photoshop mockup
Deleting components and attributes from a template
Inserting new menu items
Creating new elements with the DOM panel
Creating menu items with copy and paste
Extracting text styling
Creating a gradient background using Extract
Extracting image assets from a mockup
Creating new Bootstrap structures
Adding a background image to the header
Finishing up the layout
Review questions
Review answers
7. Working with Templates
Creating Dreamweaver templates
Removing unneeded components
Modifying a Bootstrap layout
Modifying text formatting in a Bootstrap element
Adding template boilerplate and placeholders
Fixing semantic errors
Inserting metadata
Validating HTML code
Working with editable regions
Image carousel
Card-based section
List-based section
Inserting a new Bootstrap element
Inserting an editable region
Inserting an optional editable region
Working with child pages
Creating a new page
Adding content to child pages
Adding metadata to a child page
Updating a template
Removing an optional region from a child page
Removing unused sections from a child page
Review questions
Review answers
8. Working with Text, Lists, and Tables
Previewing the completed file
Creating and styling text
Importing text
Duplicating Bootstrap rows
Deleting unused Bootstrap components
Creating lists
Basing content structures on lists
Pasting multiple elements in Live view
Creating new list-based items
Creating and styling tables
Creating tables from scratch
Copying and pasting tables
Styling tables with CSS
Styling table cells
Adding header rows to tables
Controlling table display
Inserting tables from other sources
Creating semantic text structures
Adding and formatting caption elements
Spell-checking webpages
Finding and replacing text
Review questions
Review answers
9. Working with Images
Web image basics
Vector graphics
Raster graphics
Raster image file formats
Previewing the completed files
Inserting an image
Inserting images in Design view
Optimizing images with the Property inspector
Inserting non-web file types
Working with Photoshop Smart Objects (optional)
Copying and pasting images from Photoshop (optional)
Inserting images using the Asset panel
Adapting images to mobile design
Using the Insert menu
Working with the Insert panel
Inserting images in the site template
Adding CSS classes to template structures
Adding images to a Bootstrap carousel
Styling headings and text in a Bootstrap carousel
Self-paced exercise: Inserting images in child pages
Review questions
Review answers
10. Working with Navigation
Hyperlink basics
Internal and external hyperlinks
Relative vs. absolute hyperlinks
Previewing the completed files
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
Adding a telephone link
Checking your page
Self-paced exercise: Adding additional links
Review questions
Review answers
11. Publishing to the Web
Defining a remote site
Setting up a remote FTP site (optional)
Cloaking folders and files
Wrapping things up
Creating a home page
Completing the home page
Putting your site online (optional)
Synchronizing local and remote sites
Review questions
Review answers
Appendix: TinyURLs
Index
Production Notes
12. Working with Mobile Design
Responsive design
Mobile-first design
Testing responsiveness in Dreamweaver
Media type properties
Media queries
Media query syntax
Working with the Visual Media Query interface
Introducing web frameworks
Setting up web-hosted fonts
Setting the base font
Building font stacks with web-hosted fonts
Specifying font size
Creating custom media queries
Adding rules to a media query
Controlling text styling with media queries
Changing component visibility with media queries
Controlling Bootstrap element alignment
Revising Bootstrap template structure
Adapting content to mobile design
Checking pages for design conflicts
Making tables responsive
Previewing pages using Real-Time Preview
Fixing issues for mobile design and desktop
Review questions
Review answers
13. Working with Web Animation and Video Bonus
Understanding web animation and video
Previewing the completed file
Adding web animation to a page
Making the animation responsive
Applying image dimensions
Adding a video poster
Setting HTML5 video options
Making the video responsive
Don’t host your own videos
Review questions
Review answers
Search in book...
Toggle Font Controls
Playlists
Add To
Create new playlist
Name your new playlist
Playlist description (optional)
Cancel
Create playlist
Sign In
Email address
Password
Forgot Password?
Create account
Login
or
Continue with Facebook
Continue with Google
Sign Up
Full Name
Email address
Confirm Email Address
Password
Login
Create account
or
Continue with Facebook
Continue with Google
Next
Next Chapter
Title Page
Add Highlight
No Comment
..................Content has been hidden....................
You can't read the all page of ebook, please click
here
login for view all page.
Day Mode
Cloud Mode
Night Mode
Reset