Dreamweaver Fundamentals: An Introduction to Dreamweaver CC

3-Day Live Class

Adobe Dreamweaver CC web design software provides an intuitive visual interface for making and editing HTML websites and mobile apps. This course will provide web designers with the knowledge and hands-on practice they need to build and manage professional websites.

Who Should Attend?

This course is for people new to web design and development and want to use Dreamweaver CC to build intuitive, attractive, and accessible websites.


Prerequisites:

  • Practical working knowledge of Mac OS X or Windows skills.
  • Students should have a working knowledge of HTML, CSS, or JavaScript. To learn these visit FMC's Web Programming classes.


Upcoming Course Dates

  • $1,195.00

    $1,195.00Dreamweaver Fundamentals: An Introduction to Dreamweaver | Starts on 02/01/2022

    Enroll Now
  • $1,195.00

    $1,195.00Dreamweaver Fundamentals: An Introduction to Dreamweaver | Starts on 05/03/2022

    Enroll Now
  • $1,195.00

    $1,195.00Dreamweaver Fundamentals: An Introduction to Dreamweaver | Starts on 08/16/2022

    Enroll Now
  • $1,195.00

    $1,195.00Dreamweaver Fundamentals: An Introduction to Dreamweaver | Starts on 11/15/2022

    Enroll Now

Course Outline

Note: The curricula below comprise activities typically covered in a class at this skill level. The instructor may, at his/her discretion, adjust the lesson plan to meet the needs of the class.


Lesson 1: Intro

  • How do websites work?
  • Clarifying technical terms
  • The 5 pillars of website architecture / development
  • Evaluating page design options (atomic design, material design)


Lesson 2: HTML Basics

  • What is HTML?
  • Where did HTML begin?
  • Introducing HTML5


Lesson 3: CSS Basics

  • What is CSS?
  • Text Formatting
  • CSS box model


Lesson 4: Working with Text, Lists, and Tables

  • Previewing the completed file
  • Creating and styling text
  • Creating lists
  • Creating and styling tables
  • Copying and pasting tables


Lesson 5: Working with Images

  • Web image basics
  • Previewing the completed file
  • Inserting an image
  • Adjusting image positions with CSS classes
  • Working with the Insert panel
  • Using the Insert menu


Lesson 6: 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
  • Checking your page
  • Adding destination links to the same page ( optional)


Lesson 7: Working with Code

  • Creating HTML code
  • Working with multi-cursor support
  • Commenting your code
  • Working with CSS preprocessors
  • Selecting code
  • Collapsing code
  • Expanding code
  • Accessing split Code view
  • Previewing assets in Code view