Training Courses : WEB DESIGNERS/DEVELOPERS : DREAMWEAVER

Training Courses
Adobe Dreamweaver

Code: ADBD401
Type: IT InstructorLed Courses
Category: DREAMWEAVER
This training course introduces you to Dreamweaver by guiding you step by step through the development of sample Web projects. In this curriculum, you’ll learn to create basic HTML pages by formatting text, inserting images, and setting links, and you’ll learn to use high-end features such as Dynamic HTML, Cascading Style Sheets, XML, and much more.

Duration: 21
Location: EDITC & MMC Conference Center, 16 Imvrou Street, 1055 Nicosia
Language: Greek
Attendance: 4-16
Speaker: Maria Knais
 

Topics
Part I: Getting Started with Dreamweaver
Section 1. A World Wide Web of Dreamweaver
Section 2. A Tour of Dreamweaver
Section 3Getting Started: Adding Text, Lists, and Previewing
in the Browser
Section 4. Organizing: Defining and Configuring a
Website
Section 5. Setting Lots o' Links: Hyperlinks,
Anchors, and Mailto Links
Section 6. Getting Down and Dirty with HTML
Exploring Code View


Part II: Adding Images and Multimedia
Section 7. Displaying Images
Section 8. Optimizing and Creating Images
Acquainting Yourself with Fireworks
Section 9. Creating Image Maps and Navigation
Bars
Section 10. Adding Flash and Other Multimedia to
a Web Page
Section 11. Managing Assets Using the Assets
Panel

Part III: Web Page Layout with Tables and Frames
Section 12. Displaying Data In Tables
Section 13. Designing Page Layout Using Tables
By the Way: What Is Page Layout?
Section 14. Using Frames to Display Multiple Web
Pages


Who Should Attend
•Personnel that design and/or maintain web pages
•Advertising people
•Graphic designers
•Animators
•Web page developers
•Programmers
•Anyone who wishes to create a web page


Purpose
This Macromedia training course introduces you to Dreamweaver by guiding you step by step through the development of sample Web projects. In this curriculum, you’ll learn to create basic HTML pages by formatting text, inserting images, and setting links, and you’ll learn to use high-end features such as Dynamic HTML, Cascading Style Sheets, XML, and much more.

Objectives
After completing this seminar the participants will be able to develop their own impressive web page.

Prerequisites
Knowledge of MS Windows.

Methodology
1. Lecturing
2.Discussion
3. Exercises
4.Final Project


Equipment
1. Training material in english language
2. Personal Computers
3. Printer
4. Internet when use is required


TimeTable
Part I: Getting Started with Adobe Dreamweaver

Section 1. A World Wide Web of Dreamweaver
Possibilities

•What Can You Do With Dreamweaver?
•By the Way: Should I Learn Dreamweaver or HTML
First?
•Website Examples
•Copyright Laws and HTML
•By the Way: About Choosing Fonts
•Exporting from Page Layout Software
•Storing Code in External Files
•Scripting for Forms
Exercises

Section 2. A Tour of Dreamweaver

•Acquainting Yourself with Dreamweaver
•Installing the Software
•By the Way: Macromedia Extension Manager
•Exploring the Dreamweaver Work Area
•By the Way: Macintosh Preferences Under the
Dreamweaver Menu
•Open Panels from the Window Menu
•By the Way: Where's My Document Toolbar?
•The Tag Selector Is Your Friend
•Define Special Window Sizes
•Toggle All Panels On and Off
•Save Your Panel Configuration
•Advanced Panel Maintenance
Exercises


Section 3:Getting Started: Adding Text, Lists, and Previewing
in the Browser

•Creating a New Page and Adding Text
•What Is Document Type and XHTML?
•Spelling and Grammar Are Important!
•Setting Page Properties
•Use Pixels Instead of Points
•Web-Safe Colors
•Are You Locked Into Web Safe?
•Utilities to Identify Color Values
•Heading Sizes
•Search Engines Want Your Page Title
•Introducing Cascading Style Sheets
•By the Way: Goodbye, Tag
•Changing Text Attributes in the Property Inspector
•Aligning Text
•Creating Lists and Indenting Text
•Customize Your Bullets and Numbers
•Adding a Separator to a Page: The Horizontal Rule
•Saving Your Work and Previewing in a Browser
•Get Your Browsers Here!
Exercises

Section 4. Organizing: Defining and Configuring a
Website
•Defining a New Website
•Open Manage Sites from the Site Menu
•Using the Site Definition Wizard
•Don't Develop on the Live Site
•By the Way: Name Your Files Properly to Avoid
Problems
•Servers Might Be Case-Sensitive
•Using the Files Panel
•Using the Files Panel
•Using the Expanded Files Panel
•Creating New Files in the Files Panel
•Name Files Consistently
•Editing a Site Definition
•A Quick Way to Edit Site Definitions
•Check Case Sensitivity
•Considering Site Organization
Exercises

Section 5. Setting Lots o' Links: Hyperlinks
•Anchors, and Mailto Links
•Exploring Relative and Absolute Paths
•By the Way: Links Work with Other Files
•Be Careful with Your Slashes
•Adding a Hyperlink Within a Website
•Click Here…
•Setting Link Color Preferences
•Organizing a Long Page by Using Named Anchors
•Using the Point-to-File Icon
•Adding a Mailto Link
•Spammers Love Mailto Links
Exercises

Section 6. Getting Down and Dirty with HTML

Exploring Code View
•Toggle the Panels Off
•JavaScript Error? Check the Line Number
•Viewing and Editing HTML Tags by Using the Quick
•Tag Editor
•Viewing and Editing HTML Tags by Using the Quick
•Tag Editor

Part II: Adding Images and Multimedia

Section 7. Displaying Images

•Adding an Image to a Page
•By the Way: Would You Like to Copy the File?
•By the Way: Image Name Is Important for Rollover
Images
•Don't Resize Images in Dreamweaver
•Missing Alt Text Reporting
•Exploring Image Flavors: GIF, JPEG, and PNG
•Optimize Your Images
•Editing Images Within Dreamweaver
•Creating a Rollover Image

Section 8. Optimizing and Creating Images

•Optimizing Images for Use in a Web Page
•Setting JPEG Quality
•Creating an Image
•By the Way: Remove or Hide the Guides
•Check the Final Size
•Anti-Aliasing and Different Background Colors
•You Can Cloak Your Fireworks Files
•Creating a Rollover Effect
•Fireworks Can Use Photoshop Plug-ins
•Slicing an Image into Pieces
•Using Slices to Optimize and Focus on What's
•Important
•Editing a Fireworks File into Dreamweaver

Section 9. Creating Image Maps and Navigation
Bars

•Adding Links to a Graphic by Using Image Maps
•By the Way: An Image Map Doesn't Have to Be a
Map
•Creating an Image Map
•Copying and Pasting Image Maps
•It's a Circle, Not an Oval
•Aligning Hotspots
•Which Hotspot Is Hot?
•Targeting a Link to Open in a New Browser Window
•Creating a Navigation Bar with Rollover Images and
Links
•By the Way: One Navigation Bar per Customer
•Make Button State Images the Same Size
•Make Button States in Fireworks
Exercises


Section 10. Adding Flash and Other Multimedia to
a Web Page

•Exploring Multimedia and Bandwidth
•Understanding Players
•By the Way: ActiveX Installation Woes
•Adding Flash Files
•By the Way: Don't Forget About Macromedia
•Authorware
•Flash Movie Quality Settings
•Help! The Flash Movie Is the Wrong Size
•By the Way: Learning More About Flash
•Make Sure Flash Doesn't Prevent Search Engine
•Crawling
•Setting Background Color
•Adding a Link to a PDF File
•a Sound File to a Web Page
•Find Sounds on the Web
•Controlling Sound
•By the Way: What's Your Default Audio Program?
•Flash Audio
•Adding a Java Applet to a Web Page
•Java Versus JavaScript
•Be Careful with Java Applets

Section 11. Managing Assets Using the Assets
Panel

•What Are Assets?
•Managing Assets in the Assets Panel
•By the Way: Is the Color Web-Safe?
•Links Shouldn't Begin with file:///
•Adding Assets to a Web Page
•Jump Assets Alphabetically
•Creating Favorite Assets
•By the Way: No Templates or Library Favorites
•Creating New Assets in the Assets Panel
•Copying Assets to Another Site

Part III: Web Page Layout with Tables and Frames

Section 12. Displaying Data In Tables

•Creating a Table for Data
•Drag over Cells Carefully
•Dreamweaver Keeps Your Table Settings
•Modifying a Table and Adding Content
•By the Way: Creating New Table Rows
•By the Way: Modifying the Number of Rows and
•Columns
•Table Format and Captions Don't Mix
•Exporting Data from a Table
•Get Data from Pages on the Web
•Importing Table Data
•Exported Files from Excel
•Create a Delimited Data File


Section 13. Designing Page Layout Using Tables

•By the Way: What Is Page Layout?
•Using Layout Mode
•Choose a Screen Resolution for Your Design
•Draw Multiple Layout Cells
•Expanded Tables Mode Shows Table Borders
•The Spacer Images Are in the Bottom Row
•Fine-Tuning Your Design in Table Layout Mode
•Don't Zoom Accidentally
•Editing a Table in Standard Mode
•Use Both Standard and Layout Modes
•Adding Color to a Table
•Nesting a Table Within a Table
•Don't Use Too Many Nested Tables
•Using a Tracing Image to Transfer a Design to a
Web Page
•View the Entire Tracing Image
•Turning a Table into a Group of Layers


Section 14. Using Frames to Display Multiple Web
Pages

What Frame Configurations Are Available?
•By the Way: What Is a Web Page?
•Creating a Frameset
•Frame Layouts Simplify Site Browsing
•Get Rid of a Frame
•Always Save Before Previewing
•By the Way: Frames Objects Prompt Naming
•Using the Frames Panel By the Way: Name Your
frames Correctly
•Nesting Frames
•Using Existing Web Pages with Frames
•By the Way: Open an Existing Web Page in a
Frame
•Setting Frame and Frameset Attributes
•By the Way: Selecting a Frame
•By the Way: No Way to Preview NoFrames Content
Using Frames Objects
•Frames with No Borders Are Difficult to See
•Targeting Linked Pages to Open in a Specific
Frame
•Set the Target for an Entire Page
•Using the Go to URL Behavior to Load Frames
•By the Way: Set Text of Frame Behavior

Revision
Guidelines for Project
Preparation of a Web Site




Find Training Courses
Name
Type
v
Category
v
 

© EDUCATION & INFORMATION TECHNOLOGY CENTRE (EDITC). All Rights Reserved. Developed by CMP POLYMEDIA LTD