- 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
- Windows vs. macOS instructions
- Installing the program
- Updating Dreamweaver to the latest version
- Online content
- 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
- 1. Customizing your Workspace
- Touring the workspace
- Using the Start Screen
- Exploring the New Feature guides
- Setting interface preferences
- Switching and splitting views
- Selecting a workspace layout
- Working with panels
- Personalizing Dreamweaver
- Working with toolbars
- Creating custom keyboard shortcuts
- Using the Property inspector
- Using the Related Files interface
- Using tag selectors
- Using the CSS Designer
- Using the Visual Media Query (VMQ) interface
- Using the DOM Viewer
- Using element dialogs, displays, and inspectors
- Setting up version control in Dreamweaver
- Exploring, experimenting, and learning
- Review questions
- Review answers
- 2. HTML Basics
- 3. Working with Code
- 4. CSS Basics
- 5. Web Design Basics
- 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
- Working with child pages
- Updating a template
- Review questions
- Review answers
- 8. Working with Text, Lists, and Tables
- 9. Working with Images
- Web image basics
- 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
- Previewing the completed files
- Creating internal hyperlinks
- Creating an external link
- Setting up email links
- Creating an image-based link
- Targeting page elements
- Creating a destination link in the Element Display
- 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
- Appendix: TinyURLs
- Index
- Production Notes
- 12. Working with Mobile Design
- Responsive design
- Media type properties
- Media queries
- Media query syntax
- Working with the Visual Media Query interface
- Introducing web frameworks
- Setting up web-hosted fonts
- Creating custom media queries
- Controlling Bootstrap element alignment
- Revising Bootstrap template structure
- Adapting content to mobile design
- 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
Adobe Dreamweaver Classroom in a Book® (2020 release)
The official training workbook from Adobe
Jim Maivald
-
No Comment
..................Content has been hidden....................
You can't read the all page of ebook, please click here login for view all page.