Site Map | Privacy Policy | Contact Us | ©2006 Colorado Brass and Woodwinds
|
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.
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
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.
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.
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.
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.
Site Map | Privacy Policy | Contact Us | ©2006 Colorado Brass and Woodwinds