|
Workshop
Description
This 6-week workshop will introduce students to the tools and techniques
needed to design and publish web sites on the World Wide Web. Emphasis
will be placed on learning the fundamentals of the appropriate software
along with design issues for interactive media. Applications used include
Dreamweaver, Fireworks and FrontPage. This is the first of a three-part
series on web design.
Prerequisites
Basic computer skills.
Course
Objectives
1. Understand
the structure of the Internet and World Wide Web.
2. Learn how to navigate and search the World Wide Web.
3. Explore visual communication through use of color, composition, scale,
typography and other design elements.
4. Consider various approaches to interface and navigation design.
5. Gain proficiency using several web design programs including Dreamweaver,
Fireworks and Front Page.
6. Utilize web-safe colors, typefaces and file formats for the Web.
7. Learn how to create and optimize graphics
and photographs for use on the Web.
8. Understand how to post and update a site.
9. Learn how to register and promote a web site.
Topical
Outline
Week 1
The Web Defined What is the Web? Hypertext explained. Navigating and searching
the web. Introduction to drawing with Fireworks. PNG file format. Bitmap
Graphics vs. Vector Graphics.
Week 2
Introductory
Tour of Dreamweaver-Dreamweaver HOT Chapter 2 Tutorial
Dreamweaver Interface
Object Palette/Object Types
Properties Inspector
Launcher & Mini-Launcher
Document Window
Site & File Management-Dreamweaver
HOT Chapter
3 Tutorial
Defining a Site
Relative vs Absolute URLs
Managing Files and Folders
Path Structure Creating a Site Map
Creating a Site from Scratch
Week 3
Tables in Dreamweaver-Dreamweaver HOT Chapter 6 Tutorial
Borders
Sorting
Colors
Creating and Modifying a Table
Aligning Images and Text with Tables
Percentage-Based Table
Alignment
Seamless Image Assembly
Combining Pixels and Percentages
Working with Imagemaps
Design Fundamentals
using Dreamweaver.
Review page properties, font colors, font size, creating links.
Week 4
Type
in Dreamweaver-Dreamweaver HOT Chapter 7 Tutorial
Creating and Formatting Text
Font Lists Aligning
Text Using the <pre> Tag
Ordered, Unordered, and Definition Lists
Color Schemes
Formatting Text in Tables
Character Entities
Blockquoutes and Non-Breaking Spaces
Week 5
Creating Web
graphics (buttons and bars) with Fireworks. Optimizing graphics and images
for the web using Fireworks. GIF, JPG or PNG?
Week 6
Color on the web GIF & JPG compression
formats Review adding images and rollovers to web pages using Dreamweaver.
Test, Launch, Edit a web site. Using FrontPage to launch a site.
Recommended Texts
 |
Dreamweaver
3 Hands-on-Training (with CD-ROM)
by Lynda Weinman, Garo Green
CD-ROM - 597 pages Bk&Cd-Rom edition (July 18, 2000) Peachpit Press;
ISBN: 0201702762 Approx. $40.00 |
 |
The Non-Designers
Web Book: An Easy Guide to Creating, Designing, and Posting Your Own
Web Site Robin Williams and John Tollett Paperback Published by
Peachpit Press Publication date October 1997 ISBN 020168859X Approx.
$30 |
|
