GD 65 Assignment 7

Below are assignments to complete by Thursday, December 18.


No assignments need to be uploaded to the Dropbox this week.

Our last classroom meeting is Thursday, December 18

Gr Des 65 Classroom meeting
Final Exam & Final Project Presentations
Thursday, December 18, 2014
2:00pm – 5:05pm
AIR 133

Your final project must be uploaded to the server before class on December 18 at 2:00pm.


Read

Estimated time to complete: 2 hours


1. All class notes from Class 7
2. Recommended Online Readings


Watch

Estimated time to complete: 10 mins


Important video to watch


Exercises

Estimated time to complete: 8+ hours


Please take a look at this Dos and Don’ts of Typography article:
http://www.webdesignerdepot.com/2013/05/dos-and-donts-of-typography

The three parts below are part of your final project grade, so you won’t be given a separate grade for this.

Part 1 – Taking in consideration the principles of web typography covered in class, work on refining the text on your home page and the rest of the pages for your final project. Be sure to pay close attention to your use of Contrast, Size, Hierarchy and Space. For this assignment, you are restricted to the “web-safe fonts” in the class notes below and the restrictions listed.

  • Restricted to Web safe fonts
  • Use more than one color
  • Use more than two different sizes
  • Use more than one font-face
  • Use line-spacing and letter-spacing
  • Use white space or negative space well

Part 2 – Continue working on your final project. Based on feedback regarding your design comps, make any revisions to your design and get started on the technical production for your final project. Be sure to give yourself at least a week to build the 5 pages for your site. Do not wait until a few days before to build your site!

Part 3 – If you haven’t done so already, write a narrative critiquing the effectiveness of the website you’re re-designing for your final project. Base your critique on the objectives from “The Basics of Web Design” reading and the critiques we did Week 03.

  1. The Grid
  2. Color Palette
  3. Navigation
  4. Design Principles
  5. Typography

Describe what works and does not work with the design of the current website. Who is the target audience? What did you learn from your competitive analysis and how did this impact your re-design? Post this critique to your Tumblr blog. This is part of your assignment for your final project.

Final Exam

Estimated time to complete: 2+ hours


Study Guide

We will have a 10 question final exam the last day of class Thursday, December 18. Please study the questions below. The final exam questions will be selected from the material below and will be short answers like the quizzes. The questions below are from our textbook. The answers to the the questions can be found in the appendix section of your textbook.

Note: This will be a “closed book” exam so be prepared to take the exam without referring to your notes.

1. What is the difference between frontend and backend web development?

2. The “mobile web” complicates our jobs as web designers. List at least three unknown factors you need to consider when designing and developing a site.

3. Indicate whether each of these filenames is an acceptable name for a web document by circling “Yes” or “No.” If it is not acceptable, provide the reason why.

a. Sunflower.html   Yes No
b. index.doc   Yes No
c. cooking home page.html   Yes No
d. Song_Lyrics.html   Yes No
e. games/rubix.html   Yes No
f. %whatever.html   Yes No

4. All of the following markup examples are incorrect. Describe what is
wrong with each one, then write it correctly.

  • <img “birthday.jpg”>
  • <i>Congratulations!<i>
  • <a href=”file.html”>linked text</a href=”file.html”>
  • <p>This is a new paragraph<p>

5. Name the characters generated by these character entities:

  • &mdash;
  • &amp;
  • &nbsp;
  • &copy;
  • &bull;
  • &trade;

6. In index.html (the site’s home page), write the markup for a link to tutorial.html.

7. Write the markup for adding an image called furry.jpg that is in the same directory as the current document.

8. Why is it necessary to include alternative text? Name two reasons.

9. What might be going wrong if your images don’t appear when you view the page in a browser? There are three possible explanations.

10. How do you make sure a “footer” div starts below a floated sidebar?

11. Name two things you can do with a GIF that you can’t do with a JPEG.

12. Why do professional web designers optimize their graphics?

13. How does the number of pixel colors affect the file size of a GIF?

The following two are not from our textbook, but are from class and our notes.

14. Pick the best graphic file format for each of the images. You should be able to make the decision just by looking at the images as they’re printed here and explain your choice. (If I use this question on the final exam, I will have examples of images and you will need to identify the best graphic file format for compressing the image).

15. What is a site map for? At what point in the process would you make one?

Leave a comment