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
|