Dreamweaver & CSS Package
This package is perfect for people with some HTML knowledge who want to learn to build websites quickly using Dreamweaver’s powerful development tools, and incorporate time-saving CSS to ensure consistent and flexible pages across a website.
Quick Facts
$1,485 incl GST
Save $990.00
Download Course Brochures
About the Package
Participants will learn how to build multi-page websites quickly and easily with Dreamweaver and CSS skills. Replace messy HTML tables with fast, flexible CSS-based designs, and apply them site-wide for a professional, consistent result.
The Dreamweaver and CSS Package includes the following courses:
Dreamweaver CS5: Website Development (3 Days)
Advanced Website Design Using CSS (2 days)
Prerequisites
It is recommended that participants complete the Introduction to HTML course, or have equivalent knowledge, before attending Dreamweaver CS5: Website Development. Participants should also follow the sequence of the courses listed above. More details on prerequisites can be found within individual course descriptions.
Subject to prerequisites being met, one or more participants can book into a package. Review training package conditions .
Courses Units: Dreamweaver CS5: Website Development
- Unit 1: Introduction to Dreamweaver CS5
- - Course Objectives and Prerequisites
- - Static Page Architecture
- - HTML
- - Standards-based Web Development
- - HTML Validation
|
- Unit 2: Getting Started
- - Introducing Dreamweaver CS5
- - Learning the Dreamweaver CS5 Interface
- - Modifying and saving the workspace
- - Defining a Local Site
- - Setting Dreamweaver’s preferences
- - Using the Files Panel
- - Planning a Website
- - Creating HTML Pages
- - Previewing HTML Pages in the Browser
- - Previewing HTML Pages Using Live View
|
- Unit 3: Adding Content to a Website
- - Adding Content from Text Files and Word Documents
- - Controlling Document Structure
- - Adding Lists
- - Adding Horizontal Rules
- - Adding Special Characters
|
- Unit 4: Formatting Contents using CSS
- - Formatting Text
- - Introducing Cascading Style Sheets
- - External vs. Internal Style Sheets
- - Creating and Attaching an External Style Sheet
- - Defining CSS Rules with the Styles Panel and the Properties Inspector
- - Creating Element, Class, and Descendant Selectors
- - Displaying Styles
- - Over-riding an External CSS Rule with an Internal Rule
|
- Unit 5: Adding Images
- - Adding Images to Web Pages
- - Using the Assets Panel
- - Modifying Image Properties
- - Aligning Images with CSS
- - Editing Images
- - Roundtrip Editing with Fireworks CS5
- - Customising the Insert Bar
- - Adding Flash Content
- - Adding Flash Video
|
- Unit 6: Adding Interactive Elements
- - The Basics of Site Navigation
- - Linking to Files within the Site
- - Linking to External Websites
- - Opening a Link in a New Window
- - Linking to Named Anchors on a page
- - Adding Email Links
- - Linking from Images
|
- Unit 7: Designing Layouts with CSS
- - Designing with DIVs and CSS
- - Positioning vs. Floats for Layout
- - Designing a Float-based Layout
- - Centre-Aligning DIVS
- - Designing Navigation Links with CSS
- - Working with Tabular Data
|
- Unit 8: Using Libraries and Templates
- - Using Site Library Items
- - Creating Site Templates
- - Editable Regions
- - Using Templates
- - Applying a Template to an Existing Page
- - Modifying Templates
|
- Unit 9: Creating Forms
- - Forms
- - Spry Form Validation
- - Processing Forms
- - Setting Focus in a Form
|
- Unit 10: Testing, Uploading, and Maintaining a Website
- - Testing a Site
- - File Management
- - Connecting to a Remote Site
- - File Synchronisation
|
Courses Units: Advanced Website Design Using CSS
- Unit 1: Intro to CSS
- - Defining Styles with CSS
- - CSS Selectors
- - CSS Properties
|
- Unit 2: Basic Text Styling
- - Specifying font sizes and families correctly
- - Controlling the appearance of hypertext links
- - Styling individual words rather than paragraphs
- - Specifying the line-height (leading) of text
- - Indenting and centering text
- - Controlling the appearance of lists (including changing or removing bullets, using images for list item bullets, removing list indenting, and displaying a list horizontally)
- - Removing page margins
- - Adding comments to a CSS file
|
- Unit 3: CSS and Images
- - Adding borders to images
- - Wrapping text around an image without using the HTML align attribute
- - Setting a background image for a page with CSS
- - Positioning background images
- - Creating a background image that remains stationary when the text scrolls
- - Placing text on top of an image
|
- Unit 4: Navigation
- - Replacing image-based navigation with CSS
- - Using lists to create a navigation menu
- - Using CSS to create rollover navigation without images or JavaScript
- - Making a horizontal menu using CSS and lists
- - Creating button-like navigation using CSS
|
- Unit 5: Tabular Data
- - Adding borders to tables without using the HTML border attribute
- - Displaying table rows in alternating colors
- - Changing a table row’s background color on hover
|
- Unit 6: Forms and User Interfaces
- - Styling form elements using CSS
- - Applying different styles to fields in a single form
- - Controlling white space and line breaks in a form
- - Using different colored highlights in a select menu
- - Highlighting the form field that the user clicks into
|
- Unit 7: Browser and Device Support
- - Testing a site in different browsers
- - Testing for browsers on different operating systems
- - Installing multiple versions of Internet Explorer in Windows
- - Hiding CSS from Netscape 4
- - Hiding CSS from other browsers (the Box Model Hack)
- - Understanding Internet Explorer’s Quirks Mode
- - Creating a print style sheet
- - Using alternate style sheets
- - Making a style sheet switcher
- - Using alternate style sheets without duplicating code
|
- Unit 8: CSS Positioning and Layout
- - Deciding when to use a class and when to use an ID
- - Can I make an inline element display as if it were block-level, and vice versa
- - Margins and padding in CSS
- - Stopping the next element moving up when you use float
- - Aligning elements left and right without using a table
- - Setting an item’s position on the page using CSS
- - Cent ring a block on the page
- - Creating a liquid, two-column layout with the menu on the left, and the content on the right
- - Reversing this layout and putting the menu on the right
- - Creating a fixed-width, centered, two-column layout
|
Upcoming Dates
You’ll need to check the dates for each of the individual courses within this Package.
Check our Course Dates, or contact us to discuss your specific needs.
$1,485 incl GST
Save $990.00
