Web Design using Macromedia MX

Macromedia Dreamweaver MX
Macromedia Dreamweaver MX is a professional HTML editor for designing, coding, and developing websites, web pages, and web applications. Whether you enjoy the control of hand-coding HTML or prefer to work in a visual editing environment, Dreamweaver provides you with helpful tools to enhance your web creation experience. For the course coverage for this training please click this link.

Macromedia Fireworks MX
Macromedia Fireworks MX is an application for designing graphics for use on the web. Its innovative solutions tackle the major problems facing graphic designers and webmasters. Using the wide range of tools in Fireworks, you can create and edit both vector and bitmap graphics within a single file. For the course coverage for this training please click this link.

Macromedia Flash MX
Macromedia Flash MX is the professional standard authoring tool for producing high-impact Web experiences. Whether you are creating animated logos, Web site navigation controls, long-form animations, entire Flash Web sites, or Web applications, you'll find the power and flexibility of Flash ideal for your own creativity. For the course coverage for this training please click this link.

Macromedia Dreamweaver MX Training.

This course provides Web designers with the knowledge and hands-on practice they need to build and manage professional Web sites.

Course pre-requisites:
• Be comfortable working with Windows operating systems or the Macintosh operating system
• Have experience and knowledge of the Web environment and Web browsers
• Have a basic understanding of document formatting programs, such as Microsoft Word

Objectives:
Upon completion of this course, you should be able to:
• Use the Dreamweaver User Interface effectively
• Create pages with well-structured HTML content
• Create hyperlinks between and within documents
• Add images and image maps to Web pages
• Create page designs and templates using tables
• Format page contents using Cascading Style Sheets
• Create HTML forms to prompt for user input
• Use frames to segment a browser window
• Add behaviors for interactivity
• Test and deploy a Web site

Course Outline:
Unit 1: Introduction to Dreamweaver MX

Unit 2: Getting Started
• Static Page Architecture
• Introduction to Dreamweaver MX
• Dreamweaver Interface Basics
• Defining a Local Site
• Development Process

Unit 3: Adding Content to a Site
• Adding Content
• Formatting Document Structure
• Text Formatting
• Setting Document Properties
• Cleaning Microsoft Word HTML

Unit 4: Linking Documents
• Understanding Links
• Linking to Files in Your Site
• Linking to Named Anchors
• Adding E-mail Links

Unit 5: Working with Graphics
• Graphics on web Pages
• Placing Graphics on the Page
• Modifying Image Properties
• Using Fireworks MX for Images
• Image Maps
• Adding Flash Objects

Unit 6: Designing Pages using Tables
• Structuring Data with Tables
• Importing Tabular Data
• Designing in Layout View
• Using Tracing Images

Unit 7: Using Templates and Libraries
• Creating Site Templates
• Site Library Items

Unit 8: Creating Forms
• Understanding HTML Forms
• Form Processing
• Setting Navigation of the Form

Unit 9: Creating Frames
• Understanding Frames and Framesets
• Altering Frames
• Linking in Frames

Unit 10: Cascading Style Sheets
• Introducing CSS
• Creating a New Style Sheet
• Using Custom Classes
• Using CSS Selector Styles
• Attaching External Style Sheets
• Editing Style Sheets
• Using Embedded Styles

Unit 11: Adding Interactive Page Elements
• Using Behaviors
• Creating Button Rollovers
• Creating Disjointed Rollovers
• Creating a Jump Menu
• Adding Layers for Interactivity

Unit 12: Testing, Deployment and Maintenance
• Testing Your Site
• File Maintenance
• Connecting to a Remote Site
• Using Find and Replace

Macromedia Fireworks MX Training.

Macromedia Fireworks MX is a course that provides Web Designers/ Graphic Creators with the knowledge and hands-on practice needed to create rich Web graphics. You will learn how to use tools in Macromedia Fireworks MX to create/edit Web graphics with both vector and bitmap images, work with layers, build buttons, add rollovers, slice images, and optimize and export graphics. This course introduces basic Macromedia Fireworks MX integration with Macromedia Dreamweaver MX and Macromedia Flash MX.

Course pre-requisites:
• Familiarity with a Windows or Macintosh environment.
• Familiarity with Web terminology.

This is available as a scheduled or private course. All private courses can be tailored to suit your specific needs.

Objectives:
Upon completion of this course, you should be able to:
• Describe Fireworks MX and its interface.
• Use Fireworks MX tools to create and edit graphics.
• Draw, style, and edit shapes and text.
• Edit bitmap objects.
• Work with layers.
• Create image maps.
• Slice images.
• Create multistate navigation buttons, disjointed rollovers, and pop-up menus.
• Optimize and export graphics.
• Use Fireworks MX-Dreamweaver MX integration.
• Use Fireworks MX-Flash MX integration.

Course Outline:
Introduction
• Course Objectives
• Course Prerequisites
• Course Format
• Internet Applications: The Big Picture

Unit 1: Learning the Basics
• Introduction to Fireworks MX
• The Fireworks MX Interface
• Opening an Existing Document

Unit 2: Working with Bitmap Graphics
• Creating New Images
• Using the Selection Tools
• Modifying Bitmap Images
• Working with Additional Bitmap Tools

Unit 3: Creating a Logo With Vectors And Layers
• Adding Vector Objects
• Changing the Appearance of Shapes and Text
• Using Layers
• Drawing Freeform Paths
• Using Strokes and Fills
• Using Effects and Styles
• Combining Simple Paths
• Using Masks
• Using Transparency and Blending

Unit 4: Creating Hotspots and Slicing
• Macromedia Fireworks MX and the Web
• Image Maps
• Slice Tools

Unit 5: Creating Navigation Elements
• Macromedia Fireworks MX and JavaScript
• Creating Buttons
• Disjointed Rollovers
• Creating a Pop-up Menu

Unit 6: Using Fireworks MX with Dreamweaver MX
• Macromedia Fireworks MX and the Web
• Graphics Optimization
• Exporting Graphics
• Importing Fireworks MX Graphics and HTML into Dreamweaver MX

Unit 7: Using Fireworks MX with Flash MX
• Integrating Fireworks MX Graphics and Flash MX
• Launching and Editing Fireworks MX from Flash MX

Macromedia Flash MX Training.

Macromedia Flash MX teaches beginning Macromedia Flash users principles and techniques for designing beautiful Macromedia Flash sites: how to lay out pages in Macromedia Flash, use color and text effectively, work with multiple image types, build navigation in Macromedia Flash, make Macromedia Flash usable, and incorporate sound and video.

This course primarily uses the Macromedia Flash Timeline to create content, with limited attention to ActionScript. By learning design techniques along with some general principles of Web usability, you can develop Macromedia Flash content that best serves your users and clients—content that maintains a creative edge while enabling all users to achieve their goals.

Course pre-requisites:
• Familiarity with the Windows or Macintosh operating system
• Familiarity with Web terminology
• Successfully completed Fast Track to Macromedia Flash instructor-led course and/or six months' experience using Macromedia Flash

Objectives:
Upon completion of this course, you should be able to:
• Design usable, beautiful Macromedia Flash documents
• Understand design issues specific to Macromedia Flash MX
• Plan Flash sites and pages
• Structure Macromedia Flash documents effectively by using the Timeline, layers, and movie clips
• Address anti-aliased text in Macromedia Flash MX documents
• Add HTML and vector text to Macromedia Flash MX documents
• Create intuitive, functional navigation for Macromedia Flash MX documents
• Create rollovers and drop-down menus in Macromedia Flash MX
• Effectively add multiple types of images to Macromedia Flash MX documents; for example, photographs, bitmaps, and Freehand images
• Optimize graphics for Macromedia Flash
• Make effective use of advanced image techniques such as fills, masks, bitmap tracing, and compression
• Load JPEGs dynamically when a Macromedia Flash MX document runs
• Incorporate sound effectively, including making an on/off button
• Incorporate video into Macromedia Flash MX
• Create forms in Macromedia Flash MX
• Use an external text file to feed information to a dynamic text box and use HTML to format this text
• Export bookmarks from Macromedia Flash MX
• Integrate Macromedia Flash into HTML (using Macromedia Dreamweaver)

Course Outline:
Unit 1: Using Flash for Interactive Design
• Basic principles of interactive design
• Review of basic Macromedia Flash skills
• Animating with the timeline

Unit 2: Designing an Interface
• Interface design
• Site architecture
• Arranging page content
• Use of color
• Using color swatches

Unit 3: Using Text Effectively
• Addressing antialiasing, kerning, line length and spacing and font type
• Embedded versus device fonts
• Using text in bitmaps
• Adding a scroll bar to a text box
• Using font mapping

Unit 4: Building a Navigation System
• Designing a navigation system in Macromedia Flash MX
• Creating usable navigation buttons in Macromedia Flash MX
• Adding submenus
• Structuring documents by using the Timeline
• Using simple ActionScript for navigation
• Loading multiple SWF files into a document

Unit 5: Using Images in Flash
• Importing and manipulating images in Macromedia Flash MX
• Optimizing graphics in Macromedia Fireworks
• Working with bitmaps in Macromedia Flash MX
• Importing and working with vector graphics
• Using movie clip masks to create transitions
• Downloading JPEGs at run time

Unit 6: Creating Compact Movies
• Incorporating sound effectively
• Adding an on/off button to control sound
• Incorporating video into Macromedia Flash MX

Unit 7: Using Text Interactively
• Building interactive forms in Macromedia Flash MX
• Loading text into a dynamic text box

Unit 8: Integrating Flash into an HTML Page
• Publish Flash for Web use
• Export bookmarks from Macromedia Flash MX
• Building hybrid (Flash/HTML) pages

Copyright © 2006 Cyber Networks (ICT) Ltd.  All Rights Reserved.
Cyber Technologies and the Cyber logo are registered trademarks of Cyber Networks (ICT) Ltd. All brand names mentioned herein are used for identification purposes only and are trademarks of their respective organizations.