IVHS Course Map: Introduction to Web Page Design (Summer, 2008) 1.a. 1.d

Transcription

1 Design Principles Principles of design o Balance o Unity o Variety o Proportion and Scale White Space Mistakes in Web Page Design 1.a 1.d 1. Identify examples of the principles of design. 2. Explain how basic design principles are used to create effective web pages. 3. Describe the differences between symmetrical and asymmetrical balance. 4. Explain how to achieve unity with variety in web design. 5. Explain the importance of unity for a 6. Explain how proportion and scale apply to web design. 7. Explain the purpose of white space. 8. Identify common mistakes made by web page designers according to Dr. Jakob Nielsen. Developing a Plan for the Web Site Web site planning Target audience Web site structure Determining resource requirements 3.a 3.b 4.a 1. Determine the purpose of a 2. Identify the target audience for your 3. Create a flowchart that shows the structure of your Site Plan 4.b 4. Identify assets for a 5.c

2 Formatting Text Font serif and sans serif Anti-aliasing Text blocks Formatting text Properties Dialog Box Chunking information 1. Identify fonts that are appropriate for web pages. 2. Describe the difference between a serif font and a sans serif font. 3. Explain the purpose of anti-aliasing. 4. Lists tips for type and text blocks. 5. Describe the following elements used to format text: a. headings b. paragraph c. break d. lists e. blockquote f. horizontal lines 6. Use the Properties Dialog Box 7. Explain the purpose of chunking information on a web page. Navigation Schemes Hierarchical and linear navigation schemes Relative and absolute URLs Navigation elements Guidelines for navigation Planning a navigation scheme Types of links o Web page 1. Explain the differences between hierarchical and linear navigation schemes. 2. Give an example of each type of navigational scheme. 3. Identify a relative and an absolute

3 o URL. o o Bookmark Image map 4. Identify examples of elements used for navigation. 5. Explain the 6 navigation guidelines. 6. Plan the navigation scheme and elements for the student s 7. Create various types of links. Graphics Graphic formats Sources of images Alt text and screen readers Optimizing graphics Appropriate use of graphics 1. Identify types of graphics used on the internet and explain when each type should be used. 2. Identify sources of web graphics. 3. Explain the importance of image attributes being used. 4. Optimize graphics files for the internet. 5. Design web pages using graphics appropriately. Backgrounds Suitable backgrounds Using backgrounds Background properties 1. Find suitable background images. 2. Insert a background in a page(s). 3. Edit the background properties in the Page Properties. Tables Properties and uses of tables Making data accessible in tables Disadvantages of using tables for design layout 1. Identify uses and properties of tables. 2. Create tables. 3. Insert rows and columns.

4 4. Merge cells. 5. Add backgrounds to tables or cells. 6. Align data in cells. 7. Explain how to make data accessible in tables. 8. Identify disadvantages of using tables for design layout. Frames Using Frames Syntax for frames pages Frame attributes Design principles when using frames 1. Identify advantages and disadvantages of frames. 2. Use frame syntax correctly. 3. Customize frame pages using the frame attributes. 4. Apply good design principles in developing a frames page. Interactivity Interactivity Drop-down menus Roll-over images Adding java script 1. Add interactivity to the Building the Home Page Home pages 1.b 5.b 1. Develop a home page. 2. Critique home pages of web sites. Critique of web pages Home Page Copyright Issues Myths about copyright Copyright issues in web page design 5.a 1. Understand and be able to discuss the importance of copyrights

5 5.b 2. Understand the myths about copyrights 5.d 3. Understand the truths about copyrights Testing, Publishing and Maintaining a Web Site Testing your web site Publishing your web site Maintaining your web site 1.b 2.b 4.a 1. Explain the steps necessary to test a website before publishing. 2. Identify important considerations when acquiring server space. Final Project 5-page web site Final Exam 4.b 5.a 6.c 3. Use an FTP program to upload the 4. Explain the importance of regularly maintaining and updating a