CHS Web Design Track

5 Typography and Images

Chapter Objectives

  • Explain webpage typography issues
  • Discuss effective use of webpage images
  • Describe image file formats
  • Discuss how to prepare web-ready images
Class Discussion:

What is the role of fonts in setting mood at a website?

Quick Quiz:
  1. The digital file that specifies the combination of character data used to display typeface is called a(n) ____.
  2. A short line at the top or bottom of a character is called a(n)____.
  3. The Times New Roman font is an example of a sans serif font. True or false
  4. Most web designers rely on web-safe fonts rather than CSS to specify reliable fonts. True or false?
  5. Where are embedded fonts included?
  6. Which font standard does the W3C recommend?
Critical Thinking:

How could you use screen capture and illustration software to create images for a website? Give real-world examples.

Quick Quiz:
  1. What are some features of a photo-sharing website?
  2. A(n) ____ is a computer input device that reads printed text, images, or objects and then translates the results into a digital file.
  3. ____ software is used to create an image of computer screen contents.
  4. ____ software and apps are used to create images, such as diagrams and drawings, by drawing shapes, lines, and curves.
Critical Thinking

How could you use screen capture and illustration software to create images for a website? Give real-world examples.

Quick Quiz:
  1. What are some features of a photo-sharing website?
  2. A(n) ____ is a computer input device that reads printed text, images, or objects and then translates the results into a digital file.
  3. ____ software is used to create an image of computer screen contents.
  4. ____ software and apps are used to create images, such as diagrams and drawings, by drawing shapes, lines, and curves.
Class Discussion:

Why is it critical to keep a backup copy of an original unedited JPEG image?

Quick Quiz:
  1. When you ____ an image, you select the part of the image you want to keep and remove the unwanted portion.
  2. The PNG and GIF image formats offer ____ compression.
  3. The ____ image format offers lossy compression.
  4. What is compression artifacting?