Intermediate Dreamweaver and CSS Layout Course

Two day intermediate Adobe Dreamweaver and introduction to CSS layout course

The course includes a range of intermediate Dreamweaver techniques required to work efficiently and create manageable web site designs using Dreamweaver Templates and CSS, as well as covering managing your web site and checking files.
Then building on what you learn on the intermediate day, we will take you further into design and page layout with CSS. Giving you a better understanding of CSS layout, CSS and XHTML code, and giving you the skills needed to help you to create better and more professional designs.

This 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 CC, Adobe Dreamweaver CS6, Adobe Dreamweaver CS5.
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

HTML Code
Viewing HTML code
Basic HTML and XHTML recognition and editing
HTML & XHTML - the differences (converting from HTML to XHTML)

CSS - More Uses for CSS
CSS Selectors - Class, Tag, ID, Pseudo-classes for link styling
Create indented text with CSS
Format a bulleted list with CSS
Adding a border or a space around an image
Using CSS to format tables: borders, colours and cell padding
Editing the CSS code

Introduction to Page Layout with CSS
Absolute and relative CSS positioning
Designing with div tags & CSS
Formatting and designing navigation with CSS

Libraries
Using a site library
Create, modify and update library items

Introduction to Dreamweaver Templates
Creating, editing and applying site templates to pages
Defining editable regions
Creating pages based on a template, editing and updating them

SEO Basics
Search engines
Title tags, Meta tags, writing good text content

Interactivity & Behaviours
Using Behaviours to add javascript functions
Rollover buttons (mouseovers)

Forms Introduction
Creating a basic form
Discussion of how to process the form data

Testing, Site Management & Uploading
Testing and checking for broken links your web pages
Using the site manager in Dreamweaver to manage and update your files
How to upload your site to your web server

 

Day 2

Building a web site with CSS.
CSS layout, CSS navigation, CSS and XHTML code with Dreamweaver

Building on what you have learned on the intermediate day, this part of the course will take you further into design and page layout with CSS. Giving you a better understanding of CSS layout, CSS and XHTML code, and giving you the skills needed to help you to create better and more professional page designs.

XHTML - overview
Correct structuring of XHTML pages

CSS - beyond basic text styling
Overview of the different types of CSS styles, how they are used and how they are written
CSS Syntax
Relative and absolute CSS values
CSS Selectors - Class, Tag, ID, Pseudo-classes for link styling
CSS selector grouping

Formatting page elements with CSS
Block elements and inline elements
Box model - and how this affects the use of padding, margin, and borders
Adding a border or a space around an image
Set a border, padding, background colour, or other properties of a block element (div, p, a, etc.)
Using CSS to format tables - borders, colours and cell padding

Using div tags & CSS to create a page layout
Designing with div tags & CSS
Adding div tags to layout a page, controlling size and position with CSS
Use CSS to set background colour, border, padding and other properties of the div container
Absolute and relative CSS positioning
Floats, and issues with using Float
Pages structure and how this affects SEO

Navigation with HTML and CSS
Designing CSS navigation with mouseover effects
Vertical CSS navigation
Horizontal CSS navigation
Using images for link backgrounds

Building a web page with div tags and CSS
Designing a 2 or 3 fixed column CSS page layout

Code Editing
Editing the XHTML code
Editing CSS code

CSS and browser issues - testing pages and fixing problems

Validating your CSS and XHTML pages to ensure they meet w3c standards


 

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.

 

Dreamweaver Courses

 

Back to TOP