Duration: 2 days | Book this course
Cost: $790.00 + GST
Course Description
You want to make some information available on the Internet. To do this, you might want to design and build a website and upload it. The features and functions in Dreamweaver will enable you create a web page to suit your requirements.
Prerequisites
Familiarity with the Windows operating system and Internet are essentials. A comfortable skills level in Photoshop is ideal but not a strict requirement.
Who Should Take This Course
This course is intended for people tasked to maintain a website or intending to create one from scratch.
Course Objectives
Upon completing this course, you will have learned how to:
- Define a website.
- Explore the Dreamweaver environment and learn its tools.
- Organize site files.
- Add content and images to a web page.
- Identify the different types of links and create them for easy navigation.
- Create template webpages.
- Create CSS styles to streamline text formatting within a page, and create external style sheets to allow formatting information to be used throughout a site.
- Add a form to your web page.
- Use libraries to manage repeating site elements.
- Insert behaviours and spry widgets for added functionality.
- Define keyword, description, and other meta tags in order to make your site visible to automatic search engine spiders.
- Upload a website.
Course Outline
Getting Started
- Planning a website: Basic Site Structure
- Current Web Design Practices
- Understanding web languages
- File Naming Conventions
Exploring the Dreamweaver Interface
- The Welcome Screen
- The Application Toolbar
- The Document Toolbar and Window
- Arranging Panels
- Managing Workspaces
- The Properties Inspector
Starting a new site
- Defining a new site
- Managing Sites
- Managing Files and Folders
Building a website
- Creating new documents
- Assigning Page Titles
- Adding content to webpages
- Structuring content
Formatting Text
- Working with units of measurement
- Controlling font sizing
- Changing text colour
- Aligning text
- Using text styles
Working with Images
- Understanding image types
- Managing assets in Dreamweaver
- Placing images
- Modifying image properties
- Photoshop Integration
- Optimising images
Creating Links
- Link basics: Types of link
- Creating links
- Using named anchors
- Adding absolute links
- Inserting email links
Working with Tables
- Tables vs. CSS
- Understanding table elements
- Inserting tables
- Modifying table properties
Creating a basic template
- Creating editable attributes (i.e. regions)
- Creating new pages from a template
- Working with repeating regions
Site Management
- Removing, moving, and deleting files
- Checking for broken links
- Checking for browser compatibility
- Uploading and downloading files
- Synchronising sites
CSS Foundations
- Understanding style sheets
- Anatomy of a CSS rule
- The CSS Styles panel
- Using the Code Navigator
- Working with different types of selectors
- Attaching external style sheets
Controlling Layout with CSS
- CSS structuring basics
- Structuring with DIV tags
- The Box Model
- Understanding CSS floats
Creating Forms
- Understanding how forms work
- Creating a form
- Adding form elements
- Setting form properties
- Inserting submit buttons
- Testing the form
Extra Stuff
- Creating and modifying library items within the Library Panel
- Inserting Behaviours and Spry Widgets
- Defining Meta tags in the <HEAD> section
- Inserting plug-ins (e.g. Flash, QuickTime movies)