The Eclectic Web Matrix

Home | Site Map | Links | Brain Self-Control | News Sources | Contact

Instruments: Clarinet | Cornet | Flute | Flugelhorn | Trumpet | Trombone | Saxophone

Last Modified: January 9, 2007

Unit 2: Electronic Portfolios Using Dreamweaver 8

Analyzing Web sites | Creating a Home Page | Creating Content Pages | Linking Pages | Making a Graphical Navigational Bar

Before you begin the tutorial, go to the copyright section and read the two articles on copyrights. Once you have done this then you may begin working through the tutorial. The tutorial consists of three parts: 1) Lecture material, 2) the material on this page, and 3) the material contained within the link below. You may only use the tutorial link below if you are a student currently enrolled at Palmer HS, Colorado Springs, CO. Furthermore, you agree to abide by the copyright agreement with Macromedia, and will not duplicate the material in anyway or form. By clicking on the link to the tutorial you agree to the above.

I agree to the terms above and am a student at Palmer HS, Colorado Springs, CO and am ready for Unit I: Fireworks Tutorial--TAKE ME TO THE TUTORIAL!

Visit These Sites to get a general feel for web site design.:

Diagrams are an essential tool for communicating information architecture and interaction design in Web development teams. This document discusses the considerations in development of such diagrams, outlines a basic symbology for diagramming information architecture and interaction design concepts, and provides guidelines for the use of these elements.

Web site Production Management Techniques

 

Analyzing Web sites

I. Map an Existing Site: Go to the Internet and find a simple site. Create a flowchart of the site. Make it simple and begin by drawing pages linked to the home page to the site, an then the paged linked to those pages.

II. Describe the best way to name Web pages, and the file naming conventions.

III. Create, title, name, and save a Web page.

 

Creating a Home Page

I. Complete storyboard for your home page. Consider the following:

Graphic choice and placement

Text Choice and placement

Navigation choice and placement (for both graphical and text navigation bars)

Color choices

II. Follow a flowchart and storyboards to create web pages and a site map that maintains the planned Web site hierarchy. Create, title, name, and save your pages.

III. Organize web page layout with layers.

 

Creating Content Pages

I. Demonstrate knowledge of best practice for designing a web site (maintain consistency, use styles, use standard fonts, and use web-safe colors).

II. Add text to a web page.

III. Import a Word or Excel document to a Web page.

IV. Set and modify document properties.

V. Modify text and tex properties.

 

Linking Pages

I. Link all content pages to the home page in your web site.

II. Link web content, using hyperlinks, e-mail links, and named anchors. Remember: hyperlinks will move you to different pages or sites, e-mail links will create an e-mail to the addressee, and anchors help you move within a page.

 

Making a Graphical Navigation Bar

I. Use Fireworks to create a button with a label that corresponds to an element in your navigation bars. The look of the button should coordinate with your site design. Use the Graphic Design Using Fireworks 8 Tutorial, by doing so you agree that you are currently a student attending Palmer HS, Colorado Springs, CO.

II. Insert navigation bars, rollover images, and buttons created in Macromedia Fireworks on your web pages.

III. Modify images and image properties.

Top

 

Site Map | Privacy Policy | Contact Us | ©2006 Colorado Brass and Woodwinds