Adobe Dreamweaver CS6 Foundation

2 days

Course Description

You want to create and maintain web pages for your website. The fundamental elements of a web page are HTML, XHTML, CSS, and some JavaScript. These technologies take some time to master. In this course, you will use Adobe Dreamweaver to create web pages while focusing on the content, styling, and design. As you construct the web pages, Dreamweaver will competently create the XHTML, CSS and JavaScript required.

You will also maintain and administer your website with Dreamweaver’s site and page management tools. The website and pages you create will reflect your content and design and will be professionally accurate for your site visitors. You will enhance the web pages by means of adding advanced functions such as navigational controls, media elements, and forms. Also, it is essential to ensure that your websites are compatible with various modern day display devices such as mobile phones, tablets, and smartphones. In this course, you will create fluid CSS layouts, implement mobile integration techniques, and share files over a server to work in a collaborative manner. All this will ensure that you develop a website that helps retain user interest by means of providing an engaging user experience across multiple display devices.

Target Student

This course is most valuable for individuals who have been given responsibilities to create or maintain a website. It will also be valuable for new web designers, web developers, and graphic artists who want to extend their skills in creating complete websites. Learning how to use Dreamweaver CS6 will enable the practitioner to create web pages and sites in the most efficient manner. The more advanced concepts and skills covered will enable a designer to create interactive web pages and websites efficiently.

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.

Course Outline

Getting Started with Dreamweaver

  • Web Basics
  • The Dreamweaver Interface
  • The Elements of Web Design
  • Dreamweaver Help

Creating a Website

  • Plan the Website Project
  • Use Design Tools to Plan the Website
  • Set Up the Website in Dreamweaver

Creating Web Pages

  • Create Web Page Documents
  • Add Head and Text Components to the Page
  • Add Lists and Quotations
  • Set Page Properties

Using CSS

  • Create Styles and Selectors with CSS
  • Using CSS to Format a Web Page

Inserting Images

  • Insert Images
  • Manage Image Properties with CSS

Inserting Tables and Importing Content

  • Table Tags and Properties
  • Import External Data

Creating Reusable Site Assets

  • Create Reusable Site Assets
  • Modify and Update Library Items
  • Create and Use Page Templates

Linking Web Pages

  • Creating Common Hyperlinks to Site Pages
  • Creating Links to Page Locations
  • Creating Email Links
  • Image Maps and Linking
  • Navigation and Rollovers

Sending the Website to the Web Server

  • Validate the Website
  • Upload Files to the Web Server

Identifying Website Requirements

  • Examine Website Design Considerations
  • Examine Website Performance Parameters

Creating Layouts

  • Create a Fluid Layout
  • Organize and Manage a Layout Using CSS

Formatting Web Pages

  • Format Content in the Code View
  • Manage Links and Files

Creating Forms

  • Add a Form Container
  • Add Form Elements
  • Validate a Form

Integrating Media Files with Dreamweaver

  • Integrate and Edit a Photoshop File in Dreamweaver
  • Insert Video and Audio Files

Using Mobile Integration Techniques

  • Create a jQuery Mobile Page
  • Implement PhoneGap Integration

Previewing and Testing a Website

  • Preview a Website
  • Test a Website

Managing Website Files

  • Share Website Files with Other Users
  • Synchronize Website Files