Certified Adobe Dreamweaver Training
Course DW10
Adobe Dreamweaver CS5: Website Development
Users of Adobe Dreamweaver CS4 and CS3 can take this course to learn the functionality of Dreamweaver.
Description
Adobe Dreamweaver CS5: Website Development is a 3-day course that
provides web designers with the knowledge and hands-on practice they
need to build and manage professional web sites using Dreamweaver CS5.
Audience
This course is for people new to web design and development and want
to use Dreamweaver CS5 to build intuitive, attractive and accessible
web sites.
Course Outline for CS5
Lesson 1: Customizing the Workspace
- Touring the Workspace
- Switching and splitting views
- Working with Panels
- Selecting a workspace layout
- Adjusting toolbars
- Personalizing preferences
- Creating custom keyboard
- Using the Property Inspector
Lesson 2 HTML Basics
- What is HTML
- Where did HTML Begin?
- Writing your own HTML code
- Frequently used HTML codes
- Where is HTML Going?
Lesson 3 CSS Basics
- What is CSS?
- HTML vs CSS formatting
- CSS box model
- HTML defaults
- Formatting Text
- Formatting Objects
- Multiple, classes and ID’s
Lesson 4 Getting a Quick Start
- Defining a Dreamweaver Site
- Using the Welcome Screen
- Selecting a CSS Layout
- Saving a page
- Modifying the page title
- Changing headings
- Inserting Text
- Inserting Images
- Selecting and modifying CSS styles
- Adjusting text fonts, colours and sizes
- Using the Property Inspector
- Previewing a page in Live View
- Previewing pages in a browser
Lesson 5 Creating a Page Layout
- Web design basics
- Working with thumbnails and wireframes
- Previewing your completed file
- Modifying an existing CSS layout
- Adding a background image to the header
- Inserting new <div> components
- Modifying the page width and background colour
- Modifying existing content and formatting
- Inserting an image placeholder
- Inserting placeholder text
- Modifying the footer
- Checking browser compatibility
Lesson 6 Working with Cascading Style Sheets
- Previewing a completed file
- Working with the CSS Style panel
- Creating new CSS rules
- Creating an interactive menu
- Modifying hyperlink behaviour
- Creating faux columns
- Moving rules to an external style sheet
- Creating style sheets for other media types
Lesson 7 Working with Templates
- Previewing completed files
- Creating a template from an existing layout
- Inserting editable regions
- Producing child pages
- Updating a template
- Using Library items
- Using server-side includes
Lesson 8 Working with Text, Lists and Tables
- Previewing a completed file
- Importing text
- Creating headings
- Creating lists
- Creating text indents
- Creating and styling tables
- Spell checking web pages
- Finding and replacing text
Lesson 9 Working with Images
- Review web image basics
- Previewing the completed file
- Inserting and images
- Adjusting image positions with CSS classes
- Working with the insert panel
- Using Adobe Bridge
- Inserting incompatible file types
- Working with Photoshop smart objects
- Copying and pasting images from Fireworks
- Inserting images by drag and drop
- Optimizing images with the Property Inspector
Lesson 10 Working with Navigation
- Hyperlink basics
- Previewing your completed files
- Creating internal hyperlinks
- Creating an image-based link
- Creating an external link
- Setting up an email link
- Targeting page elements
- Inserting a Spry menu bar
- Inserting Spry menus as Library items
- Checking your page
Lesson 11 Working with Behaviours
- Learning about Dreamweaver behaviours
- Previewing a completed file
- Working with Dreamweaver Behaviours
- Working with Spry Accordion widgets
Lesson 12 Working with Flash
- Understanding Flash
- Previewing a completed file
- Adding Flash animation to a page
- Adding a Flash Video File to a page
Lesson 13 Publishing to the web
- Defining a remote site
- Cloaking folders and files
- Wrapping things up
- Putting your site Online
- Synchronizing local and remote sites
Prerequisites: None
Duration: 3 days, 9:00 am - 4:00 pm
Fee: $1095.00 CDN + HST
Course Outline for CS4
Unit 1: Introducing Adobe© Dreamweaver CS5: Website Development
·
About the course
·
Course objectives
·
Course prerequisites
·
Static page architecture
Unit 2: Getting Started
·
Introduction to Dreamweaver CS4
·
Dreamweaver Interface Basics
·
Defining a local site
·
Creating a website
Unit 3: Adding Content to a Site
·
Adding content
·
Controlling document structure
·
Making lists
·
Horizontal Rules
·
Adding special characters
Unit 4: Formatting Text with CSS
·
Formatting text
·
Introducing Cascading Style Sheets
·
Creating styles
·
Moving CSS rule definitions
·
Creating class styles
·
Creating advanced styles
·
Attaching external style sheets
·
Creating a new external style sheet
·
Displaying styles
·
Cascading order and inheritance of styles
·
Creating internal styles with the Property inspector
Unit 5: Working with Graphics
·
Graphics on web pages
·
Placing graphics on the page
·
Modifying image properties
·
Editing images
·
Roundtrip editing with Fireworks
·
Customizing the Insert bar
·
Adding Flash content
·
Adding Flash Video
Unit 6: Navigating Your Site
·
Adding links
·
Adding anchors
·
Adding e-mail links
·
Linking from images
·
Inserting a jump menu
Unit 7: Designing Page with CSS
·
Inserting AP DIV tags
·
Using the rulers and guides
·
Drawing AP Divs to design your pages
·
Using the zoom and hand tool
·
Adding CSS to an AP Div
·
Using visual aids for DIV tags
·
Attaching external style sheets
·
Attaching style sheets for print
·
Using style rendering for screen and print
·
Adding tables
·
Importing tabular data
Unit 8: Using Libraries and Templates
·
Creating library items
·
Placing and editing library items
·
Detaching library items
·
Creating templates
·
Defining editable regions
·
Modifying templates
·
Applying templates to a page
Unit 9: Testing, Uploading, and Maintenance
·
Site testing
·
Maintaining files
·
Connecting to a remote site
·
Synchronizing files
Prerequisites: None
Duration: 3 days, 9:00 am - 4:00 pm
Fee: $1095.00 CDN + HST
Course DW11
Adobe Dreamweaver CS5 Advanced
Users of Adobe Dreamweaver CS4 and CS3 can take this course to learn the functionality of Dreamweaver.
The objective of this course is to gain an understanding of the more advanced features in Dreamweaver and additional elements necessary to build professional Web sites.
Unit 1: Forms
- Creating forms
- Form processing
- Adding JavaScript
- Set the properties for various form objects including text fields, check boxes, radio buttons, drop down lists, multiple selection lists
- Create required fields
- Link an HTML form to a script to send data by e-mail
Unit 2: Code Editing
- Edit source code using Dreamweaver’s visual aides
- Editing HTML code using tools such as the reference palette, tag inspector, snippets and code validation
- Use the new Browser Compatibility Check to see and correct problems your page may have in different browsers
Unit 3: Using Find and replace
- Find and replace text in a page or throughout a Web site
- Execute sophisticated code replacement
- Save useful queries for future use
Unit 4: Working with AP Div Layers
- Recognize the purpose of AP Div layers
- Set properties to layers
- Create and manage layer properties
Unit 5: Creating Advanced Cascading Styles Sheets (CSS)
- Recognize the advantages of using CSS
- Manipulate layers using CSS
- Create page layouts using CSS
- Use the Adobe CSS Advisor
Unit 6: Working with Precoded JavaScript Behaviours
- Add behaviors to pages and objects for greater user interactivity
- Work with the Timeline to create simply animations
- Create disjointed rollovers using behaviors
Unit 7: Media and Plug Ins
- Add Flash files to Web pages
- Add various types of video and sound files to Web pages i.e Quick time, AVI files
- Working with pdf files
Unit 8: Adobe Spry (AJAX)
- Work with Spry and Spry Assets
- Use the Spry toolbar to insert widgets such as Acordion, Dropdown menus and more
- Use the Spry effects to enhance your Web page
Unit 9: Extending Dreamweaver Capability
- Add new commands with Dreamweaver extensions
- Create menu commands from the history palette
- Edit the objects palette
Prerequisites: DW10 or permission of instructor
Duration: 2 days, 9:00 am - 4:00 pm
Fee: $845.00 CDN + HST
