GD 65 Class 08

Topics

Finals
  • Final Presentations
  • Final Exam
Keep Going
  • Where do I go from here?
  • What else is there to know?
  • What’s covered in Web Design 2 & Web Design 3?

Design Technology Student Survey

https://docs.google.com/forms/d/1D_JoPu4DPeIM2pObQryHhPP7OXjs9Z9rChmXTWY7kNU/viewform


Final Exam

We will take the final exam in class:

Final Exam


Final Presentations

Final Presentations are the last day of class Thursday, December 18 from 2:00 – 5:05pm in AIR 133.

You must present your final project in order to receive your grade.

Final Presentations are an opportunity to receive feedback from me and your peers. Be prepared to talk about your design process and what choices you’ve made with your design. Act like we’re the client and tell us things important when presenting to a client:

  • Prepare to speak for 5-10 minutes about your project.
  • Show us your final project website posted on the class server.
  • Who is the target audience? How does your design meet the needs of the target audience? In what way does your design appeal to this audience?
  • What are the needs of the client? Talk about the needs and objectives and how your design serves these needs.
  • Talk about the specifics of your design: Why did you pick the color palette for the website? How did you organize the content and design the navigation?
  • Learning to talk about your designs is one of the most important skills to develop during your time in school! Be sure to stand up tall and speak loudly so we can hear you in the back of the room.

While critiquing your peers’ work remember to be respectful and constructive. We’re all here to learn so give thoughtful, useful feedback.


Final Exam

We have a 10 question Final Exam (closed book) the last day of class Thursday, December 18.

Study Guide

Here is the information regarding the final exam. This is the same content that is posted in the Class 07 notes.

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?

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


Keep Going!

Where do I go from here?

Keep going. I hope to see all of you in Graphic Design 66 (Web Design 2) !

The best thing you can do is to practice, practice, practice. Design and build websites as often as you can. Each project will teach you something you didn’t know before. And to get really good at anything, you need to do it every day.

And don’t get overwhelmed by everything you need to know.

Yes, there is a lot to know. But you’ll never know it all. (I don’t know it all and I’ve been doing this for over 12 years…) So dive in and discover what you love to do and are good at. You don’t need to know how to do everything.

What else is there to know?

Web design is a very dynamic field and is constantly changing. If you asked me to direct you to the “Top Five Things to Know,” they would be:

  1. HTML 5
  2. CSS 3
  3. Responsive Web Design (RWD)
  4. WordPress (or one of the other content management systems)
  5. jQuery (Javascript)

Responsive Web Design

Here’s a good video discussing Responsive Web Design


What’s Covered in Web Design 2 & 3?

  • Design Process
  • User Experience
  • Project Roles
  • Site Map (Site Diagram)
  • Design Brief
  • Personas
  • Competitive Analysis
  • Wireframes
  • WordPress
  • HTML Best Practices
  • HTML 5
  • The Anatomy of a CSS Rule
  • External CSS file
  • CSS Shorthand
  • Color in CSS
  • CSS Selectors
  • Inheritance, The Cascade, Specificity
  • CSS3
  • Responsive Web Design
  • Static, Relative, Absolute, Fixed positioning
  • Doctypes
  • Adding keywords and a description
  • Adding styles and script
  • Using a favicon
  • CSS Box model
  • Navigation
  • Drop Down Menus
  • Form best practices
  • Styling Forms
  • HTML 5 Forms
  • Web typography Best Practices
  • Embedding fonts
  • jQuery
  • Social Media
  • Search Engine Optimization

Leave a comment