WEB DESIGN I

This course is an overview of web page development tools. It focuses on FrontPage and Publisher.

Participation in this course is intended to give students an opportunity to develop design principles and skills for publishing documents on the World Wide Web. Students will interact with a variety of web publishing software programs and will work with general design principles to develop a series of web pages that link.

Front Page 2000

Description:

Students will learn FrontPage 2000 features to create web pages and manage web sites for the World Wide Web or their corporate intranet.

Course Objective

This course prepare you to create web pages, create and maintiain Webs using FrontPage 2000.
Upon successful completion of this course, students will be able to:

·        Apply web site design considerations when creating a web site with a wizard. Students will also be able to add and modify structural elements in an existing web.

·        Apply web page design concepts to create and modify web pages by using frames.

·        Build a web-based form to collect and store user data.

·        Modify pictures as well as add sound and web components (such as rotating banner ads, marquee text, and ActiveX controls) to their web pages.

·        Use reports and tasks to manage and collaborate on web site creation.

·        Animate text and format text and web pages with Dynamic HTML and style sheets.

Course Outline

Unit 1: Introduction and Overview

·        Identify the features of the Internet.

·        Identify the characteristics of a Web.

·        Identify the purpose of the Web server.

·        Identify the features of FrontPage 2000.

·        Identify the FrontPage 2000 interface elements.

·        Customize the FrontPage 2000 interface using the View menu.

·        Obtain help from the Answer Wizard.

·        Identify the uses of FrontPage Server Extensions.

·        Identify the basics of Web site design.

·        Identify how Web content is structured.

·        Identify effective navigation techniques.

Unit 2: Creating Web Pages with FrontPage 2000

·        Create a Web page using a template.

·        Create a one-page Web.

·        Save a Web page.

·        Format text on a Web page.

·        Create bulleted and numbered lists on a Web page.

·        Add marquee text to a Web page.

·        Add animated text to a Web page.

·        Add an image to a Web page.

·        Add alternative text to an image.

·        Modify an image.

·        Identify the steps to change image properties.

·        Add a hyperlink to a Web page.

·        Create an image hotspot.

·        Insert a table into a Web page.

·        Modify rows and columns in a table.

·        Modify table cells.

Unit 3: Creating Webs

·        Create a Web using a template.

·        Open an existing FrontPage 2000 Web.

·        Add a new page to a Web.

·        Apply a theme to Web.

·        Modify an existing theme.

·        Add a page transition to a Web page.

·        Add a hit counter to a Web page.

Unit 4: Maintaining Webs

·        Organize a Web in Folders View.

·        Organize a Web in Navigation View.

·        Rename FrontPage 2000 documents.

·        Verify hyperlinks.

·        Check the spelling in a Web.

·        Find and replace text in a Web.

·        View Web details in Reports view.

·        Update Web pages according to category.

·        Add and assign a new task.

·        Mark a task as completed.

·        Identify ways of sorting tasks in Tasks view

Publisher

Course Description:

This course will help you learn how to create a multi-page publication.

Objectives:

The participant will:

·        Import text and graphics from other applications.

·        Format text using fonts, sizes, type styles, and leading.

·        Use alignments, tabs, and indents to align text.

·        Create common elements such as page numbers and design guides.

·        Create documents containing multiple columns.

·        Flow several independent stories throughout a document.

·        Wrap text around graphics.

Content:

·                                Create a Publication
Design Concepts
Wizards
Import & Manage Text
Format Text
Use of Fonts
Work with Frames
Import Pictures & Clip Art
Manage Images
Draw Objects
Word Art
Tables
Mail Merge
Hyperlinks
Create Website
Publish to the Web
How To Use What You've Learnt

WEB DESIGN II

This course focuses on web page development technologies and is structured to expose students to various technologies that improve web site management and planning. Students will interact with a site management/development tool (e.g., Dreamweaver) and one of the leading interactive multimedia authoring tools in the field (e.g. Flash). You will have the opportunity to learn the fundamentals of both applications through in class demonstrations, hands-on lab instruction and assignments consisting of developing instructional sequences

Dreamweaver

Macromedia Dreamweaver is more than a powerful, intuitive HTML editor: it has features that will allow you to work on group projects, manage and customize your site, and even customize the tool itself for your specific purposes. If you are ready to create linked style sheets, templates, custom objects, site maps, and server-side includes, and are looking for more ways to make your pages dynamic while saving valuable development time, this is the class for you.

Content

·        set up a local site

·        create web pages

·        make hyperlinks

·        edit HTML

·        place images and align text with images

·        work with fonts, headings, lists, characters, and styles

·        set up tables

·        create, manipulate, and position layers

·        create frames

·        create rollovers

·        use style sheets

·        design input forms and collect data

·        use behavior tools to apply JavaScript actions without having to write JavaScript

·        draw timelines using DHTML

·        use automation

·        use libraries and templates

·        insert and play media using plug-ins

·        manage Web sites online

Objective:

Upon completion of this course, you will be able to:

·                    Add images to Web pages and modify them to create image maps.

·                    Build a Web site with frames to help with navigation.

·                    Create hyperlinks between pages for navigation through your Web site.

·                    Create tables for aligning text and images.

·                    Import and format text using character styles and paragraph formats for consistency.

·                    Plan multiple page Web sites and take advantage of Dreamweaver's tools to avoid duplicating effort on each page,    including templates and site management features.

Flash

Description

Overview: Students will learn to use Flash to create animations that can be published on the Web or as stand-alone files.

Benefits: Students will learn to use Flashs tools and features to create and modify graphics. Students will also work with imported graphics, will incorporate text, and will learn to create several types of animations.

Objectives

Lesson objectives help students become comfortable with the course, and also provide a means to evaluate learning. Upon successful completion of this course, students will be able to:

·                      Navigate within the Flash environment to build your projects efficiently

·                      Use Flashs drawing tools to create simple and complex objects.

·                      Manipulate objects on the stage, including selecting,, moving,, copying, deleting,, and transforming them.

·                      Utilize object interaction on a single layer to combine and segment objects.

·                      Import artwork from other programs to use in a Flash project.

·                      Create and format text.

·                      Perform frame-by-frame and tweened animations.

·                      Publish your projects for use on the Web.

Content

Lesson 1: The Flash Environment

What is Flash?

Vector vs. Raster Graphics

The Flash Work Environment

Lesson 2: Basic Drawing and Painting

Basic Drawing and Painting Tools

Applying Fills and Strokes to Existing Shapes

Creating Custom Colors, Gradients, and Line Styles

Lesson 3: Objects on a Single Layer

Manipulating Objects

Single Layer Object Interaction

Transforming and Grouping Objects

Editing Shapes

Working with Bitmaps

Lesson 4: Working with Multiple Layers

 Working with Layers

Mask Layers

Aligning Objects

Lesson 5: Working with Text

Creating Text Labels

Creating Text Blocks

Creating Text Fields

Breaking Text Apart

Lesson 6: Animation

Frame-by-Frame Animation

Animation with Shape Tweening

Creating a Motion-Tweened Animation

Using a Guide Layer

Lesson 7: Publishing a Flash Movie

Publish Settings

Publish Preview

Publishing Your File