Dreamweaver course
Intermediate Dreamweaver and CSS web design
Two day intermediate Dreamweaver and introduction to CSS web design course in Birmingham, UK with Macromedia Dreamweaver 8, Adobe Dreamweaver CS3 or Adobe Dreamweaver CS4.
Macromedia Dreamweaver course or Adobe Dreamweaver course covering intermediate Dreamweaver techniques needed to work efficiently and an introduction to CSS web site layout, and techniques for professional website designs.
Courses > Dreamweaver Courses List
Dreamweaver course summary
Dreamweaver course duration: 2 days
Level: intermediate and advanced
Software:
Macromedia Dreamweaver 8, Adobe Dreamweaver CS3, Adobe Dreamweaver CS4.
Numbers: One to one or small groups of up
to 4 trainees
Trainees in a group should have the same skill level and the same requirements.
Locations:
On-site training is available in some areas - please ask for more info.
Dreamweaver course requirements:
You will need good computer skills and Dreamweaver and web design skills
equivalent to the level of the Dreamweaver
beginners course
Intermediate Dreamweaver & CSS web design course
2 day
course outline
Day 1
Intermediate Dreamweaver
Tables
Designing a page with scaling (% width) tables
Complex tables and nested tables
Dreamweaver Templates
Creating and editing templates
Defining editable areas on the page and setting properties for those areas
Creating pages based on a template, editing and updating them
Adding content to pages based on a template
- If time is available, you may also look at the use of nested Templates for multi-sectioned sites.
Forms
Creating a simple feedback or enquiry form
How you can process the information in the form, including sending to an email
Validating the form (checking that certain fields are filled in with the correct
information)
CSS (Cascading Style Sheets)
How CSS styles are used, updated and applied to HTML documents
Using CSS - beyond basic text styling
Class styles, tag redefine, id styes, link styling
Using CSS to set and control a background image
Use CSS to change text colour when the mouse moves over
a hyperlink
Creating indented text with CSS Styles
Creating a colour block under a paragraph of text
Using CSS to format table borders, background colours and cell padding
Using CSS to style various elements of a form
Editing CSS code
Behaviours
Use Dreamweaver behaviours to add javascript functions (mouseover, pop
up window, and others)
Image
rollovers (mouseovers)
Testing & Site Management
Testing & bug fixing your web pages
Checking for broken links in your site
Using the site manager in Dreamweaver to manage and update your files
How to upload your site to your server
Using Assets
Using Find and Replace to change selected content or HTML code throughout the
page
Anchor tags to add links to another part of the same
page (for long pages of text)
SEO
Title tags, Meta tags, text content and search engines
Day 2
Introduction to CSS web design, css navigation, CSS and XHTML with Dreamweaver
The basics of CSS positioning and the formatting DIV tags with CSS, as well as looking at the CSS code and XHTML code behind the pages.
Overview of the different types of CSS styles, how they are written and the different ways to apply and use CSS styles
Block elements and Inline elements
Box Model - and the use of padding, margin, and borders
Adding Div tags to the page, controlling size and position with CSS, adding background colour, border, and paddding to the Div container
Creating a simple 2 column CSS page layout
Designing CSS navigation with mouseover effects
Vertical CSS navigation
Horizontal CSS navigation
AP Divs or Layers and absolute positioning - basic overview
Editing the XHTML code - the differences between HTML and XHTML
Editing CSS code
CSS and browser issues - testing pages and fixing problems
Validating your CSS and XHTML pages
CSS / Macromedia Dreamweaver training and Adobe Dreamweaver training is available on-site in some areas of the UK, please enquire.
Macromedia Dreamweaver training courses
and Adobe Dreamweaver training courses
Prices for Dreamweaver courses