Adobe Dreamweaver CC Level 1

Master Adobe Dreamweaver CC Level 1 and enhance your web development skills with comprehensive, hands-on training perfect for aspiring web designers and developers seeking to excel in creating dynamic and responsive web projects.

Course Thumbnail

Essential Skills Gained

Checkmark

Design and set up Dreamweaver sites with CSS layouts.

Checkmark

Integrate and optimize images using Adobe Bridge and graphic tools.

Checkmark

Develop and apply styles using embedded, inline, and external CSS.

Checkmark

Implement effective navigation and ensure browser compatibility.

Format

  • Instructor-led
  • 3 days with lectures and hands-on labs.

Audience

  • Web Designers
  • Content Administrators
  • IT Professionals
  • Front-end Developers

Description

​This course introduces you to Dreamweaver by guiding you step-by-step through the development of a sample Web project. In this 18-hour (3 day) curriculum, you'll learn to create web pages by formatting text, inserting images, setting links and working with tables.

Calendar icon

Upcoming Course Dates

No upcoming dates. Please check back later.

Course Outline

Download PDF

Lesson 1: Customizing Your Workspace

  1. Touring the Workspace

  2. Switching and Splitting Views

  3. Working with Panels

  4. Selecting a Workspace Layout

  5. Adjusting Toolbars

  6. Personalizing Preferences

  7. Creating Custom Keyboard Shortcuts

  8. Using the Property Inspector

Lesson 2: HTML Basics

  1. What is HTML

  2. Where did HTML Begin

  3. Writing your own HTML Code

  4. Frequently used HTML 4 Codes

  5. Introducing HTML5

Lesson 3: CSS Basics

  1. What is CSS

  2. HTML vs. CSS Formatting

  3. HTML Defaults

  4. CSS Box Model

  5. Formatting Text

  6. Formatting Objects

  7. Multiples, Classes, and IDs

  8. CSS3 Overview and Support

Lesson 4: Web Design Basics

  1. Defining a Dreamweaver Site

  2. Working with Thumbnails and Wireframes

  3. Creating web assets using Adobe Generator

  4. Previewing the Completed File

  5. Working with the CSS Styles Panel

  6. Working with Type

  7. Using Images for Graphical Effects

  8. Creating New CSS Rules

  9. Creating an Interactive Menu

  10. Modifying Hyperlink Behavior

  11. Creating Faux Columns

  12. Moving Rules to an External Style Sheet

  13. Creating Style Sheets for Other Media

Lesson 5: Creating Page Layouts

  1. Modifying an Existing CSS Layout

  2. Working with the CSS Designer

  3. Working with type

  4. Using web fonts

  5. Creating a CSS background

  6. Changing Element Alignment

  7. Modifying the Page Background Color

  8. Building and styling a navigation bar

  9. Building semantic content

  10. Using Element Quick View to position elements

  11. HTML entities; Validate the HTML code

Lesson 6: Designing for Mobile Devices

  1. Media queries

  2. Configure page components to work on mobile devices

  3. Previewing mobile pages in Dreamweaver

  4. Using Element Quick View

  5. Test responsive designs on mobile devices

Lesson 7: Working with Templates

  1. Creating a Template from an Existing Layout

  2. Creating an external CSS file

  3. Inserting Editable Regions

  4. Inserting metadata

  5. Producing Child Pages

  6. Updating a Template

Lesson 8: Working with Text, Lists, and Tables

  1. Creating and Styling Text

  2. Creating semantic structures

  3. Creating lists

  4. Creating and Styling Tables

  5. Inserting tables from other sources

  6. Making tables responsive

  7. Spell Checking Webpages

  8. Finding and Replacing Text

Lesson 9: Working with Images

  1. Web Image Basics

  2. Inserting an Image

  3. Adjusting Image Positions with CSS Classes

  4. Working with the Insert Panel

  5. Using Adobe Bridge to Insert Images

  6. Inserting Non-web File Types

  7. Working with Photoshop Smart Objects

  8. Inserting Images by Drag and Drop

  9. Optimizing Images with the Property Inspector

Lesson 10: Working with Navigation

  1. Hyperlink Basics

  2. Creating Internal Hyperlinks

  3. Creating an Image-Based Link

  4. Creating an External Link

  5. Setting up Email Links

  6. Targeting Page Elements

  7. Checking your Page

Your Team has Unique Training Needs.

Your team deserves training as unique as they are.

Let us tailor the course to your needs at no extra cost.