Yorkville High School Computer Science Department
Yorkville High School Computer Science Department on Facebook  Yorkville High School Computer Science Department Twitter Feed  Yorkville High School Computer Science Department on Instagram

Yorkville High School Computer Science

ASSIGNMENTS: No Current Assignments

Web Design II for Designers :: Projects :: YHSCS CSS

Rubric
Lesson
Due: Mar 15

Problem

You are going to create your own design for the YHS Computer Science website. If the design is good enough it may even be used as an alternate design option on the site. There are six types of pages on the YHSCS site that you need to account for:

Instructions

  1. Design each page of the site using a program such as Adobe Illustrator. This design must be approved by Mr. Miller as well as Mr. McCulloch or Ms. Rizio before you begin work.
  2. Your design should be responsive and there should be at least three versions of the site.
  3. Download the HTML files above and put them together in a folder.
  4. Come up with some theme for your design and include the name of the theme as an image somewhere prominent on your page.
  5. Use element selectors (body, a, img), class selectors, and ID selectors in your stylesheet.
  6. Combine and group selectors in your stylesheet.
  7. Use at least one advanced CSS selector.
  8. Create a font family for your page that includes a main font, backup font, safe font, and generic font family. Explain your font choices in a Google Document. Check of the Typography Lesson from Web Design I for more details.
  9. Your stylesheet must use valid CSS. Go to The W3C CSS Validation Service to ensure your code is valid.
  10. Turn in your project online. Check this lesson for the information to do this. The host directory should be yhscs.
Yorkville High School Computer Science Department on Facebook Yorkville High School Computer Science Department Twitter Feed Yorkville High School Computer Science Department on Instagram