Problem Set 02: Hello World

Due 09-27 (7 days)

These sketches you will get familiar with HTML and CSS. We will look at the design and construction of these web pages. To encourage divergent and exploratory thinking, you can present up to three solutions. We will also be looking at the source of these pages. Because we are using CSS, you should reuse the same HTML to produce the three sketches.

For this assignment you are expressly forbidden to use Javascript.

These exercises are designed to be approachable for beginners. Because we have a diverse classroom, learners with more experience are expected to:

Reading:

Even if you are familiar with HTML & CSS, it will probably be useful to review some of the keys ideas in this set of reading:

Optional Reading & Reference:

ps-02

a: (1-3) 'profile cards':

These pages should be like business cards, brief personal profiles, or pokeymon cards. If you are not comfortable making a card for yourself, feel free to choose a fictional character.

b: (1-3) Compositions of 3 squares:

Create web sketches consisting of exactly three squares. Work in monochrome. The design markup of these pages should be composed empty <div> tags. You can include optional navigational or informational markup, but it should be well considered, and not detract from the composition.

c: (1-3) Quiet & Loud:

Create the loudest (or quietest) web page you can, in monochrome. Use clean, minimal markup. What would a subliminal page look like? A page with a hidden message?

d: (optional) Tag explainer:

Create a web page that demonstrates and explains an unusual HTML tag.

For stretchers: