Course Content

Building page layouts with CSS

• Understanding how CSS Layouts work
• Creating a custom CSS layout from scratch
• Using new HTML5 tags for layout
• Using DIV tags for layout
• Creating multi-column layout
• Creating navigation bar with CSS

Rollovers

• Basics of rollovers as navigation bars
• Creating rollover images
• Inserting rollovers for navigation
• Understanding rollovers states

Library items

• Understanding how library items work
• Converting navigation to a library item
• Adding library items site-wide
• Customising a library item
• Differences between library items and templates

Working with text

• Using Standard Fonts
• Using Adobe Edge web fonts
• Using Google web fonts
• Creating unordered
• Creating ordered lists
• Indenting text
• Running a spell-check on web pages

Working with tables

• Creating tables
• Adding content to tables
• Customising tables with CSS
• Importing .CSV files as tables
• Importing Word and Excel files
• Replacing an existing table

Web animations

• The different ways you can create web animations
• Importing Adobe Edge Animate animations
• Customising Edge Animate animations

Embedding video and sound

• Embedding a YouTube video on a web page
• Making YouTube video responsive
• Embedding HTML5 sound in a web page

Working with contact forms

• Creating contact forms
• Adding form elements
• Customising form elements
• Styling forms with CSS
• Different ways forms can be processed
• Using PHP to process a form
• Customising a PHP file for form upload

Advanced Interactivity

• Understanding how JavaScript works
• Taking advantage of JavaScript in Dreamweaver
• Creating an image gallery
• Customising image gallery behaviour
• Embedding a live map on a web page
• Embedding Twitter stream on a web page
• Adding a Query accordion to a web page
• Adding JQuery tabbed panels to a web page

Responsive design

• Importance of Responsive Design Explained
• “Mobile First” Approach Explained
• Designing for Desktop, Tablet, Mobile
• Designing a Mobile Version of a Website
• Making a Website Responsive