CSS Styles and CSS Layout Course with Dreamweaver

CSS Styles and CSS layout with Adobe Dreamweaver - 2 day course.

Learn the techniques for using CSS styles and CSS layout techniques to design web pages with Adobe Dreamweaver CC, Adobe Dreamweaver CS6, Adobe Dreamweaver CS5.

This course will cover any CSS basics you may need and then show you how to use Dreamweaver for CSS page layout. Giving you a better understanding of CSS styles, CSS layout, CSS and XHTML code, and giving you the skills needed to help you to create better and more professional web page designs.

The Dreamweaver and CSS training course will cover the different aspects of CSS usage: the basics of CSS, CSS layout for web page design, CSS positioning, CSS navigation, formatting of DIV tags with CSS, and CSS code and XHTML code validation.

One to one or for small group CSS training is available on-site (at your premises) in Birmingham and Midlands areas, Yorkshire, Manchester and around the UK.

 

Courses > Dreamweaver Courses List

 

CSS Styles and CSS layout course with Adobe Dreamweaver

Dreamweaver course duration: 2 days
Level: Intermediate / advanced
Software: Adobe Dreamweaver CC, Adobe Dreamweaver CS6, Adobe Dreamweaver CS5
Numbers: One to one or small group.
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.

Course Requirements:
For this CSS layout course you will need to already have good basic Dreamweaver and website design skills to intermediate level and be able to design a working web site using tables or other techniques. Ideally you should be familiar with some basic HTML code editing, and some idea of how basic CSS works would be helpful.

 

Introduction to CSS layout with Dreamweaver - 2 day course outline

Introduction to CSS styles, building a web site with CSS.
CSS layout, CSS navigation, CSS and XHTML code.

Overview of CSS
Overview of CSS styles, what CSS can do, how CSS styles are used
Internal, external and inline styles
Attaching a style sheet to a page, or to multiple pages

Basic CSS for text formatting and page styling
Applying CSS styles to text - styling body text, headings and sub-headings
Setting page defaults - body text styles, background colour, background image, etc.
Using CSS to format links
Create indented text with CSS
Format a bulleted list with CSS

XHTML - overview
HTML & XHTML - the differences
Converting from HTML to XHTML
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
Styling forms with CSS - input elements or text

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
Designing a flexible or fluid CSS page layout
Responsive design with Fluid Grids (DW CS6 & CC only)

Page layout variations - e.g. for print
Showing or hiding page elements
Changing properties such as text or link attributes
Altering the 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 can be arranged at your office, including Birmingham and Midlands areas, Yorkshire, Manchester, and around the UK. 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.

If you are not already familiar with Dreamweaver to intermediate level please see these courses or ask about a custom course.
Dreamweaver beginners and intermediate course - 2 days

A customised 1 day CSS & Dreamweaver course may be available.
Please ask for more information.

 

Dreamweaver Courses

 

Back to TOP