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.

starstarstarstarstar_outline

* Actual course outline may vary depending on offering center. Contact your sales representative for more information.

Learning Objectives

Gain the foundational knowledge you need to take the first stesp on this topic.

1
  • Customizing Your Workspace

  • Using the Start Screen
    Exploring New Feature guides
    Working with toolbars
    Switching and splitting views
    Selecting a workspace layout
    Working with panels
    Personalizing Dreamweaver
    Working with Extract
    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 interface
    Using the DOM Viewer
    Using the heads-up displays
    Exploring, experimenting, and learning

2
  • HTML Basics

  • What is HTML?
    Where did HTML begin?
    Frequently used HTML 4 codes
    Introducing HTML5

3
  • CSS Basics

  • What is CSS?
    HTML vs. CSS formatting
    HTML defaults
    CSS box model
    Applying CSS styling
    Multiples, classes, and ids

4
  • Web Design Basics

  • Developing a new website
    Scenario
    Working with thumbnails and wireframes

5
  • Creating a Page Layout

  • Evaluating page design options
    Working with predefined layouts

6
  • Working with a Web Framework

  • Creating a navigation menu
    Creating header content
    Building semantic content
    Managing Bootstrap component width
    Inserting HTML entities
    Creating global type styles

7
  • Design for Mobile Devices

  • Responsive design
    Adapting the site to different screen sizes
    Working with media queries
    More information on media queries

8
  • Working with Templates

  • Creating a template from an existing layout
    Inserting editable regions
    Inserting metadata
    Producing child pages

9
  • Working with Text, Lists, and Tables

  • Previewing the completed file
    Creating and styling text
    Creating lists
    Creating and styling tables
    Copying and pasting tables
    Spell-checking webpages
    Finding and replacing text
    Optional self-paced exercise

10
  • 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
    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

11
  • 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)

12
  • Adding Interactivity

  • Learning about Dreamweaver behaviors
    Previewing the completed file
    Working with Dreamweaver behaviors
    Working with Bootstrap Accordion widgets

13
  • 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

14
  • 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
    Appendix TinyURLs

15
  • 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
    Don't host your own videos

Audience

This course is for those looking to improve their Adobe Dreamweaver skills.

Language

English

Prerequisites

Basic knowledge of a Mac or PC computer.

$1,895

Length: 3.0 days (24 hours)

Level:

Not Your Location? Change

Course Schedule:

Schedule select
05
Oct
Thursday
8:00 AM PT -
4:00 PM PT
Filling Fast
Available
Schedule select
14
Nov
Tuesday
8:00 AM PT -
4:00 PM PT
Filling Fast
Available
Loading...