Web Design Syllabus

 

Web Design I
Prerequisite: Computer Applications, MS Word for Business or Computer Programming
This course is for students exploring the field of web design and web authoring. This course provides an introduction to Dreamweaver. Topics include creating a web page and local website, adding Web pages, links and images, tables and pages layout, page layout with frames, forms, templates and style sheets, and layers, image maps, and navigation bars. In addition, creation of images using Fireworks, coverage of page layout and frames, animations and behaviors and media objects is included in this course.

 

Web Design II
Prerequisite: C or better in Web Design I
Web Design II further explores the use of Macromedia’s Dreamweaver as a Website editor. The course will emphasize image creation and alteration using Macromedia Fireworks and Flash. Flash animations will be used to further develop interactive and dynamic WebPages.

Course Outline

1) Understanding the HTML Document

            a. HTML Document Structure

            b. HTML Tag List

            c. Coding a Web Page

            d. Examining a Sophisticated Web Page

2) Adding and Importing Pages

            a. Page Considerations

            b. Adding Pages

            c. Saving Changes to a Web

3) Entering and Formatting Text

            a. Entering Text on a Web Page

            b. HTML Styles

            c. Creating Lists

            d. Previewing Your Work

4) Cascading Style Sheets

            a. CSS Rules

            b. Types of Style Sheets

5) Hyperlinks

            a. Navigational Links

            b. Linking to E-mail

            c. Creating Image Links

            d. Developing an Image Map

6) Graphics

            a. Horizontal Lines

            b. Graphic File Formats

            c. Inserting an Image

            d. Manipulating Images with FrontPage

            e. Scheduled Pictures

7) Graphic Style Themes

            a. Applying and Modifying a Theme

            b. Providing Navigation

8) Tables

            a. Creating, Inserting, and Modifying a Table

            b. Using Tables to Control Page Layout

9) Web Page Layout with Frames

            a. Working With Frame Page Components

            b. Frame Properties

10) Input Forms

            a. Uses of a Web Form

            b. Creating a Form Manually

            c. Submitting and Resetting the Form

            d. Configuring the Form

11) Specialized Components

            a. The Browser Wars

            b. Dynamic Effects with DHTML

            c. Sound and Video

12) Evaluating and Publishing Your Web

            a. Compatibility Issues

            b. Checking for Errors and Fine-tuning Your Web

            c. Publishing Your Web

            d. Promoting Your Website

13) Fireworks

            a. Web Image Preparation

            b. Choosing Colors

            c. File Formats

            d. Creating Web Graphics

            e. Using Actions

            f. Bitmap Editing

            g. Editing Vector Images

            h. Creating a Logo with the Vector Tools

            i. Applying Text and Fills

            j. Adding Special Effects

            k. Exporting and Optimizing

            l. Creating Animated GIF Images

            m. Creating Buttons

            n. Using Image Maps and Slicing

            o.

14) Flash

            a. Introduction to Flash and Its Drawing Tools

            b. Layers, Imported Art, Symbols, and Instances

            c. Animation

            d. Scenes, Actions, and Buttons

            e. Sounds

            f. Publish

15) Director

            a. Introducing Director 7

            b. Fun with Animation

            c. Real-Time Recording

            d. Film Loops

            e. Using Behaviors

            f. Using Video

16) Integrated Project