Dreamweaver CC Digital Classroom Book with video training
Adobe Dreamweaver CC Digital Classroom book with video training is like having a personal instructor guiding you through each lesson, while you work at your own pace. This Dreamweaver CC book with video training includes 18 self-paced lessons helping you learn essential skills and explore new features and capabilities of Adobe Dreamweaver.
- Full color lessons with easy to follow step-by-step instructions
- Video tutorials highlight key topics in each lesson
- Covers all essential Dreamweaver skills
- Gets you up-and-running quickly with included Dreamweaver lesson files and videos you can access online
- Written by expert Dreamweaver instructors who regularly teach Dreamweaver training courses – it's like having your own personal tutor
- Used by hundreds of schools and more than 100,000 readers
Dreamweaver CC Digital Classroom Book with video training Contents
Starting Up
- About Dreamweaver Digital Classroom
- Prerequisites
- System requirements
- Starting Adobe Dreamweaver CC
- Resetting the Dreamweaver CC workspace
- Loading lesson files
- Working with the video tutorials
- Setting up for viewing the video tutorials
- Viewing the video tutorials with the Adobe Flash Player
- Hosting Your websites
- Additional resources
Lesson 1: Dreamweaver CC Jumpstart
- Starting up with Dreamweaver CC
- What is Dreamweaver?
- Design and layout tools
- Site management and File Transfer Protocol
- Coding environment and text editor
- Mobile design and development features
- Who uses Dreamweaver?
- Dreamweaver's workspace features
- Live View and Live Code
- CSS Inspection and the Enable/Disable Feature
- Related files
- Code Navigator
- Photoshop smart objects
- Support for Content Management Systems
- HTML5, CSS3, and PHP code hinting
- HTML and CSS Starter Pages
- Subversion
- Business Catalyst integration
- How websites work
- A simple flow chart
- Domain names and IP addresses
- Servers and web hosts
- The role of web browsers
- An introduction to HTML
- Tag structure and attributes
- The structure of an HTML document
- Placing images in HTML
- Colors in HTML
- Case sensitivity and whitespace rules
- Element hierarchy
- HTML5
- Explorations in code
- A look at the Welcome Screen
- Creating, opening, and saving documents in Dreamweaver CC
- Creating new documents
- Self study
- Review
Lesson 2: Setting Up a New Site
- Starting up with Dreamweaver CS6
- Creating a new site
- Advanced site-creation options
- Adding pages using Dreamweaver CC
- Saving a page to your site
- Defining page properties
- Work views
- A deeper look into the Files panel
- Viewing local files in Dreamweaver CC
- Selecting and editing files
- Self study
- Review
Lesson 3: Adding Text and Images
- Starting up with Dreamweaver CC
- Typography and images on the Web
- Adding text
- An introduction to styles
- Previewing pages in a web browser
- Understanding hyperlinks
- Creating hyperlinks
- Relative versus absolute hyperlinks
- Linking to an e-mail address
- Creating listsin Dreamweaver CC
- Using the Text Insert panel
- Inserting images in Dreamweaver CC
- Image resolution
- Image formats
- Creating a simple gallery page
- Linking images
- Editing images in Dreamweaver CC
- Adjusting brightness and contrast
- Optimizing images in Dreamweaver CC
- Updating images in Dreamweaver CC
- Self study
- Review
Lesson 4: Styling Your Pages with CSS
- Starting up with Dreamweaver CC
- What are Cascading Style Sheets?
- CSS replaces inefficient HTML styling
- The benefits of CSS styling
- How do you create CSS rules in Dreamweaver?
- Understanding Style Sheets
- Understanding why they’re called Cascading
- Creating and modifying styles
- Creating a class style with the CCS Designer Panel
- Creating and modifying styles
- Advanced text formatting with CSS
- Fine-tuning page appearance with
contextual and pseudo-class selectors - Div tags and CSS IDs
- Internal versus external style sheets
- Attaching an external style sheet to your page
- Modifying attached style sheets
- Creating a new .css file (external style sheet)
- Self study
- Review
Lesson 5: Creating Page Layouts with CSS
- Starting up
- The CSS Box model
- The basics of CSS margins, padding, and borders
- Reviewing the div element
- Reviewing the ID selector
- Creating a centered container for your page
- Absolute versus relative positioned div
- Creating a header using a relative positioned div
- Positioning content with absolute-positioned divs
- Adding an introduction section to your page
- Adding images to your layout
- Photoshop Integration
- Adding Main and Sidebar content areas
- Adding additional content and styles
- Setting margins and borders
- Overriding default margins in CSS
- Adding borders to elements
- Future proofing your layout
- The pros and cons of Absolutely
Positioned CSS layouts - Self study
- Review
Lesson 6: Advanced Page Layout
- Starting up with Dreamweaver CS6
- Layout with absolute-position divs versus layout with floats
- Creating a floated image
- Creating columns with HTML and CSS
- Creating the structure with divs and HTML5 semantic elements
- Setting the width and floating the columns
- Using the clear property
- Creating a list-based navigation bar
- Changing column layout and size
- Creating the appearance of equal height columns
- Browser compatibility in Dreamweaver CS6
- Applying finishing touches
- Creating more sophisticated layouts
- Dreamweaver Fluid Grid Layout
- Self study
- Review
Lesson 7: CSS3 Transitions and Styles
- Starting up
- Understanding the role of CSS3
- Adding a CSS Transition
- Modifying a CSS Transition
- Adding CSS Transitions to a navigation menu
- Adding a CSS Gradient
- Applying a CSS Gradient to the page background
- Creating rounded borders
- Self study
- Review
Lesson 8: Using Web Fonts
- Starting up
- The basics of web fonts
- Web Fonts in Dreamweaver CC
- Using Adobe Edge Web Fonts
- Creating a custom font stack using web fonts
- Styling your content with Adobe Edge Web Fonts
- Adding local web fonts with @font-face
- Styling your heading with a local web font
- Self study
- Review
Lesson 9: Working with Tables
- Starting up
- Using tables in web design
- Importing table data
- Selecting table elements
- Modifying table size
- Modifying table structure
- Creating a table
- Formatting and styling tables in HTML
- Formatting and styling tables with CSS
- Advanced CSS styling of tables
- Controlling cell alignment, padding,
and borders with CSS - Creating alternate row styling with CSS
- Reusing CSS for other tables
- Data sorting tables
- Self study
- Review
Lesson 10: Fine-tuning your workflow
- Starting up
- Customizing panels and panel groups
- Using the Favorites tab on the Insert bar
- Resizing the document window
- Using guides in Dreamweaver CC
- Using grids in Dreamweaver CC
- The tag selector in Dreamweaver CC
- Tiling documents
- Self study
- Review
Lesson 11: Adding Video, Audio, and Interactivity
- Starting up with Dreamweaver CC
- Making web content interesting
- Adding video
- HTML5 video
- Flash video
- QuickTime and Windows Media
- Inserting Flash animations
- Inserting Edge Animate animations
- Inserting sound with the HTML5 audio element
- Self study
- Review
Lesson 12: Maximizing Site Design
- Starting up with Dreamweaver CC
- Creating modular page elements
- Introducing snippets
- The Snippets panel in Dreamweaver CC
- Creating new snippets
- Introducing library items
- Modifying and updating library items
- Introducing templates
- Creating a new template
- Working with editable regions
- Creating new pages from templates
- Modifying templates
- Repeating regions with Dreamweaver CC
- Putting repeating regions into action
- Detach from Template command
- Self study
- Review
Lesson 13: Working with Code-editing Features
- Starting up
- Working with code
- Accessing code with the Quick Tage editor
- Using HTML5 Code-hinting
- Working in the Code view
- Modifying the Code view Workspace
- The Coding toolbar
- Collapsing and expanding tags and code blocks
- Validating your code
- Highlighting and correcting invalid code
- Running a Report in Dreamweaver CC
- Formatting code
- Indenting in Dreamweaver CC
- Self study
- Review
Lesson 14: Building HTML5 Web Forms
- Starting up
- The basics of HTML5 forms
- How forms work
- Building a contact form
- Inserting the form tag
- Setting form properties
- Adding form elements
- Adding text fields with Dreamweaver CC
- Adding a new HTML5 text field
- Adding check boxes
- Adding radio buttons
- Adding radio groups
- Adding lists and menus
- Adding a Text area
- Adding a File Upload field
- Creating Submit and Reset buttons
- Styling forms with CSS
- Attaching external styles
- Setting a background color
- Styling form elements
- Form processing and validation
- HTML5 validation
- The Validate Form behavior
- A look at the Behaviors panel
- Setting an event or trigger
- Validating form fields
- Changing a form field’s behavior order
- Verifying field contents
- Self study
- Review
Lesson 15: Adding Interactivity with the jQuery UI Library
- Starting up with Dreamweaver CS6
- Introducing the jQuery UI Widgets
- The jQuery UI Library
- A look at the project
- The jQuery Tabbed panel
- Styling jQuery UI Widgets with CSS
- The Spry Tabbed panel
- The jQuery UI Accordion panel
- Create a single collapsible panel
- Self study
- Review
Lesson 16: Responsive Design and Layout for Mobile Devices
- Starting up
- The rise of the mobile web
- Dreamweaver tools for mobile layout
- Mobile website features in Dreamweaver
- Previewing your web page using window sizes
- Media Queries defined
- Creating media queries
- Creating a layout optimized for mobile
- Creating styles for navigation and
a single-column layout - The basics of Fluid Grid Layout
- Creating your mobile layout
- Creating a tablet layout
- Creating a three-column fluid layout for the desktop
- Styling elements in your fluid grid layout
- Self study
- Review
Lesson 17: Managing Your Website: Reports, Optimization, and Maintenance
- Starting up
- Working with the Files panel
- Creating a remote connection
- Viewing files on a remote web server
- Transferring files to and from a remote
server with Get and Put - Using Check In/Check Out and Design Notes
- Check In and Check Out
- Checking files in and out
- Using Design Notes
- Sharing Design Notes in Dreamweaver CS6
- Displaying Design Notes in the Files panel
- Testing site integrity
- Using Check Links in Dreamweaver CS6
- Checking links sitewide
- Generating site reports
- Understanding report results
- Addressing a listed item
- Optimizing pages for launch
- Search engine visibility and
Search Engine Optimization - Titling your documents with the title tag
- Adding meta keywords and descriptions
- Launching your site
- Site Launch Checklist
- Uploading your site
- Getting help
- Suggested next steps
- Website design resources
- Self study
- Review
Lesson 18: Dreamweaver CC New Features
- What’s new in Dreamweaver CC?
- CSS Designer panel
- CSS3 transitions and styles
- jQuery UI widgets
- Additional New Features in Dreamweaver CC
- Adobe Edge Web Fonts
- Faster HTML5 elements insertion
- Streamlined HTML5 audio and video
- Edge Animate composition support
- Additional features