In this class…

I know that all of you are devastated that school is cancelled and that you’re all going to sit down at home tonight from 6pm-9pm tonight and diligently complete your work for this missed class.

  • Foreground & background images
  • Favicons
  • File Transfer Protocol (FTP) We will do this next week in class
[icon size=”tiny” image=”icon-cloud-download”] Download basic HTML5 page boilerplate.html

 

Exercises

Please complete the following exercises. I will check these next week at the beginning of class. Be sure that you have watched the videos that were assigned last week as homework before beginning the exercises.

  1. Exercise 1: Foreground & background images
  2. Exercise 2: Favicons

 

Homework

[icon size=”tiny” image=”icon-play-circle”] Video playlist on YouTube

Assignment Introduction

You all should have taken photos of your home last week. This week, you will be constructing the foundational pages for a website that you will continue to work on for the duration of the course.

Pretend that you are the biographer of a very famous, very dead person. Pretend also that this famous person is you, or at least a version of you in an alternate universe. You will be creating a website to showcase the strange, amazing, exotic erstwhile home of your illustrious, dearly departed alter ego. The home is like a museum, in just the same state as it was left when the infamous inhabitant met with his/her untimely demise. Use this website to tell interested visitors about the fascinating life your alter ego led, through the intimate details of the personal space they left behind. Creativity will be rewarded!

Assignment Brief

Select the best photos from the photo shoot and organize them into at least 4 different topics. The topics could be locations — kitchen, bathroom, bedroom, closet — or it could be some other type of organization — you decide.

Create a website composed of one index page and four topics pages. Create links to each page from the index page. Write some appropriate text copy, fleshing out the character of your late alter ego and the home he/she inhabited. Don’t forget to check your spelling & grammar.

Specifications

index.html:

  • Four hyperlinks to sub-pages
  • Minimum of 3 small photos that represent the content of the site. Each photo size: approx. 250px by 200px
  • Copy:
    1. A one-sentence statement of the site’s content and purpose
    2. One paragraph describing your alter ego’s accomplishments during his/her lifetime
    3. One paragraph describing how [your alter ego’s name] House came to be

Four topics pages:

  • Each file must be named meaningfully. Remember to not use upper case when you name your files.
  • Each page must be titled meaningfully.
  • Each page must have a link back to index.html
  • Each page must have at least one image.
  • Each page must have at least one paragraph of copy describing the photo(s).

You’ll be able to complete this part of the assignment using only those techniques that have been presented up to this point in the course. Your website will get more complex — and considerably more attractive — as we progress in the course.

Assessment*

This assignment is worth 10% of the final grade.

  • 5 points will be based on a lack of HTML errors. It’s an all-or-nothing thing. If your site has no errors, you will receive the full 50%. Just one error will result in a zero grade. Be prepared to receive a zero (especially at first, when you don’t yet have a sense of what I consider an ‘error’), but don’t panic: I will tell you what needs to be corrected, and if you fix all the bugs before the next assignment is due, you will receive the full 50%.
  • The remaining 5 points are much more subjective and nuanced: You could call it mojo. Add mojo (verve, glamour, alchemy, artistry …whatever) and you’ll get a portion of the other 50% of the grade.

Assignment is due, in a folder labeled with your name, by email to the instructor at cleblanc@nscad.ca at 9:00 am on Wednesday, Jan. 29.

Late assignments will not be accepted. If you do not hand it in by email by the deadline, you will lose the marks for this assignment.

*Be ready to present your work briefly to the class next week.