Icon: Screen-friendly stylesheet Screen-friendly page
  • Using a Weekly Newsletter Home Page for Your Illinois Compass Course Site
  • Photo of Robert Baird
    Instructor:
    Robert Baird
    Assistant Professor, Cinema Studies
    Coordinator of Instructional Development, CITES EdTech
    r-baird@uiuc.edu
    333-5092

    Course Where Approach Has Been Used:
    CINE 495: Film in the Age of New Media
    11/8/2004

  • Examples:
  • Toy Story Home Page
  • Screenshot of Forrest Gump Home Page
  • Forrest Gump Home Page
  • Screenshot of Moulin Rouge Home Page
  • Moulin Rouge! Home Page
  • Article Archive

Read Newsletters & Articles :: Feature Articles

Using a Weekly Newsletter Home Page for Your Illinois Compass Course Site

Why: To Capture and Highlight Discipline-Specific Internet Resources For Your Students

For a number of years I've taught a film studies course called Film in the Age of New Media. As in most cinema studies courses, our main objectives are to develop in students a critical awareness of the medium and the ability to analyze particular films, which is essentially the ability to explain how a film uses form, style, and cultural references to create meaning and to generate emotions and responses in viewers. The particular spin I take with Film in the Age of New Media is to study feature films that are simultaneously traditional (drawing from the classical Hollywood cinema) and innovative in their pronounced use of new media, that is, video games, computers, the Internet, and digital production and presentation technologies. Each week we watch, critique, and discuss a new film such as Forrest Gump (for its extensive digital effects), Groundhog Day (for it's video game-inspired narrative form), or Toy Story (the 1st feature-length fully digital animated film).

Students are given course credit for posting comments and analysis of each week's film. This approach has been very successful over the years, encouraging dynamic discussions and sophisticated observations both online and in class. One way I help stimulate student discussions and introduce ideas to the mix is by creating a newsletter style home page for each week and each film in the course. Although the material posted on the home page (film reviews, criticism, film web sites, recent developments in technology) is not required reading, the students seem to enjoy and utilize these resources in their online and in-class discussions. I believe that a newsletter style home page encourages students to be more active explorers of our course home page and course web site.

The weekly newsletter provides a mechanism for a number of important teaching responsibilities: selecting, editing, and annotating from among endless content. I will often chose film reviewers that disagree with one another, or else present provocative statements. I always use the online newspaper and magazine model where I post a short sentence or paragraph of a longer article or essay and then have a "more" link to the fuller resource.This helps me promote certain writers and articles and parts of articles to students, without simply providing dozens of links to students without being judicious and highlighting what I deem important. The "Site of the Week" and the "Quote of the Week" and "In the News" all provide logical channels that help me privilege some content over the myriad of other choices.

How To:

Making Simple Web Pages With A Template

  1. Know HTML or Fake It: You'll need a rudimentary knowledge of HTML or how to use Dreamweaver, Frontpage, Netscape Composer, or some other web page editor if you want to create these newsletters. I am somewhat familiar with HTML, but what I don't know I can get help with in Dreamweaver or FrontPage. [At the end of this article you will find a HTML template that can be modified to begin your own newsletter.
  2. Make or Borrow a Template for Your 1st Newsletter: Once I developed my first two-column example for the first week of the course using FrontPage, I simply used that as a template for my next weekly newsletter. I literally open last week's file and then SAVE AS with the new weekly film title name: toy_story_newsletter.html becomes fight_club_newsletter.html. Then I set out to work changing the content of the newly renamed file to reflect that week's film. To create a two- or multi-column layout in HTML, use the table commands to create boxes within boxes. By placing two table boxes inside a single box, one has just created a very simple frame to hold two columns of information. That and the use of simple horizontal lines (Insert > Horizontal Line/Rule) might be all of the tools that one needs to create some useful layouts.
  3. Titles in the Header, Content in the Body, Newsletter in the Footer:Once you have a newsletter style you like, you should copy the entire HTML code for that page, and then paste this into the footer of the Compass home page, or else the footer of an Organizer page (Organizer pages behave essentially like a Compass home page, allowing one to segment one's course into more manageable units). If you have links to local image files, you will need to upload those files into the File Manager of Compass and make sure that the hyperlinks are relative to only the file name and do not include your local computer drive and so forth.
Link Types
 
BAD - Local Path Link
links of this kind will not work, of course, when the files move to another web server or computer and the local path does not exist:
<a href="file:///C|/Documents%20and%20Settings/r-baird.UIUC/Desktop/2_column_newsletter_template.htm">
Good - Relative Link
links of this kind will work when the HTML page and all of the reference files are moved into the same folder/location since there is no "local path" and only the file name of the hyperlinked file:
<a target="2_column_newsletter_template.htm">

You can use the header of your Compass page for your course title or weekly segment title and announcements. The body of the page is where you add links to Compass tools and weekly assignments and information:

3 main page areas to work with inside Compass:

Header:

add course and/or course section title and announcements
Screenshot of Illinois Compass Home Page with Newsletter
image showing 3 main page areas: header, body, footer
Page Body:
add links to Compass tools, assignments, content
Footer:
add newsletter style home page information

  1. Open in a New Browser Window: For all web pages outside of my local Compass course, I always choose to have web sites open in a new browser window. This helps ensure that students don't get too far from my Compass course and that some more dynamic web sites don't open inside the limited Compass course home page area. Thus, I want external web sites to open in new windows for 3 reasons: marketing my own course; to avoid technical conflicts between Compass and advanced web pages; and, due to limited "real estate" of the Compass home page frame, I don't want to squeeze larger web sites into this limited space. The HTML command for opening links in new browser windows can be done in FrontPage by choosing Target Frame | New Window; in Dreamweaver use the "Target" dropdown and choose the "_blank" option. The HTML code for a web page to open in a new window is "_blank," displayed in red below:
    • <a target="_blank" href="http://www.uiuc.edu">http://www.uiuc.edu</a>
  2. Every Newsletter Deserves a Title: Since one always needs a basic title (such as the week's film and date) and it's good to remind students of learning objectives, I always use the header of the home page for just this bit of information, which can be done in HTML code if you want to format your text or add learning objectives, announcements, links to resources, images, or tables.
  3. Test with Student View:You'll always know if your newsletter home page works for students by testing with the Student View inside of Compass.
  4. Archive with Organizer Pages:
    Each week I take down my old course newsletter and archive it by adding a new Organizer page named for the week and film, and then paste the HTML code for the newsletter into the footer of that Organizer Page. The footers of Organizer Pages behave just like the footers of the Compass home page.

Resources:

Tools and Information to Help

Template file to get you started: 2 Column Newsletter Template