teaching machines

CS 347: Lab 5 – Box Model

September 8, 2021 by . Filed under fall-2021, labs, webdev.

Dear students:

Welcome to lab. Now’s your chance to apply the ideas you read about. Find a partner and complete as many of the tasks below as you can. At the end of our time together, paste your HTML files into Crowdsource in order to receive credit.

Task 1

Create 300-by-300 cards for five sequential letters of the alphabet that might appear in an ABC book for children. Each card contains an image of an object starting with the card’s letter, with a label below of the form “LETTER is for OBJECT”. For instance, an A card might have an image of an individual shoveling coal into the boiler of a steam engine and a label that reads “A is for ASHCAT”—because, as you know, an ashcat shovels coal.

Fulfill these additional requirements:

Task 2

Spell out a word containing at least three different letters using only the background colors of div elements whose box properties have been modified. For example, here’s the letter I made of a black box in the background and two white boxes on the left and right:


The next step of your learning is to complete the following tasks:

We don’t work on the same schedule, so encounter issues earlier rather than later.

See you next time.