DreamWeaver CC - Level 1

Basic knowledge of the Microsoft Windows environment

Adobe® Dreamweaver® CC (latest version) web design software provides an intuitive visual interface for creating and editing HTML websites and mobile apps. Use the new liquid Grid layout for cross-platform compatibility to create designs with custom layouts. Review your designs with the improved Multiscreen preview before publishing.

Start-up

• The basic structure of the site
• What is an index page?
• Current practices of web design
• What is HTML?
• What is JavaScript?
• What is CSS?
• Remove the naming conventions

The Dreamweaver interface

• The Welcome screen
• Windows and Mac interface differences
• The Application toolbar
• The Document toolbar
• Arrange panels

Control of the site

• Defining a new site
• Site Management
• Managing files and folders
• Setting a default browser

Creating Documents

• Creating new documents
• The preferences of new documents
• Working with Start Pages

Adding text and structure

• HTML Structure
• Structuring the content
• Creating lists of text in Dreamweaver
• Importing Word documents

Foundations CSS

• Understanding style sheets
• Anatomy of a CSS rule
• Setting Preferences for CSS
• The CSS Styles panel
• Controlling CSS with the Properties Inspector
• Understanding element selectors
• Understanding class selectors
• Attaching external style sheets

Control Typography

• Working with measurement units
• Declaring font families
• Controlling font sizing
• Weight control and style
• Check the line height
• Controlling vertical spacing with margins
• Text Alignment

Working with Images

• Understand the types of images
• Setting image accessibility preferences
• Placing images on the page
• Changing properties
• Customizing images via CSS

Photoshop integration

• Setting external image editing preferences
• Editing Smart Objects
• Other Photoshop workflow
• The use of background graphics

Creating links

• The basics of link
• Creating links in Dreamweaver
• absolute links
• Using named anchors
• Links to named anchors in external files
• Creation of an e-mail link
• Creating CSS-based rollovers

Last controlling with CSS

• Basics of structuring CSS
• Structure with DIV tags
• The box model
• Understand the floats
• Using relative positioning
• Using absolute positioning
• Using fixed positioning

Working with Tables

• Review the table structure
• Importing tabular data
• Creating Tables
• Creating custom table borders
• Merge cells

Building models

• Planning for models
• Creating a new model
• Creation of editable attributes
• Creating new pages from a model
• The application of models to existing pages
• Work with nested models
• Work with the repeat regions
• Changing models

Using Flash and Video

• Insert Flash
• Setting properties for Flash
• Integration with Dreamweaver and Flash
• Flash Video Encoding
• Adding a flash video

Coding in Dreamweaver

• The toolbar code
• Preferences setting code
• Using code hints
• Add comments
• Finding syntax errors

Site management

• Running the entire site reports
• Check for broken links
• Validation tags
• Checking for browser compatibility
• Enter information remotely
• Synchronizing Sites
• Update and publish files

Referencing

• What is referencing?
• Establishment
• Choosing the Right Words
• Listing on picture

Classroom Courses