Week 6: February 20 – 29
Topic: Copyright and Fair Use
Assignments Due: February 29
This week we will explore the topics of copyright, fair use, and plagiarism. This is a critical topic for Web site designers. If we copy an image, text, or media object from another site and paste it into ours then we may violate copyright even when doing so for educational use. If we modify someone else’s work and use it then this may also be a copyright violation. Here are a few quick tips to consider when “harvesting” materials from the Internet.
Dr. Snelson’s Quick Tips for Web Page Designers: (Good information but not legal advice)
- Tip #2: Check for a Creative Commons License: If this is available, abide by the terms set under the license.
- Tip #3: Determine if it is Public Domain: More than likely there will be something on the Web site that tells you this. Be careful to only trust a public domain designation if the site is credible. For example, US government Web sites such as NASA contain public domain media that you can use.
- Tip #4: Assume Copyright and Ask for Permission: If you cannot find any information that tells you how you may use items from a Web site then ask for permission from the author. If you cannot wait or cannot obtain permission then find something else.
- Tip #5: Don’t Assume that “Educational Use” Protects Under All Circumstances: Fair use restricts use of copyrighted materials to small amounts that are used temporarily. The rules are murky, so you are better off getting permission to avoid violating copyright. For example, suppose I had scanned the entire Non-Designer’s Web Book and put it online for you to download. This is an educational use. However, it would violate fair use because I copied too much and it cost the publisher sales.
I hope this helps a bit when making decisions about whether or not to use something you found on the Internet. Better safe than sorry.
Here are a few resource links that cover various aspects of fair use and copyright. Some of the links will lead you to public domain content.
- Boise State University Campus Guide to Copyright Compliance: http://itc.boisestate.edu/copyright/default.htm
- Center for Social Media (information about fair use and media): http://www.centerforsocialmedia.org/
- Copyright and Fair Use Guidelines for Teachers (quick guide to copyright and fair use in pdf format): http://www.techlearning.com/techlearning/pdf/events/techforum/tx05/TeacherCopyright_chart.pdf
- Creative Commons License Descriptions (Information): http://creativecommons.org/about/license/
- Flickr Creative Commons Licensed Images (Usage based on license terms): http://www.flickr.com/creativecommons/
- Prelinger Archives (public domain movies): http://www.archive.org/details/prelinger
- Project Gutenberg (old texts out of copyright): http://www.gutenberg.org/wiki/Main_Page
- United States Copyright Office (Information): http://www.copyright.gov/
- Stanford University Libraries-Copyright and Fair Use (Information): http://fairuse.stanford.edu/
- Stanford University Libraries-Public Domain (Information): http://fairuse.stanford.edu/Copyright_and_Fair_Use_Overview/chapter8/index.html
- Wikipedia Public Domain Image Resources (List of links): http://en.wikipedia.org/wiki/Wikipedia:Public_domain_image_resources
- The overall topic for this project is copyright and fair use. This is a huge area with a lot of legal details. I don’t expect you to be legal experts or cover every facet of these topics. Rather, I would like for you to pick one topic in this area and focus your activity on that. For example, suppose you are a middle school teacher. You might want to do a project that focuses on illegal music downloads or plagiarized essays. You might want to provide an activity for other teachers to lead them through some fair use guidelines. Please pick what is appropriate for your situation and interests. A few possible topics: (Pick one from the list or come up with your own.)
- Fair Use for Teachers
- Fair Use for Web Designers
- Public Domain Resources for Web Designers
- Copyright Basics for the Web
- Creative Commons Essentials
- Plagiarism and the Internet
- Peer-to-Peer File Sharing: When Does it Cross the Line?
- After you have selected a topic then start to look for information on the Internet. You might want to begin with the links in the introduction section of this page. Another way to begin is to do a Google search for copyright, fair use, or plagiarism, and start browsing the results to look for information.
- Select one or more credible Web sites with information about your topic. The information on this site will be used by your learners to search for answers to questions during the scavenger hunt.
- Write 10 or more questions that can be answered using the website(s) you provided in the activity.
- Write answers for each of the questions. You will use the questions and answers in your scavenger hunt activity.
- The scavenger hunt activity requires two Web pages, an external style sheet, a Word document, and one or more image files for the custom bullets as discussed in the videos.
- Scavenger hunt activity page: Create a new Web page for this project. Save it in the 502 folder of your Web site and name it scavenger.html. This page will have a title, learner description, instructions for doing the activity, and the 10 (or more) questions you wrote. My example has 10 questions divided among 5 categories (hunts). You can use a single list if you like or follow the example. Either way is fine. Please add your name and copyright information to your project.
- Answer key page: Create an answer key page as a separate Web page. Save this page inside the 502 folder. Type each question, its answer, and add a link to the Web site where the answer may be found. Save this page as scavenger_answer.html (NO SPACES)
- External style sheet: Create a new external style sheet and save it as scavenger.css. Save the style sheet in the styles folder. Link this external style sheet to BOTH Web pages: scavenger.html and scavenger_answer.html. This same style sheet will format both pages.
- Student worksheet document: Use your word processor (e.g. Word) to create a worksheet for your learners to fill in while completing the activity. (This is also a nice way to work with online students who will need to prepare an electronic copy of their work to submit.) In the example, I simply copied and pasted the instructions and questions into a document. Save the document in the 502 folder as either scavenger_worksheet.doc or scavenger_worksheet.rtf with NO SPACES in the file name.
- Custom bullet images: Use the Fireworks image editing software as shown in the video to create images for custom bullets on your page. Save the image files inside the images folder in Dreamweaver. You will need to save a copy in the local root and upload the image files to the server. To do this you can click on the images folder in local view and put (upload) the folder or open the folder, click on each image and upload individually.
- If you would like to add additional images or other media to your project it is fine as long as these items add something of value. In the example, I added an appropriate YouTube video, but you do not have to do this. Extras like this are optional and may be included as you see fit. Please make sure to follow the tips that I listed at the top of this page. We don’t want to violate copyright on an activity meant to teach copyright topics. 🙂 Some of the Creative Commons (Flickr) or public domain resources at the top of this page may be helpful when looking for images or other media to include in your project.
- Add a link from the scavenger.html page to the answer key, scavenger_answer.html. This will be a relative link as described in the video.
- Add a link from the answer key page, scavenger_answer.html, back to the scavenger.html page. This will also be a relative link.
- Add a relative link from scavenger.html to the worksheet document, which is either scavenger_worksheet.doc or scavenger_worksheet.rtf. You can link to the worksheet document just like you do a Web page. Please make sure that your worksheet is saved in doc or rtf format. If you are using Office 2007 save the document as a doc rather than docx. Not everyone has the latest version of Microsoft Office on their computer.
- XHTML requirements: In addition to the necessary tags required to create any Web page (e.g., html, head, body, etc.) The XHTML in your scavenger.html page should include a minimum of the following:
- page title text between the <title></title> tags
- absolute link(s) to one or more external websites related to your topic
- div tags to structure the content of the page. You can write these as needed to make your page usable without a style sheet and attractive with one applied.
- heading tags for title and subsections. Use h1 for title, then h2 for subsections. If you subdivide within subsections use h3, then h4, etc.
- link to external style sheet in the head section of each Web page (Try to avoid using embedded or inline styles).
- one or more lists (ordered, unordered, or both)
- a link from the scavenger.html page to scavenger_answer.html
- a link from scavenger.html to the worksheet, either scavenger_worksheet.doc or scavenger_worksheet.rtf
- a link from scavenger_answer.html to scavenger.html
- CSS requirements: The CSS in your external style sheet should include a minimum of the following
- body, heading, color, and text styles of your choosing (Make your page pretty)
- hyperlink styles: a:link, a:visited, a:focus, a:hover, a:active (see page 146 of the HTML book)
- one or more customized lists using images for each bulleted or numbered item in the list.
- Your page should be attractive and adhere to the design principles in the Non-Designer’s Web Book.
- Save and upload all of the files: scavenger.html, scavenger_answer.html, the scavenger_worksheet(.doc or .rtf), and the image file(s) for the custom bullets. Try typing the address to your page to open your scavenger hunt page from the server. Your page should have an address similar to the instructor example. However, the snelsonc part of the URL will be changed to your own user name (typically last name and first initial).
- Validate your XHTML. http://validator.w3.org/
- Validate your CSS code with the W3C CSS Validation Service at: http://jigsaw.w3.org/css-validator/
- Correct any problems with the code.
- I would suggest spell checking your page. Click the Commands menu then Check Spelling.
- If you make any additional changes, please be sure to save your pages and upload them to the EDTECH2 server.
- Open your 502.html page and create a link to the scavenger.html page.