Graphic Design 2 | Spring 2020

Week 6

Purpose

  • Syntax and presentation

In-Class

  1. Review and contribute to Research Websites
  2. HTML and CSS getting started lecture
  3. In-class coding exercise
  4. Assign homework

Resources

In-class Exercise

  1. Using only the h1, h2, h3, h4, h5, h6, p, ul, ol, li, em, strong HTML tags, markup the structure and hierarchy of your problem statement. Include 'Problem' as the title of your new page.
  2. Using only the color, font-family, font-style, font-weight, font-size, text-align, line-height, letter-spacing, text-transform, width, padding, margin CSS properties, style the text of your problem statement. Use Google Fonts to aid legibility and contrast of the text.Upload Problem Statement Page

Homework

  1. Using only the h1, h2, h3, h4, h5, h6, p, ul, ol, li, em, strong HTML tags, markup the structure and hierarchy of the text from one (1) of your researched responses to your unsolvable problem. Include a title for your new page.
  2. Using only the color, font-family, font-style, font-weight, font-size, text-align, text-indent, line-height, letter-spacing, text-transform, width, padding, margin CSS properties, style the text from one (1) of your researched responses to your unsolvable problem. Your text styling should conform to what you did for the problem statement page.
  3. BONUS: add at least one (1) image to your page and use CSS to size and place it.Upload Problem Response Page