Advanced Adobe Dreamweaver Creative Cloud

Advanced Adobe Dreamweaver Creative Cloud

COURSE NUMBER: DW-111
DURATION: 2 Days

Bascom Bridge’s  Advanced Adobe Dreamweaver CC training teaches attendees how to create more sophisticated web pages and manage their web sites using Adobe Dreamweaver Creative Cloud.

ADVANCED DREAMWEAVER CC TRAINING OBJECTIVES

• Build navigation elements and create hyperlinks
• Add interactivity with Dreamweaver behaviors
• Incorporate web animation and video into your page
• Construct forms
• Publish your site to the web
• Design for mobile devices
• Work with code

ADVANCED DREAMWEAVER CC TRAINING PREREQUISITES

All attendees must have prior Dreamweaver CC experience, either from Bascom Bridge’s  Introduction to Dreamweaver CC training or from their own work.

ADVANCED DREAMWEAVER CC TRAINING MATERIALS

All students will receive a copy of Adobe’s Dreamweaver CC Classroom in a Book.

SOFTWARE NEEDED FOR EACH PC:

• Adobe Dreamweaver CC or later (for Windows or Mac)
• Windows 7 or later, or Mac OS X 10.7 or later
• At least 3 GB of RAM; 4GB or more recommended
• A recent version of Chrome, Firefox, Internet Explorer, or Safari web browser
• Related lab files that Accelebrate will provide
• Note: This class can be taught for Windows or Mac audiences
• For classes delivered online, all participants need either dual monitors or a separate device logged into the online session so that they can do their work on one screen and watch the instructor on the other. A separate computer connected to a projector or large screen TV would be another way for students to see the instructor’s screen simultaneously with working on their own.

ADVANCED DREAMWEAVER CC TRAINING OUTLINE

• Introduction
• Working with Navigation
  • Hyperlink basics
  • Previewing the completed file
  • Creating internal hyperlinks
  • Creating an image-based link
  • Creating an external link
  • Setting up email links
  • Targeting page elements
  • Checking your page
• Adding Interactivity
  • Learning about Dreamweaver behaviors
  • Previewing the completed file
  • Working with Dreamweaver behaviors
  • Working with jQuery Accordion widgets
• 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
• Working with Forms
  • Previewing the completed file
  • Learning about forms
  • Adding a form to a page
  • Inserting text form elements
  • Inserting checkboxes
  • Creating radio buttons
  • Incorporating text areas
  • Working with lists
  • Adding a Submit button
  • Specifying a form action
  • Emailing form data
  • Styling forms
  • More form information
• Publishing to the Web
  • Defining a remote site
  • Cloaking folders and files
  • Wrapping things up
  • Putting your site online
  • Synchronizing local and remote sites
• Designing for Mobile Devices
  • Previewing your completed file
  • Designing for mobile devices
  • Creating a media query for smart phones
  • Adding rules to a media query
  • Adapting CSS navigation to mobile environments
  • Styling the main content
  • Testing a media query
  • Responsive design
  • Creating style sheets for tablets
  • Edge Inspect
  • More information
• Working with Code
  • Code tools overview
  • Selecting code
  • Collapsing code
  • Expanding code
  • Adding new code
  • Identifying CSS styling
  • Working with Live Code
  • Using Inspect mode
  • Working in related files
  • Accessing Split Code view
  • Commenting your code
• Conclusion