Home Page Icon
Home Page
Table of Contents for
Images
Close
Images
by Jim Maivald
Adobe Dreamweaver CC Classroom in a Book® (2015 release)
About This E-Book
Title Page
Copyright Page
How to Get Your Lesson Files
What to do with the Lesson files once you’ve downloaded them
Important!
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
To download the Lesson files
Recommended lesson order
Web Edition
Accessing the free Web Edition
Bonus material
Defining a Dreamweaver site
Setting up the workspace
Checking for updates
Additional resources
Adobe Authorized Training Centers
1. Customizing Your Workspace
Touring the workspace
Using the Welcome Screen
Create
New Features
Getting Started
Tips & Techniques
Exploring New Feature Guides
Switching and splitting views
Code view
Design view
Live view
Split view
Live Source Code
Inspect mode
Working with panels
Minimizing panels
Closing panels and panel groups
Dragging
Floating
Grouping, stacking, and docking
Selecting a workspace layout
Beginner workspace
Code workspace
Default workspace
Design workspace
Extract workspace
Working with Extract
Adjusting toolbars
Personalizing Dreamweaver
Saving a custom workspace
Editing preferences
Creating custom keyboard shortcuts
Using the Property inspector
Using the HTML tab
Using the CSS tab
Image properties
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 interface (VMQ)
Using the DOM Viewer
Using the heads-up displays
Position Assist HUD
Element HUD
Image HUD
Text HUD
Linting support
Introducing Emmet
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
2. Html Basics Bonus Online Lesson
Writing your own HTML code
Understanding HTML syntax
Inserting HTML code
Formatting text with HTML
Applying inline formatting
Adding structure
Writing HTML in Dreamweaver
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
CSS3 overview and support
CSS3 features and effects
Review questions
Review answers
3. CSS Basics Bonus Online Lesson
Formatting objects
Width
Fixed widths
It’s all relative, or not
Borders and backgrounds
Positioning
Height
Margins and padding
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
Evaluating page design options
Working with predefined layouts
Introducing the Visual Media Queries interface
Introducing Bootstrap
Creating a layout with Bootstrap
Adding HTML5 elements to Bootstrap
Review questions
Review answers
6. Working with a Web Framework
Creating header content
Working with the CSS Designer
Working with Type
Creating Custom Classes
Adding a background image
Adding other background effects
Creating a navigation menu
Adding new items to a navigation menu
Cleaning up Bootstrap components
Styling a navigational menu
Centering the navigation menu
Building semantic content
Inserting main content placeholders
Creating custom element classes
Managing Bootstrap component width
Inserting HTML entities
Creating global type styles
Using Edge Web Fonts
Building font stacks with web fonts
Specifying font size
Review questions
Review answers
7. Designing for Mobile Devices
Responsive design
Mobile-first design
Media type properties
Media queries
Media query syntax
Adapting Bootstrap layouts to different screen sizes
Working with the responsive Scrubber
Hiding Bootstrap elements
Creating a mobile-first structure
Manipulating column widths in Bootstrap
Working with media queries
Identifying media queries
Adding rules to a media query
Copying and pasting CSS properties
Completing the mobile design
More information on media queries
Review questions
Review answers
8. Working with Templates
Creating a template from an existing layout
Inserting editable regions
Inserting metadata
Producing child pages
Creating a new page
Adding content to child pages
Formatting content in editable regions
Updating a template
Review questions
Review answers
9. 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
Adding and formatting caption elements
Making tables responsive
Spellchecking web pages
Finding and replacing text
Optional self-paced exercise
Review questions
Review answers
10. 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 (optional)
Adapting images to smaller screens
Inserting images by drag and drop
Optimizing images with the Property inspector
Review questions
Review answers
11. 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 HUD
Creating text links using the Text HUD
Targeting page elements
Creating internal targeted links
Creating a link destination using an id
Creating a destination link in the Element HUD
Targeting id-based link destinations
Checking your page
Adding destination links to the same page (optional)
Review questions
Review answers
12. 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 Bootstrap Accordion widgets
Inserting a Bootstrap Accordion widget
Styling a Bootstrap Accordion
Review questions
Review answers
13. 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
14. Publishing to the Web
Defining a remote site
Setting up a remote FTP site
Cloaking folders and files
Wrapping things up
Putting your site online (optional)
Synchronizing local and remote sites
Review questions
Review answers
Appendix: Tiny URLs
Index
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
Prev
Previous Chapter
Code Snippets
Next
Next Chapter
Images
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