Web-pages with Pictures

by Dave Mulkey, 19 Aug 2014

Using Copyrighted Works

All pictures, videos, text, and other creative works are automatically copyrighted (according to the Berne Convention), and the copyright is automatically owned by the author.  This is true whether you see a copyright notice or not.  Fortunately, the concept of Fair-Use allows limited copies to be made for personal use and educational (and other non-profit) purposes.  The number and size of fair-use copies is limited (in a rather unclear way).  So don't assume that making copies in a school is necessarily okay.  The following guidelines are helpful and represent "good practice" (but they are not legally binding.)

  1. Every time you copy something from the Internet (or anywhere else), keep a written record of the source - this is useful for a lot of reasons, not just copyright issues.
  2. If you are copying only for your own personal use, don't give copies to other people.  Only make a couple copies as needed for your own use.
  3. Whenever you paste copied material into your own work (that you will redistribute), add a citation acknowledging the source (as recorded in #1 above).  This will also protect you against charges of plagiarism (an education offense, not a legal problem).
  4. If you intend to publish your own work based on or containing other people's copyrighted work, get their permission.  This might only involve writing an e-mail, but it might also require you to pay something for using their work.
  5. If anyone denies permission for re-using their work, especially if they tell you to "cease and desist", erase all your copies and remove any copies from your (published) work.
  6. If you use other peoples' work as part of published or commercial work (something that earns money), check with a lawyer before publishing your work.  This includes making a web-site, especially if you sell ads on your site.

The Safest Method

The only certain way to avoid copyright problems is to never copy anyone else's work.  That means you only copy photographs that you made with your own camera, only copy videos that you created, and only copy text that you typed out of your own head.

Even if a teacher, another student or a friend asks you to copy something, you still need to follow your own judgement as to whether you should do it.

Hyperlink Solution

The World Wide Web (Internet) was invented in 1990.  One of its primary goals was to provide hypertext links.  The links make it easier and quicker to find a variety of things.

You can use hyperlinks to avoid potential copyright issues.  Rather than copying a picture, you can save a link to the picture.  This is much safer than saving an actual copy of the picture.  You can always see the picture if you need it.  If the owner decides to "protect" their work by removing it from the Internet, you don't need to destroy your copy - the link will automatically stop working.  This keeps everything pretty simple, and takes care of most of the issues listed in the guidelines above.

Saving and Copying Links

Go to Google, click on Images, and then search for something that interests you.  For example, you could search for "penguin".

 img1.gif

Now we want to get a link to the group picture.  This is tricky, because the Google page is not actually displaying the original picture, but rather a thumbnail copy of the picture.  You don't want to link to Google's thumbnail - it might disappear.  You need to click on the Google thumbnail.

img2.gif

Now click on the link to "See full-size image".  Once you see the original picture, you will find it's address in the address bar of the browser.

img3.gif

Now highlight the address and copy it by pressing Ctrl-C.  Now you have copied the link, rather than copying the image.  

What do I do with a Link?

You can paste the link into a document, like this:

http://thepassenger.typepad.com/the_passenger/images/penguin.jpg  

Then a reader can click on the link to see the picture.  But that's pretty unattractive.  A better method is to insert an image link into the page, so that the page will automatically display the image when viewed.  Since you need to acknowledge the source of the picture, you can paste the text-link directly under the picture.  Like this:

     http://thepassenger.typepad.com/the_passenger/images/penguin.jpg  

If you right-click on the picture, you will see that it actually comes from the web-site - it is not embedded in this page.

Writing Web Page Documents

In a normal word-processor, like Microsoft Word, you can insert a web-image, but that actually embeds a copy of the image in the document.  If you want to have a linked image, you need to use a Web-Page editor like SeaMonkey . SeaMonkey is open-source.  That means you may copy it (download SeaMonkey here) and use it freely, without asking for permission.  If you don't already have a copy, you should go to the web-site and download it and install it on your computer. 

Web-pages work a bit differently than word-processing documents.  A web-page keeps images separate.  The images might be in separate files on the hard-disk, or they can sit on a web-site somewhere in the Internet.  Then whenever you edit or view the page, the computer must "go to" the web-site (or disk drive) and load the picture(s).  This has advantages and disadvantages, but it is the standard way of doing things in the web.  So if you are going to work with web images (and videos and links), you might as well do things the normal way.

Using BlueGriffon is not much different than using a word-processor.  You will notice that the formatting works a bit differently, and you can't just drag things around on the screen.  But as long as you are satisfied with straightforward documents, BlueGriffon is pretty simple to use.

You will see more details about editing web-pages in later lessons.  Right now, just do the following simple assignment.  You will probably run into some difficulties with formatting or lining things up.  Don't worry about it - do the best you can quickly.  We will study BlueGriffon in greater detail later.

- Assignment -