Adobe Dreamweaver Training, CSS Emphasis

2-day Course

Basics

Setting your Dreamweaver preferences
Defining a new site
Managing sites
Basic HTML
Workspace
Commonly used panels
Document types - HTML, ASP, PHP etc
Structural design and various methods
CSS v. HTML and tables
Styles - inline, external and header

Workflow

Creating Dreamweaver templates
Creating pages based on your template
Editable regions
Apply a new Template to existing pages
Template properties
Browser preview
Previewing pages on a testing server / live preview
Organising and naming files and folders for SEO criteria

Page and site-wide control

Page properties
CSS v HTML properties
Properties panel (CSS v HTML)

Working with text

Adding paragraphs and line breaks
Using heading tags
Ordered and unordered lists
Changing text to bold or italic, localised styles
Using the code inspection navigator
Find / replace

Creating links

Page links
Page positioning
Absolute v relative paths and links
Email links
Document links
Imgae maps

Images

Importing
File types
How CSS can effect imagery
Background imagery, uses, considerations, properties, how to apply
Alt tags
Libraries
Repeats, invisibles

CSS coding

Using the Code Navigator to edit dependent files
Find and replace code
CSS properties panel
Special effects
Resources
Borders
Spacing
Line depth
Text inset
Rounded corners, drop shadows, floating images

Forms

Creating feedback forms and search forms
Creating an external style sheet
Editing a predefined / templated style sheet
CSS selectors: tag, link, class and id
Forcing text to sit next to an image using float
Pop up windows, using AP elements

Production

FTP
Connecting Dreamweaver
Remote and local site maps
Uploading your site to your web space
Managing changes to your web site with the synchronize tool
Check in/check out option
Creating, managing and editing library items
Using dreamweaver snippets

Spry

Spry form validation
Creating drop-down sub menus and Spry fly-outs
Hiding and Showing layers, collapsing layers and tabbed layers with Dreamweaver's Spry options

Other issues

Browsers - compatibility
SEO restrictions
Separating form and content
Syntax, properties and values
Element selectors
Editing text and colour
Formatting elements individually
Dependent selectors
Custom Styles (ID and CLASS)
Pseudo classes - Formatting HTML Links to create rollovers
Choosing between and
Using multiple external CSS files - for different browsers
Aboslute Positioned elements (layers)
Creating columns without tables
Creating print-friendly versions of a web page

ADOBE DREAMWEAVER COURSES:

FULL COURSE LIST >>

NEW VERSION
Released: May 2012

BOOK YOUR CS6

UPGRADE
COURSE

CALL 0117 924 6264 NOW!

As a Half-day Summary or
Full-day Summary & Trial

ADOBE DREAMWEAVER CS6
– A FANTASTIC UPGRADE

Adobe Dreamweaver

New Features Summary:

New site manager
Fluid grid-based CSS layouts
CSS3 transitions
Multiple CSS class selection
Enhanced font handling
jQuery Mobile 1.0 and jQuery Mobile swatches
Business Catalyst integration
Simplified PSD optimisation
Better, smooother FTP transfer

NEED TO PROGRESS FROM BEGINNER TO EXPERT, URGENTLY?

Book onto our NEW Dreamweaver BLITZ course:
In one week you'll become the smug expert in the office.

"Traci was very thorough and tailored the training to my immediate needs which was perfect for what I wanted to achieve. She made clear the differences in the application software and has helped with all areas of website building."

Adam Smith
DREAMWEAVER:
Crash Course, Basic, 1 day