Homework: HTML Class and Infographic

Homework Assignment #1:

Review the W3 Schools HTML Tutorial. (You can stop at HTML5.)

There are exercises at the bottom of each lesson. Those might be helpful in the event you have a quiz. (You will have a quiz.)

Homework Assignment #2:

Make an infographic on any topic. Save the infographic on your computer and then load the image via FTP (with Fetch or Filezilla) into your personal folder on our server. You’ll know you were successful if you can see the image inside your folder on USC Story Space. Click on the image and then drop the full URL in the comments on this post.

The link will look something like this:


Due: Monday before class.

36 thoughts on “Homework: HTML Class and Infographic”

      1. Very nice. A little dark where the background picture overwhelms the graphical elements. Does all this info come from the Census? If so, you need a small entry somewhere on the infographic that says something like: “Source: xxxxx.” It can be a government agency name and you can sometimes include a report name (with the date) or a link. Nice job.

    1. Really nice piece. Sad, but nice. One thing I think you should have explained was exactly what the dollar amounts stand for. Are these career-wide yearly salary averages or are they starting salaries. A nice piece of perspective on this chart would be to look at the same occupations after several years. For instance, broadcast pay has traditionally started low, but as people rise in the profession it can increase quite a bit. I would try to darken (or put in bold) the job titles so they are easier to read. Good job.

  1. There’s a lot going on here and you may need to simplify.
    You may need to rework your graph and deepen the range because it really doesn’t reflect the word “fluctuate.” It is almost a straight line. If you rework the graph to allow more detail then maybe we will see the stock’s movement. Maybe not. It is hard to tell from what is here.
    You may need a line explaining what bitcoin is for those who look at your graphic before reading the story.
    I am not sure your “fun fact” helps because without context, I don’t really know what this means.
    The power issue is not explained and seems outside the realm of a graphic about monetary value.
    The “how to get bitcoin” portion needs to be stepped out (see below).
    I think you should pick one or maybe two ideas out of this and make that an infographic. For instance, the “how to get bitcoins” graphic could be a great infographic all by itself. Same for the power us graphic. Right now, I don’t know why it uses all that power. Explaining that would be a great infographic. Stock prices can be a chart. Some of these other story points are great for an infographic. Does that make sense?

    1. I Understand. Here is one of Just the US Market Price for different types of digital currency.


    1. I like it. Very nice and clean. I wonder if rather than the pie chart (which just repeats the map concept in another way) if there is another piece of information that might help put this in context and perspective? Do these countries pay more for gymnastics programs? Are they state-sponsored (not in the U.S.)? What is a number or piece of info behind the larger message of this graphic? How did these countries get to the top?

    1. Very nice update. Much clearer and cleaner. A question for you: your source is Vox? Did you pull these numbers out of an article? Are there more official sources you could check to verify Vox’s work?

      1. This is very hard to read. Even when I enlarged it some type was hard to make out. You might have too much white space. I think you could reorganize this and increase the readability. I can’t really comment on the content because it is hard to make out.

Leave a Reply