GRDSN 112: Design Tech II
Project: Restaurant Web Site
Exercises: FTP
Performance Objectives: (Things you will be able to learn...) and Criteria: (This is how well it has to be done...)
Instructions: Select a score for each outcome below based on the following scale...
0= Clearly does not demonstrate competency.
1= Demonstrates basic understanding of competency.
2= Demonstrates clear understanding of competency.
3= Demonstrates competency with clarity, uniqueness and depth.
4= Demonstrates competency at a professional work level.
1. Format page elements, text, and graphics to add interest and implement design principles.
0 1 2 3 4
2. Follow Web Standards in the creation of XHTML and CSS.
0 1 2 3 4
3. Create a clear visual hierarchyby...
Applying Styles to headings, text, lists, backgrounds, and other elements to organize information and aid in readability.
0 1 2 3 4
4. Create .jpg images to show your client your rough designs.
0 1 2 3 4
5. Determine appropriate software to use for developing web pages by...
- researching the software products located in the lab and their capabilities
- understanding the strengths and weaknesses of a specific product
0 1 2 3 4
6. Design a navigation structure for the restaurant web site that flows easily, is user friendly and invites interactivity
0 1 2 3 4
7. Develop cross platform authoring in the web site to avoid browser incompatibility by...
- selecting common web colors
- using html code that works in various browsers
- making your web page fit within the live area of both Firefox (Mac) and Internet Explorer (PC) browsers using a monitor size of
1024 x 768
0 1 2 3 4
8. Design an image to use web safe colors whenever possible. Images will use web safe colors whenever a choice is available; some continuous tone images may use adaptive color palettes.
0 1 2 3 4
9.Design images to take advantage of Run Length Encoding / Compression by...
- creating artwork that has horizontal changes in color. This will create a more compressed image (small file size).
- creating artwork that has large areas of flat color
- creating non-complicated line art and non-dithered images
0 1 2 3 4
10. Organize files and use correct web file formats / extensions by..
- avoiding complex naming conventions
- saving graphic files in gif and/or jpeg formats
- using a .gif, .jpg or .html extensions
0 1 2 3 4
11. Create small file sizes so web pages load quickly for the restaurant web site by...
- using hexadecimal colors in shapes, buttons and backgrounds
- reducing the number of colors when possible (using the web, adaptive or exact palettes when saving gif files)
- using compression / quality controls to improve file size reduction when saving jpeg files
- cropping images tightly
0 1 2 3 4
12. Produce colored text and div tags in the restaurant web site to...
- specify colors for body text, visited links, and active links
- to add interest, to use as shape / value or to create navigation buttons
- to separate content
0 1 2 3 4
13. Use ALT, WIDTH and HEIGHT attributes in the IMG tags to make the images load faster and to alert a person that has turned off images what the image is
0 1 2 3 4
14. Create background tiles, patterns and/or full screen backgrounds that add interest and load quickly in the restaurant web site
0 1 2 3 4
15. Create indexed color images and transparent artwork by...
- using the appropriate dithering options
- selecting a single color level to be transparent
0 1 2 3 4
16. Organize information to aid user in readability and navigation by...
- changing the color of hypertext links
- changing the color of body text
- using bullets
- using lines
- creating navigational buttons that are unique and/or user friendly
0 1 2 3 4
17. Create web pages that load in 15 seconds or less on a 56.6 bps modem by checking download time using a web site service or computer software
0 1 2 3 4
Suggestions for improvement: