Home Page Icon
Home Page
Table of Contents for
Cover Page
Close
Cover Page
by James J. Maivald
Adobe Dreamweaver CC Classroom in a Book® (2014 release)
Title Page
Copyright Page
Where are the Lesson Files?
Contents
Getting Started
About Classroom in a Book
TinyURLs
Prerequisites
Conventions used in this book
Code font
Strikethrough
Missing punctuation
Element references
Windows vs. OS X instructions
Installing the program
Updating Dreamweaver to the latest version
Accessing the Classroom in a Book files
Recommended lesson order
Defining a Dreamweaver site
Setting up the workspace
Checking for updates
Additional resources
1. Customizing Your Workspace
Touring the workspace
Switching and splitting views
Design view
Code view
Split view
Live view
Live Code
Inspect mode
Working with panels
Minimizing
Closing panels and panel groups
Floating
Dragging
Grouping, stacking, and docking
Selecting a workspace layout
Working with Extract
Adjusting toolbars
Personalizing preferences
Creating custom keyboard shortcuts
Using the Property inspector
Using the HTML tab
Using the CSS tab
Image properties
Table properties
Related files interface
Using tag selectors
Using the CSS Designer
Element Quick View
Element View
Explore, experiment, learn
Review questions
Review answers
2. HTML Basics
What is HTML?
Where did HTML begin?
Basic HTML code structure
Writing your own HTML code
Understanding HTML syntax
Inserting HTML code
Formatting text with HTML
Applying inline formatting
Adding structure
Writing HTML in Dreamweaver
Frequently used HTML 4 codes
HTML tags
HTML character entities
Introducing HTML5
What’s new in HTML5
HTML5 tags
Semantic web design
New techniques and technology
Review questions
Review answers
3. CSS Basics
What is CSS?
HTML vs. CSS formatting
HTML defaults
HTML5 defaults?
Browser antics
CSS box model
Previewing the completed file
Formatting text
Cascade theory
Inheritance theory
Descendant theory
Specificity theory
Code Navigator
CSS Designer
Multiples, classes, and ids, oh my!
Applying formatting to multiple elements
CSS shorthand
Creating class attributes
Creating id attributes
Formatting objects
Width
Borders and backgrounds
Positioning
Height
Margins and padding
Normalization
Final touches
CSS3 overview and support
CSS3 features and effects
Review questions
Review answers
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
Creating web assets using Adobe Generator (optional)
Working with Adobe Generator
Exporting assets from Photoshop
Creating multiple assets using Generator
Review questions
Review answers
5. Creating a Page Layout
Using the Welcome Screen
Previewing your completed file
Working with predefined layouts
Working with the CSS Designer
Working with type
Using Edge Web Fonts
Building font stacks with web fonts
Specifying font size
Creating a CSS background
Adding a background image
Adding other background effects
Creating custom CSS styling
Modifying existing content
Adding new items to a navigation menu
Styling a navigational menu
Building semantic content
Positioning elements with Element Quick View
Inserting placeholder text
Inserting HTML entities
Validating HTML code
Review questions
Review answers
6. Designing for Mobile Devices
Responsive design
Media type property
Media queries
Media query syntax
Previewing your completed file
Working with media queries
Identifying media queries
Targeting media queries
Targeting selectors
Troubleshooting styles across media queries
Using Element Quick View
Adding rules to a media query
Edge Inspect
More information on media queries
Review questions
Review answers
7. Working with Templates
Previewing completed files
Moving embedded CSS to an external file
Creating a template from an existing layout
Inserting editable regions
Inserting metadata
Producing child pages
Creating a new page
Adding content to child pages
Updating a template
Review questions
Review answers
8. Working with Text, Lists, and Tables
Previewing the completed file
Creating and styling text
Importing text
Creating semantic structures
Creating headings
Adding other HTML structures
Creating lists
Creating indented text
Making it responsive
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
Adjusting vertical alignment
Adding and formatting caption elements
Making tables responsive
Spellchecking web pages
Finding and replacing text
Optional self-paced exercise
Review questions
Review answers
9. Working with Images
Web image basics
Vector graphics
Raster graphics
Raster image file formats
Previewing the completed file
Inserting an image
Adjusting 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
Adapting images to smaller screens
Inserting images by drag and drop
Making images responsive
Optimizing images with the Property inspector
Review questions
Review answers
10. Working with Navigation
Hyperlink basics
Internal and external hyperlinks
Relative vs. absolute hyperlinks
Previewing the completed file
Creating internal hyperlinks
Creating relative links in Design view
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 Element View
Creating text links using Element View
Targeting page elements
Creating internal targeted links
Creating a link destination using an id
Creating a destination link in Element View
Targeting id-based link destinations
Checking your page
Adding destination links to the same page (optional)
Review questions
Review answers
11. 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
Making it responsive
Working with jQuery Accordion widgets
Inserting a jQuery Accordion widget
Customizing a jQuery Accordion
Editing dynamic jQuery styling
Review questions
Review answers
12. Working with Web Animation and Video
Understanding web animation and video
Previewing the completed file
Adding web animation to a page
Adding web video to a page
Choosing HTML5 video options
Review questions
Review answers
13. 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
Cloaking folders and files
Wrapping things up
Putting your site online
Synchronizing local and remote sites
Review questions
Review answers
Index
Production Notes
Images
Typefaces used
Team credits
Code Snippets
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