Dreamweaver course
Macromedia Dreamweaver and CSS web design course.
3 day Dreamweaver course - Beginners / intermediate / advanced Dreamweaver 8 or Dreamweaver MX 2004 course in Birmingham and Midlands, UK.
Learn the basics of website design and how to use Macromedia Dreamweaver and then move on to look at CSS web design and creating professional accessible web site designs.
Macromedia Dreamweaver 8 or Dreamweaver MX 2004 course covering and how to design and build a a basic web site, intermediate Dreamweaver techniques needed to work efficiently and CSS web site design and basic XHTML coding for professional website designs.
Courses > Dreamweaver Courses List
Dreamweaver course summary
Macromedia Dreamweaver course duration:
3 days ( 1day + 2days)
Level: beginners / intermediate / advanced
Software: Macromedia Dreamweaver 8, Adobe Dreamweaver CS3.
Numbers: One to one or small groups of up
to 4
Trainees in a group should have the same skill level and the same requirements.
Locations:
1) At client's site in Birmingham area (course may be available in some other areas).
2) For one or two trainees, here in South Birmingham.
Macromedia Dreamweaver course requirements:
You will just need good computer skills for this Dreamweaver course, but
some basic knowledge of web design or HTML will be helpful.
Macromedia Dreamweaver course - 3 day course outline
Day 1
Introduction to Dreamweaver and web site design
The principles of web design, effective design of navigation and links and the basics of accessibility.
How to organise the files in your website
File management and file types
Designing a simple web page
Setting a background colour or background image for the page
Setting default text colours and active link colours
Giving the page a title
Using tables to layout a page
% with and pixel width tables
Setting table properties such as borders, background colours and cell padding
Adding text
Typing directly into the page or importing text
Formatting text with CSS styles
(or formatting text with font tags if you need this for HTML emails or old HTML documents)
Adding images and graphics
File naming, files sizes and the correct file types
Setting image properties such as size, border and Alt tags
Using behaviours to create mouseovers effects on graphical buttons
Create image maps and hotspots
Making links to other pages and documents
Adding an email link
Using CSS to format link colour and hover colour for text links
Using Library items to make areas of the page consistent on all pages (e.g. for navigation)
Basic HTML recognition and editing
Design a simple page design and then create a 3 or 4 page website and link those pages together.
Day 2
Intermediate Dreamweaver
Tables
Designing a page with scaling (% width) tables
Complex tables and nested tables
Behaviours
Use Dreamweaver behaviours to add javascript functions (mouseover, pop
up window, and others)
Image
rollovers (mouseovers), including disjointed rollovers, where moving your mouse
over a button causes an image or graphic to change on a different part of the
page.
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 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)
Use CSS to generate changes to link text colour when the mouse moves over
a hyperlink
Using styles with templates
Using CSS to set and control a background image
Creating indented text with CSS Styles
Creating a background colour block under a paragraph of text
Using CSS to format table borders, background colours and padding
Editing CSS code
Layers
Basic Layer use and functions:
Changing size, position, visibility, stacking order, etc.
Layer control: changing visibility on a mouseover event
Various
Head content and Meta tags
Anchor tags to add links to another part of the same
page (for long pages of text)
Using Assets
Using Find and Replace to change selected content or HTML code throughout the
page
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
Automatically changing multiple links to the same page
How to upload your site to your server
Day 3
CSS web site design and XHTML with Macromedia Dreamweaver
The basics of CSS positioning and the formatting of layers and DIV tags with CSS, as well as looking at the CSS code and XHTML code behind the pages.
Adding Div tags to the page, controlling size and position with CSS
Creating CSS navigation with mouseover effects
Editing the XHTML code - the differences between HTML and XHTML
Editing and writing CSS code
Creating a simple CSS web page designs
Validating your CSS and XHTML pages
CSS and browser issues - ways of fixing problems
Dreamweaver Course Suitability and Date Arrangements
This course is aimed at near beginners with web design or those with some basic HTML or web design experience. It is probably not suitable for someone who has no idea about how web sites are designed, and if this is the case you should probably start off with a one or two day course.
You should ideally do the beginners day first, then do the remaining 2 days a couple of weeks later on - after you have had time to familliarise yourself with the basics or Dreamweaver and designing web pages, and practice what you have already learned.
Unless you are very good with technical and design software, and have reasonable knowledge of HTML, you are likely to find it very difficult to do all 3 days close together.
Macromedia Dreamweaver training courses
and Adobe Dreamweaver training courses
Prices for Dreamweaver courses