OLD Writing for Digital Media


Recently at: OLD New Media Video Applications

Recently at: Introduction to Social Media Practice


Welcome to Writing for Digital Media!

animated_girlYou have arrived. We are and will be under construction so don’t be surprised by what you see or read here. (I’ve even include a gratuitous animated gif construction workers.)

There is a list of links to the students’ pages. Many are writing for the web for the first time. Please be kind and supportive with your comments. And PLEASE comment; that should get their juices flowing!


The Most Amazing Map

Here’s my map of blah blah blah. This map includes locations of blah. I created the map so people can find cheap blah blah blah. The audience for this map is college students who are generally blah.

Writing a Sentence is No Secret

In case it was a mystery to ya’ll.

How to write a sentence: infographic
Courtesy of: Writing.Rocks

Using Legal Images Online

Wikipedia and Wikimedia Commons

  1. When you’re on a Wikipedia page and you see an image, click it to open the image viewer.
  2. Below the image in the viewer, on the right side, you’ll see a button:
    Screen Shot 2015-04-04 at 4.14.27 PM.png
  3. Click that button and you’ll likely go to http://commons.wikimedia.org/
  4. On the right of of the Wikimedia Commons page, find this button (if the button is not there, the image is NOT free to use!):
    Screen Shot 2015-04-04 at 4.24.11 PM.png
  5. Click that, and you’ll get a handy option to download the image in different screen sizes (look at the bottom of the pop-up):
    Screen Shot 2015-04-04 at 4.25.15 PM.png
  6. The sizes (at the bottom edge) refer to the WIDTH of the image file, in pixels. Everything on the Web is measured in pixels. Please select a size that is LESS THAN 1024px (1,024 pixels). This ensures that the file size is not too large for your homework assignment!

In your Downloads folder, find the newly downloaded image file, copy it, and paste it into the same folder as your HTML file.

Filenames: The image file might have a really long filename, such as:


You can change the filename to something simple like colosseum.jpg instead.

DO NOT BREAK the rules for filenames for Web files! Robbins explains these rules on page 53.

File formats

You don’t know the difference between .jpg and .gif and .png?  Robbins explains on pages 510–511.

File extensions

You can’t see any file extensions on your computer? (File extensions include .jpg and .gif and .png and .html and .css, etc., etc.) Google “show file extensions”

  • Copyright Law Does Apply to the Web

It is a common mistake to think everything on the Web is free to use. However, as soon as anyone posts something on the Web, it counts as “publication.” And anything that has been published is protected automatically by U.S. copyright law.

Here is a scary true story about the consequences if you ignore the law:

Blogger Beware: You CAN Get Sued for Using Photos You Don’t Own on Your Blog

Blogger Roni Loren learned the hard way that: “It doesn’t matter …

  • “if you link back to the source and list the photographer’s name
  • “if the picture is not full-sized
  • “if your site is non-commercial and you made no money from the use of the photo”

Giving attribution (“Photo by so-and-so”)  is NOT a legal protection for copied images. Read more here:

Websites: Five Ways to Stay Out of Trouble

Stanford University: Copyright and Fair Use

NOTE THAT Wikimedia Commons has rules for: Reusing content outside Wikimedia

The Surest Way to Avoid Legal Trouble for Using Images Online

Create your own images. Take photos. Make your own stuff.

(Thank you Mindy McAdams)

Bitlink for this document: http://bit.ly/mmcopyright

This document can be freely copied and shared under a
Creative Commons Attribution 4.0 International License.

Online Mapping Tools

Google Maps may be the most well known of mapping tools there are a few other contenders. Check them out.

ESRI Story Maps – Very interesting approach to mapping. ESRI is the one of or THE leader in GIS or geographic information system.

Online Infographic Tools

Here’s a Huffington Post – Tech article with reviews of infographic sites.

Try a few of these.

  1. Infogr.am
  2. Piktochart.com
  3. eas.ly
  4. Canva.com

Office Hours

c/t 210-823-0542 (Between 9 am and 10 pm only)
Tu 10 am - 11:30 am, Wed 2:30 - 4:00 pm

Enter your email address to get notifications of new posts by email.

We’re on the twitter!

%d bloggers like this: