Last update: May 3, 2007

Web Publishing I

Course description

This is a fundamental Web/Internet class that will cover a broad range of issues regarding the history, potential future and current “reality” of the internet. This is a multimedia class that will explore using html to integrate copy, still images and animation to create pages, as well as site structure, analysis, posting to the web and many more issues.

The "look" of this website

The visual design of the website uses a CSS style sheet created by Carissa Rapalo (see more of her work below). It will change from time to time as students develop other ideas.

Students & Projects

• Danelishen, Sara

• Bill of Rights
• Great Sites
• Table 1
• Class site style
• Self-portrait, sliced with rollover
• Rollover, sliced vs. CSS
• Website makeover sketches

• Duplessie, Matthew

  • Bill of Rights
  • Great Sites
  • Table 1
  • Class site style
  • Self-portrait, sliced with rollover
  • Rollover, sliced vs. CSS
  • Website makeover sketches (1) (2) (3)

• Gutsulyak, Mykola

  • Bill of Rights
  • Great Sites
  • Table 1
  • Class site style
  • Tables vs CSS

• Haas, Garrett

  • Bill of Rights
  • Great Sites
  • Table 1
  • Class site style
  • Self-portrait, sliced with rollover
  • Rollover, sliced vs. CSS
  • Website makeover sketches (1) (2) (3) (4) (5) (6)

• Masaveg, Thomas

  • Bill of Rights
  • Great Sites
  • Table 1
  • Class site style
  • Self-portrait, sliced with rollover
  • Rollover, sliced vs. CSS
  • Website makeover sketches

• Mey, Rebecca

  • Bill of Rights
  • Great Sites
  • Table 1
  • Class site style
  • Self-portrait, sliced with rollover
  • Rollover, sliced vs. CSS
  • Website makeover sketches (1) (2) (3) (4) (5) (6) (7) (8)

• Oldag, Eric

  • Bill of Rights
  • Great Sites
  • Table 1
  • Class site style
  • Self-portrait, sliced with rollover
  • Rollover, sliced vs. CSS
  • Website makeover sketches

• Rapalo, Carissa

  • Bill of Rights
  • Great Sites
  • Table 1
  • Class site style
  • Tables vs. CSS
  • Self-portrait, sliced with rollover
  • Rollover, sliced vs. CSS
  • Website makeover sketches (1) (2) (3) (4) (5)

• Ryan, Mary

  • Bill of Rights
  • Great Sites
  • Table 1
  • Class site style
  • Self-portrait, sliced with rollover
  • Rollover, sliced vs. CSS
  • Website makeover sketches (1) (2) (3) (4) (other)

• Starin, Cynthia

  • Bill of Rights
  • Great Sites
  • Table 1
  • Class site style
  • Tables vs. CSS
  • Self-portrait, sliced with rollover
  • Rollover, sliced vs. CSS
  • Website makeover sketches (1) (2) (3)

• Williams, Dwight

  • Bill of Rights
  • Great Sites
  • Table 1
  • Class site style
  • Self-portrait, sliced with rollover
  • Rollover, sliced vs. CSS
  • Website makeover sketches

• Zmrazek, Jim

  • Bill of Rights
  • Great Sites
  • Table 1
  • Class site style
  • Tables vs. CSS
  • Self-portrait, sliced with rollover
  • Rollover, sliced vs. CSS
  • Website makeover sketches (1) (2) (3) (4)

Project Examples

March 29:

• See the finished simple rollover in action.

April 5:

• See the sliced page with rollovers.
• Download the Photoshop file with layers (4.9 Mb)
  Control-click (Mac) or right-click (Windows) to download.
• Download the large background photo (700 Kb)

Resources

Search Engine Optimization

On April 19, 2007, Marc Majers, Senior Web Designer at Insurance.com talked with the class about how to build sites for maximum search engine "findability." You can see his helpful Powerpoint presentation here. You may also want to visit Marc's website, LeadingHands.org.

Check your grades

Use this link to login to Gradekeeper. You must enter your name EXACTLY as the college has it: Last name, First name. Your student number has to be entered with an uppercase "S".