Adobe Dreamweaver Introduction

Course Overview

This class is applicable to both CC and CS6 versions, and includes a thorough review of the Dreamweaver interface including how to use Design, Code and Live Code views. You will learn to create and edit basic pages in Design and Code views. You will then learn to integrate page elements, including images and links, and how to apply properties including font types, styles and color.

Lessons include an overview of the basics of HTML, which is the markup language used to structure all web pages through the use of tags. Basic knowledge of HTML is required to use Dreamweaver effectively. You will also learn the syntax of CSS (Cascading Style Sheet) rules, and how to create, edit and trouble-shoot style sheets.

You will learn how to use visual aids and hints to help you code more easily. Learn shortcuts for writing and editing code including use of the tag selector and code navigator. Create, edit and view CSS rules using the CSS panel and Property panel. Link global or embedded styles sheets to sites and pages, or to page templates to save time creating and managing large or complex sites. Learn to view, edit and upload associated files including JavaScript files.

Category	ID	Duration	Level	Price
Adobe	84502	2 Day(s)	Foundation	$750.00

Objectives

• Identify Dreamweaver fundamentals.
• Create websites.
• Create web pages.
• Insert tables and import content into web pages.
• Create reusable site assets.
• Link web pages and send the website to the server.

Adobe Dreamweaver Introduction

Course Outline

Customizing Your Workspace
Touring the workspace
Using the Start Screen
Exploring New Feature guides
Working with toolbars
Switching and splitting views
Selecting a workspace layout
Working with panels
Using the Property inspector
Using the Related Files interface
Using tag selectors
Using the CSS Designer

HTML Basics
What is HTML?
Where did HTML begin?
Frequently used HTML elements
What's new in HTML5 - Brief Overview
2B HTML BASICS Bonus Online Lesson

CSS Basics
What is CSS?
HTML vs. CSS formatting
HTML defaults
CSS box model
Applying CSS styling
Multiples, classes, and ids, oh my!
3B CSS BASICS Bonus Online Lesson (Optional)

Web Design Basics
Developing a new website
Scenario
Working with thumbnails and wireframes

Creating a Page Layout
Evaluating page design options
Working with predefined layouts

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 file
Inserting an image
Working with the Insert panel
Using the Insert menu
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
Checking your page
Adding destination links to the same page (optional)

Publishing to the Web
Defining a remote site
File transfer via FTP or Dreamweaver

Prerequisites

To ensure success in this course, you should have basic personal computing skills. For accelerated learning and deeper understanding of this course, it is also recommended that you have some exposure to various web design technologies, so you may also want to take the Web Design with XHTML, HTML, and CSS: Level 1 course.

View Schedule

Questions?

Name *

Email Address *

Company

Phone

Group Size *

Adobe Certified Associate

Adobe Dreamweaver Advanced

Adobe Photoshop Essentials
Adobe Indesign Essentials
Adobe Illustrator Essentials
Adobe Captivate Introduction
Adobe Dreamweaver Advanced