3 Days

Hands-On: $1475

9am - 4pm

Register

Unavailable: Dreamweaver CS5.5 Level 1: Website Development and CSS

Class Description

Adobe Dreamweaver CS5 Level 1: Website Development is a 3-day course which provides web designers the skills to create, design, manage edit and publish professional websites. Students leave this class with the comprehensive abilities to build, incorporate graphics, set up interactivity and publish their websites.

Class Prerequisites

Solid computer skills, Mac or Windows. This class does include learning about code such as some HTML5 and JavaScript.

Getting to Know Dreamweaver

  • Touring the Workspace and switching and splitting views and Working with Panels
  • Selecting a Workspace layout
  • Adjusting Toolbars and Personalizing preferences, creating custom keyboard shortcuts
  • Using the Property Inspector
  • Understanding the code level and visial ways to interact with Dreamweaver

HTML Basics

  • Overview of HTML code and structure and how HTML5 changes the landscape of web development
  • Writing HTML code by hand

Cascading Style Sheets (CSS)

  • Overview of CSS3 code and structure
  • Using CSS to control the style of a web page without compromising structure
  • Understanding the differences between HTML and CSS3 formatting
  • Separating visual design elements for elevatedvisual and typographic control
  • Understanding the CSS3 Box Model
  • Understanding the HTML default formatting
  • Formatting text and objects
  • Creating compound selectors and custom classes

Getting a Quick Start in Dreamweaver

  • Defining a Dreamweaver site and Using the Welcome screen
  • Selecting a pre-built CSS layout
  • Saving a web page
  • Modifying the page title and Changing Headings
  • Inserting text and importing graphics from other applications
  • Using the Images Property inspector to set properties for an image
  • Selecting and modifying CSS styles: Adjusting fonts, colors, and sizes for text
  • Using Dreamweaver's CSS Property inspector and the HTML Property inspector.
  • Previewing a page in Live view and in a browser

Creating a Web Page Layout

  • Overview of designing web pages
  • Working with thumbnails and wireframes
  • Modifying one of the existing 16 CSS-based layouts
  • Adding a background image to page componenets
  • Inserting new components
  • Modifying the page width and background color, modifying existing content and formatting
  • Inserting an image placeholder and placeholder text
  • Modifying the footer
  • Checking browser compatibility
  • Adobe Creative Suite integration with Photoshop, Illustrator, Flash and more
  • Taking in consideration multiple devices including personal computers, tablets, and phones

Working with Cascading Style Sheets

  • Working with the CSS Styles Panel to track CSS rules and properties affecting a currently selected page element
  • Creating new CSS rules
  • Creating an interactive menu using CSS
  • Modifying hyperlink behavior using CSS
  • Creating faux columns using CSS
  • Moving CSS rules to an external style sheet and creating style sheets for other media types
  • Using Check Browser Compatibility to spot bugs
  • Attaching an external style sheet that updates all documents linked to that particular CSS
  • Separating "Content" (HTML) from "Presentation" (CSS) on your web pages with CSS
  • Using CSS to guarantee a consistent look to a number of pages within your website
  • Choosing a CSS layout and choosing the best option for your project
  • Character encoding and UTF-8
  • Using DIV tags to apply attributes
  • Creating new CSS rules to identify formatted elements and style properties: the Selector and Declaration
  • Understanding the hierarchy of Style Sheets and how the browser decides how the page displays
  • Different browsers and how they use default style sheets

Working with Templates

  • Creating a template from an existing layout
  • Inserting editable regions
  • Producing child pages from a template and updating a template and child pages
  • Using Dreamweaver's template system to manage multi-page websites
  • Associating the home page and new pages with a template
  • Updating a template
  • Creating and using Library items and creating and using server-side includes

Working with Text, Lists, and Tables

  • Importing text from different programs
  • Creating headings, creating bulleted and numbered lists, creating text indents, creating and style tables
  • Spell checking web pages
  • Finding and replacing text
  • Styling tables with CSS and using Table tags for all tables within a website
  • Spry Tooltip Widgets utilizing the Tooltip container, Page elements, and Constructor script

Working with Images

  • Overview of web image file types and structure: JPG, GIF and PNG
  • Overview of vector and raster web graphics
  • Inserting images
  • Adjusting Image Position with CSS classes
  • Working with Dreamweaver's Insert Panel
  • Using Adobe Bridge, the cross-platform file browser locate, organize, and browse images for your site
  • Working with non-web image file types
  • Working with Photoshop Smart Objects, copying and pasting images from Fireworks and Photoshop
  • Inserting images by Drag-and-Drop
  • Optimizing images with the Properties Inspector
  • Modify images within Dreamweaver

Working with Navigating (Hyperlinks)

  • Overview of hyperlink structure and coding
  • Creating internal hyperlinks, image-based links, and external links
  • Setting up email links
  • Targeting page elements with hyperlinks
  • Specifying link locations: _blank, _parent, _self and _top
  • Working with Spry navigation components
  • Converting Spry navigation components to Library Items
  • Checking pages for broken links

Adding Interactivity

  • Learning about Dreamweaver behaviors and understanding how JavaScript lets you add interactivity
  • Working with Dreamweaver behaviors
  • Creating a swap image effect
  • Applying behaviors to text and hyperlinks
  • Inserting a Spry Accordion widget to add a more complex user experience by enabling user interaction

Working with HTML5 and/or Flash

  • Understanding Flash and the limitations of Flash in mobile devices
  • Adding Flash animation to a page versus HTML5, jQuery and Javascript
  • Adding Flash video to a page
  • Using HTML5 to add video to a page to ensure mobile compatibility

Publishing to the Web

  • Defining a remote site and setting up a remote FTP site
  • Establishing a remote site on a local or remote web server
  • Cloaking folders and files
  • Putting your site online
  • Synchronizing local and remote sites
  • Monitoring file sizes and download times
  • Synchronizing files both locally and remotely
  • Updating and maintaining your website after it's published