Course Overview
TOPDreamweaver CC is the industry’s leading web tool that provides a robust and integrated solution to design, develop, and publish projects for any screen size. With features like the new CSS Designer, Adobe Edge Web Fonts (served by Adobe Typekit), jQuery UI widgets, easier HTML5 audio and video insertion, and an enhanced Fluid Grid Layout interface, web designers and developers can create web and mobile content faster than ever before.
Scheduled Classes
TOPWhat You'll Learn
TOP- Setting project requirements
- Planning site design and page layout
- Understanding the Adobe Dreamweaver interface
- Adding content
- Organizing and modifying content
- Evaluating and maintaining a site
Outline
TOP
Viewing outline for:
- Customizing Your Workspace
- Touring the workspace
- Using the Start Screen
- Exploring New Feature guides
- Setting interface preferences
- Switching and splitting views
- Selecting a workspace layout
- Working with panels
- Working with Extract
- 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
- HTML Basics
- What is HTML?
- Where did HTML begin?
- Frequently used HTML elements
- What’s new in HTML5
- CSS Basics
- What is CSS?
- HTML vs. CSS formatting
- HTML defaults
- CSS box model
- Applying CSS styling
- CSS Designer
- Multiples, classes, and IDs, oh my!
- CSS3 features and effects
- Web Design Basics
- Developing a new website
- Working with thumbnails and wireframes
- Creating A Page Layout
- Evaluating page design options
- Working with predefined layouts
- Styling an existing layout
- Styling elements using the Extract panel
- Extracting text from a Photoshop mockup
- Troubleshooting CSS styling
- Extracting text styling from a Photoshop mockup
- Creating a gradient background using Extract
- Extracting image assets from a mockup
- Adding CSS background effects manually
- Finishing up the layout
- Working with Templates
- Creating a template from an existing layout
- Inserting editable regions
- Building semantic content
- Inserting HTML entities
- Inserting metadata
- Validating HTML code
- Producing child pages
- Moving CSS styles to a linked file
- Updating a template
- Working with Text, Lists, and Tables
- Previewing the completed file
- Creating and styling text
- Creating lists
- Creating and styling tables
- Spell-checking webpages
- Finding and replacing text
- Optional self-paced exercise
- Working with Images
- Web image basics
- Previewing the completed files
- Inserting an image
- Controlling 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)
- Inserting images by drag and drop
- Optimizing images with the Property inspector
- Working with Navigation
- Hyperlink basics
- Previewing the completed file
- Creating internal hyperlinks
- Creating an external link
- Setting up email links
- Creating an image-based link
- Targeting page elements
- Locking an element on the screen
- Styling a navigation menu
- Checking your page
- Adding destination links (optional)
- Adding Interactivity
- Learning about Dreamweaver behaviors
- Previewing the completed file
- Working with Dreamweaver behaviors
- Working with jQuery Accordion widgets
- Inserting a jQuery Accordion widget
- Styling a jQuery Accordion
- Publishing to the Web
- Defining a remote site
- Cloaking folders and files
- Wrapping things up
- Putting your site online (optional)
- Synchronizing local and remote sites
- Working with Code
- Creating HTML code
- Working with multicursor support
- Commenting your code
- Working with CSS preprocessors
- Selecting code
- Collapsing code
- Expanding code
- Accessing Split Code view
- Previewing assets in Code view
Prerequisites
TOPStudents must have a good working knowledge of computers, operating systems, using a mouse, keyboard, standard menus, and commands. Students must be able to open, save, and close applications and files, as well as navigate to other folders.
Who Should Attend
TOPWeb designers and developers who seek an Adobe certification credential to validate their skills.
