Course Duration: 3 Days
The following outline is a summary of the subjects that will be covered on the course. All of our courses are responsive to the requests and learning needs of learners and as such content may be changed, adjusted or otherwise altered on the day and as thus should be taken as indicative only.
Before You Start
What is Dreamweaver, where does it fit in?
Understanding and learning web design, current web standards.
Understanding the Internet and websites
Dreamweaver workspace, differences between the Windows and Mac interface.
Toolbars, panels, finding your way around.
Arranging panels and managing workspaces The Properties Inspector
Starting With Code
The fundamentals of HTML
Starting A Website
Setting up a website, plan, and plan again. Using a wireframe to trial a page. Planning and flowcharting the website. Planning the navigation and the look and feel of the website
Hosting space, domain names and search engines. Suggestions for choosing a host.
Things you need to find out: getting a domain name.
Email, added functionality.
Search engines, SEO
Basic site structure
File naming conventions
Defining and creating a new site.
Managing files and folders
Working with browsers
Creating A Web Page
Creating your first web page and adding HTML5 content
Creating new documents, working with starter pages.
New document preferences and setting accessibility preferences
Populating the page: text and structures
Getting text into Dreamweaver, importing Word documents
Styling content with CSS
Creating a layout with CSS
Exporting images from Photoshop
Understanding image types
Managing assets in Dreamweaver
Placing images on the page, setting image accessibility preferences
Setting external image editing preferences
Creating A Flexible Layout
Adding media queries
Creating a layout for tablets and mobile
Inserting an Edge Animate composition
Adding social media
How to use type in Dreamweaver
Working with units of measurement
Declaring font families
Controlling font sizing, weight and style
Controlling line height
Using background graphics and positioning them.
Using Adobe Photoshop to correctly export and do any processing required.
Roll over and menu effects
Designing navigation, link basics, creating links in Dreamweaver
Creating an email link
Building transitions on navigation
Adding functionality to tables.
Using tables as a layout device
Planning for templates
Creating a new template, using editable attributes, creating optional regions
Creating new pages from a template and applying a template to an existing page.
Working with nested templates
Creating a Contact Form
How forms work and reviewing form design. Creating accessible forms.
Setting form properties
Inserting text fields, list menu items, check-boxes, radio button groups, text areas
Inserting submit buttons
Sending contact-form content
Basic form styling
Form element styling
Styling form layout
Testing and Uploading
Finalizing the website, testing the website, fixing commons issues.
Running site-wide reports
Checking for broken links
Checking for browser compatibility Optimizing the website for search engines, using simple Meta tags and descriptions.
Uploading the site Conclusion