In this class… WTF, another snow day? The end is nigh.
Class is cancelled tonight due to MORE SNOW. We will catch up on the following for next week:
- DIVs & SPANs
- The Box Model
- Units in HTML
- Positioning
[icon size=”tiny” image=”icon-cloud-download”] Download basic HTML5 page boilerplate.html
[icon size=”tiny” image=”icon-cloud-download”] Download Simple CSS
Homework
[icon size=”tiny” image=”icon-play-circle”] Video playlist on YouTube
- Watch videos 21-23 in preparation for next class.
- Read “Looking Beyond User-Centred Design“
Alter Ego House Museum: Part III – the Box Model & CSS positioning
Process
This one will be easy… add the following to your website:
- In at least one place on your home page, add a margin to an HTML element.
- In at least one place on your home page, add padding and a background color to an HTML element.
- In at least one place on your home page, add a border to an HTML element.
You may add all three to a single HTML element.
Next, create a <div> element on your home page and set the position attribute so that it stays in the upper left hand corner of the website, even if the user scrolls the page.
When you have completed and uploaded the assignment, send me an email that tells me where on your home page you added each part of this assignment: use line numbers to specify location in the code.
Remember:
- Each file must be named meaningfully. Remember, don’t use upper case when you name your files or images.
- Each page must be titled meaningfully.
- Each page must have a link back to index.html
- Each page must have at least one image, sized appropriately for web use.
- Each page must have at least one paragraph of copy describing the photo(s).
- Additional pages must appear in a separate folder called “pages”, images must appear in a separate folder called “images”, CSS in a folder called “css”
Assessment
This assignment is worth 10% of the final grade.
- 5 points will be based on a lack of HTML and CSS errors.
- The remaining 5 points are based on the amount and quality of additional mojo.
Assignment is due in your folder on the server by email to the instructor at cleblanc@nscad.ca at 9:00 am on Wednesday, Feb. 12 Friday, Feb. 14.
Late assignments will not be accepted. If you do not have it uploaded by the deadline, you will lose the marks for this assignment.
