Home Work 4: Reading and Study Questions about Web Design

Okay, you’ve all come very far in the space of four lessons now we are going to take another leap forward. Next you will all learn how to make a basic web page and edit it using Adobe Dreamweaver, but first you will read Chapter 12,  because I want you to understand some concepts in this chapter on editing graphics for the web as well as Chapter 15, Chapter 16 through Chapter 17 as there will be a quiz.


  • According to our authors what is the difference between a .gif file and a .jpeg
  • Be able to define the following terms:
  1. an optimized file format
  2. root folder
  3. domain name
  4. URL
  5. hosting plan
  6. server
  • What does WYSIWYG stand for? What is one advantage of using a WYSIWYG program like Dreamweaver to create webpages?
  • How could you construct a web page if you didn’t have Dreamweaver?
  • What does “split view” show you in Dreamweaver?
  • Identify two or more ways you can use hyperlinks when building a website. (What can you link from? What can you link to?)
  • Identify two or more ways you can incorporate  an image when building a webpage.
  • When constructing a web page, how can you separate the page’s style from its content? Why would you want to?
  • What is CSS? Identify two ways in which it can be utilized.
  • What code or language is this? What are the the words inside the <> brackets called?

EXTRA CREDIT After 4th meeting

After completing our classwork on photoshop I am giving those who are interested an extra credit assignment: If you come to lab and complete the project in  Chapter 10 on your own and turn in your assignment to me it will be worth an additional 10 points (same as a quiz!) I look forward to seeing your happy faces during lab time. Yes you could also do the project at home if you download the software from Adobe.com and use the student discount.

I also will want to see the final product on your usb drive so that I can inspect your work on the individual layers (i.e. save the.psd)

Homework 3…More Reading…More Study Questions

For next class we will dive a little deeper into Adobe Photoshop and it’s inner workings, through our readings and the exercises we will see just why this software package has become the industry standard for Digital Image Editing. To that end we will read Chapter 9, Chapter 10, and Chapter 11 which covers using layers, repetition and cloning and non destructive editing.

Also you might want to review Chapter 7 and Chapter 8 because we may need to be running through some of those the exercises that we did not get to fully complete today.(I will be adding another post which will utilize the images from the chapters so we can easily save them from our blog in class for tomorrows exercises)

also if you did not read it yet, the link for Xtine Burrough’s article can be found here:  http://designeducator.info/?p=193 (there might be a study question about it being reused today).

STUDY  QUESTIONS: (you’ll notice that some of these questions are repeated from last week)

  • What are  the main points that xtine burrough makes in her blog post about email communication?
  • If you wanted to duplicate one part of an image and use it to cover up another part, how could you do that in Photoshop?
  • What do we mean by screen resolution? Why is this sometime preferable?
  • If are working on an image with multiple layers, how do you know which layer you are working on at any given time?
  • How are Clipping masks in Photoshop and Illustrator similar?
  • What does it mean to edit “non-destructively”? What is one technique that allows you to edit non-destructively?
  • If you were going to use Adobe Photoshop to edit a portrait, for instance, to remove red spots on a persons skin, why would you want to make a copy of the background layer first?
  • What can you use “masking” for?
  • What effect does it have to adjust the “opacity” slider in the layers palette?
  • What are “adjustment layers”? How are they different from regular image layers? What kinds of things are adjustment layers good for (why would you use them)?
  • What does the “unsharp mask” filter do? (Chapter 8)
  • Describe a non-destructive technique for making an image appear black and white in Photoshop. Why is this preferable to using the black and white setting on your camera or in the scanner settings?
  • When you are working on a file in Photoshop, why should you save it as a PSD instead of a JPG?

HOMEWORK 2…Read and Study the following questions

For this home work we are going to read Chapters 2, 7 and 8.

Chapter 2  covers copyright and sampling as well as what is considered “Fair Use”.   This will prepare us for discussion on which images we find online that we are legally entitled to use as well so you might want to review.

In addition we will also cover Chapters 7 “Image Acquisition and Resolution” as well Chapter 8 Tonal range in which we will begin to discuss the idea and habits involved in Non-Destructive editing Techniques.

We are moving forward from our study of Adobe Illustrator into Photoshop and digital imaging. I did mention that those of you with digital cameras and card readers should please bring them or their corresponding USB connecting cables to class. Also we will be doing work on the scanner so also bring a photograph  from home the older the better so we can use our individual photos to do the exercises in Chapter 8. And please bring in your flashdrives.

Also read this brief blog post (by one of our text book’s authors Xtine Burrough) about email etiquette, this is the one reading not from the Digital Foundations wiki that I warned you about: http://designeducator.info/?p=193


  • Once you’ve conducted a Google image search, how do you save an image from the web to your desktop (on a Mac)?
  • On a Mac, what do you need to do to safely eject your flash (USB) drive before pulling it out of the port?
  • What is a creative commons license? How is it different from traditional copyright?
  • What are  the main points that xtine burrough makes in her blog post about email communication.
  • In what units is the resolution of a digital image measured? What does abbreviation this stand for?
  • How are raster graphics and vector graphics different? Name one computer program that uses each.
  • If I have two image files that are both 300ppi, is it safe to assume they are the same size? Why or why not? Is it safe to assume they are the same resolution?  Why or why not?
  • What is the significance of the “resample image” checkbox in photoshop?  What difference does it make if it is checked or unchecked when you make changes to the image size?
  • When you scan in an image that you plan to edit in Adobe Photoshop, what type of file should you save your scan as?
  • What is a histogram (in digital imaging)? Where can you see it?
  • The bit depth of an image determines how many _____________________________ there can be.
  • Name two techniques for adjusting the tonal range of an image in Photoshop.
  • If you wanted to duplicate one part of an image and use it to cover up another part, how could you do that in Adobe Photoshop?
  • When you are working on a file in Photoshop, why should you save it as a PSD instead of a JPG?

Homework 1…Relax, it’s reading and study questions. Mostly

Please read your textbook (the Digital Foundations WIKI) and have purchased your USB drive and bring it with you to class.

For Homework please read Chapters 1, 3, 5 and 6  in your textbook (WIKI),  we will be going over the materials in class the online text is available here

Chapter 1:


Chapter 3:


Chapter 5:


Chapter 6:


We will be using the WIKI for Adobe Creative Cloud 2018 which has recently been updated in some cases with video content. Please pay attention to outlined side bars in the readings they contain highly useful information.

To prepare for your quiz, I suggest you study the answers to the questions below. (Some Quiz Questions may also apply to the next days quiz so read carefully if I see from your answer that you understand the concept partial credit and full credits is available to you)
  • What does it mean to say a composition is “dynamic”?
  • Define symmetry, asymmetry, positive space, and negative space.
  • What was the Bauhaus?
  • Name three rules to follow when naming files.
  • Once you’ve conducted a Google image search, how do you save an image from the web to your desktop (on a Mac)?
  • For each of the following file types, name an Adobe program that works with it (you can use each program more than once): .ai, .jpg, .fla, .swf, .html, .psd
  • Which type of graphics  is Adobe Illustrator associated with?
  • How do you draw a rectangle in Illustrator? What do you do differently if you want to draw a square?
  • What is the difference between fill and stroke in Illustrator?
  • How do you change the fill color of a shape in Illustrator? (Important: What do you have to do FIRST?)
  • How do you duplicate a shape in Illustrator?
  • How do you rotate a shape in Illustrator?
  • What do RGB and CMYK stand for?
  • Which color model is associated with digital images on a screen (color made by light)?
  • Which color model is associated with images printed with ink?
  • Define the following:
    1. Hue
    2. Saturation
    3. Value
    4. Complementary Colors
    5. Analogous Colors


Welcome to the Communications 115 blog. This is the class blog for Adjunct Lecturer Steven Hager’s  (Please do not call me professor as I will not answer to it) sections of COM 115 at The College of Staten Island. Study and Homework questions will be posted here daily as well as links to the online version of our text book, images to be used in class and other interesting articles we find together through our learning experience.