Dreamweaver course
Intermediate Dreamweaver and CSS Layout
Two day intermediate Adobe Dreamweaver and introduction to CSS layout
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.
Dreamweaver course available at your premises in Birmingham and Midlands, Yorkshire, Manchester and other UK areas.
Courses > Dreamweaver Courses List
Dreamweaver course summary
Dreamweaver course duration: 2 days
Level: intermediate and advanced
Software:
Adobe Dreamweaver CS5, 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 at your premises in Birmingham and Midlands, Yorkshire, Manchester and other UK areas.
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 Layout 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
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
One to one or small group, on-site CSS & Dreamweaver training courses available at your premises in Birmingham and Midlands, Yorkshire, Manchester and other UK areas. Please contact us to check availability.
Availability of these courses does vary, due to limited availability of trainers, so training may not be available in all areas.
A custom 2 day CSS & Dreamweaver course may be available. This would cover the above techniques in more detail and look at some more advanced use of CSS. Please ask for more information.