Course Overview
Adobeآ® Dreamweaverآ® CC is the industry-leading web authoring program. Whether you create websites for a living or plan to create one for your own business, Dreamweaver offers all the tools you need to get professional quality results.
Job Profile
Web Designer, Web Developers, Graphic Designers
Course Outline
1 Customizing Your Workspace
Touring the workspace
Switching and splitting views
Working with panels
Selecting a workspace layout
Adjusting toolbars
Personalizing preferences
Creating custom keyboard shortcuts
Using the Property inspector
Using the CSS Designer
Explore, experiment, learn
2 HTML Basics
What is HTML?
Where did HTML begin?
Writing your own HTML code
Frequently used HTML 4 codes
Introducing HTML5
3 CSS Basics
What is CSS?
HTML vs CSS formatting
HTML defaults
CSS box model
Multiples, classes, and IDs, oh my!
Formatting text
Formatting object
CSS3 overview and support
4 Creating a Page Layout
Web design basics
Working with thumbnails and wireframes
Defining a Dreamweaver site
Using the Welcome screen
Previewing your completed file
Modifying an existing CSS layout
Adding a background image to the header
Inserting new components
Inserting a navigation component
Changing element alignment
Modifying the page width and background color
Modifying existing content and formatting
Inserting an image placeholder
Inserting placeholder text
Modifying the footer
Validating webpages
5 Working with Cascading Style Sheets
Previewing the completed file
Working with the CSS Designer
Working with type
Working with background graphics
Working with classes, IDs, and descendant selectors
Creating an interactive menu
Creating faux columns
Moving rules to an external style sheet
Creating style sheets for other media
6 Working with Templates
Previewing completed files
Creating a template from an existing layout
Inserting editable regions
Producing child pages
Updating a template
Using library items
Using server-side includes
7 Working with Text, Lists, and Tables
Previewing the completed file
Creating and styling text
Creating and styling tables
Spell checking webpages
Finding and replacing text
8 Working with Images
Reviewing web image basics
Previewing the completed file
Inserting an image
Adjusting image positions with CSS classes
Working with the Insert panel
Using Adobe Bridge to insert images
Inserting non-web file types
Working with Photoshop Smart Objects
Copying and pasting images from
Photoshop and Fireworks
Inserting images by drag and drop
Optimizing images with the Property inspector
9 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
10 Adding Interactivity
Learning about Dreamweaver behaviors
Previewing the completed file
Working with Dreamweaver behaviors
Working with jQuery Accordion widgets
11 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
12 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
13 Publishing to the Web
Defining a remote site
Cloaking folders and files
Wrapping things up
Putting your site online
Synchronizing local and remote sites
14 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