Show: All students | Group 1 | Group 2

Assignments

1. 2025-01-15 Class session resources
- Description
  
  These are resources we'll use during the class session. Note that some resources below occasionally refer to 'Spring 2022' or other semesters... but it's Fall 2025 now, and you should adjust folder/file/path names accordingly!
- References
2. Hello World
- Description
  
  Create a Hello World HTML page and upload to GitHub Pages.
- Local Path
  
  /iffall2024/publish/hello/index.html
- Server Path
  
  hello/index.html
- Assigned
  
  Jan 15
- Due
  
  Jan 15 (in class)
- References
  - Video: Hello World (19:32)
3. Introductory questions
- Description
  Answer the following questions, with your answers formatted as an ordered list in an HTML document that you upload to the server. Make sure you use the folder and file name specified below.
  1. Provide your name, major, year in school (sophomore, junior, etc).
  2. Tell us a bit about your background and what prompted you to take this class.
  3. Do you have any experience with HTML/CSS/JS? If so, tell us a bit about it.
  4. Name one thing you hope to learn in this class.
  5. Name one way you expect designing for screen to be different from designing for paper.
  6. Provide a link to a website you think exemplifies effective design. Explain your choice.
  7. Provide a link to a website you think exemplifies effective communication. Explain your choice.
  8. Provide a link to a website you think works well. Explain your choice.
- Local Path
  
  /iffall2024/publish/intro-questions/index.html
- Server Path
  
  intro-questions/index.html
- Assigned
  
  Jan 15
- Due
  
  Jan 21
- References
4. 2025-01-22 Class session and resources
- Description
  
  These are resources we'll use during the class session. We'll be covering the basic structure and intent of HTML and CSS.
- References
5. Markup and style the quotes
- Description
  
  Use appropriate HTML markup to provide semantic structure for the quotes referenced below, then use CSS to style the document in a way that is appropriate to the content.
- Local Path
  
  /iffall2024/publish/movie-quotes/index.html
- Server Path
  
  movie-quotes/index.html
- Assigned
  
  Jan 22
- Due
  
  Jan 28
- References
6. Create your own lyric sheet
- Description
  
  Pick a song you like, and create a styled HTML document that presents it's lyrics with appropriate markup and basic styling.
- Local Path
  
  /iffall2024/publish/lyrics-exercise/index.html
- Server Path
  
  lyrics-exercise/index.html
- Assigned
  
  Jan 22
- Due
  
  Jan 28
- References
7. 2025-01-29 Class session lesson and exercise
- Description
  
  Using the starter page to follow along with the recorded video lessons. When you've updated your version of the starter document with all of the changes discussed in the videos, upload as described below. Be sure to include your css file!
- Local Path
  
  /iffall2024/publish/markup-and-styles-for-type/index.html
- Server Path
  
  markup-and-styles-for-type/index.html
- Assigned
  
  Jan 29
- Due
  
  Feb 4
- References
8. Build a type styling demonstration page
- Description
  
  Create an html page demonstrating basic type styling using one of the font faces referenced below. Clearly indicate the typeface name and size in a summary at the top of the page, then demonstrate possible values for each of the following five CSS properties with a sample sentence: font-weight, font-style, letter-spacing, text-transform, text-decoration. Place each sample on its own line. Include a label for the group that shows which css property the group demonstrates. Include a label for each line that shows which value is used. Style the whole page to present your samples cleanly and clearly.
- Local Path
  
  /iffall2024/publish/type-styles/index.html
- Server Path
  
  type-styles/index.html
- Assigned
  
  Jan 29
- Due
  
  Feb 4
- References
9. Recipe page - research
- Description
  Over the next few weeks, you will be designing and building a web page that presents a recipe. We'll start that project by finding/choosing a recipe, and doing some design research. This week, you will upload an HTML document that presents the following:
  - The recipe content (at minimum, this includes title, description, ingredients, instructions, source attribution)
  - Sample imagery (this may or may not be actual images from your recipe source, it might instead be samples of photos/illustrations representing the type of images you intend to use)
  - Three links to recipe websites you have found, with a short (2-3 sentences) written review/critique for each, explaining what makes this site a good reference
  - Three links to non-recipe websites with stylistic or communication techniques that might inform your own design, also with a short written rationale
- Local Path
  
  /iffall2024/publish/recipe/research/index.html
- Server Path
  
  recipe/research/index.html
- Assigned
  
  Jan 29
- Due
  
  Feb 4

Communication Design:

Interaction Foundations

Spring 2025

Sam Fox School of Design & Visual Arts
Washington University

Assignments

1. 2025-01-15 Class session resources

2. Hello World

3. Introductory questions

4. 2025-01-22 Class session and resources

5. Markup and style the quotes

6. Create your own lyric sheet

7. 2025-01-29 Class session lesson and exercise

8. Build a type styling demonstration page

9. Recipe page - research