Web Expressions – Website Rubric

Here’s the rubric that you asked me to re-post. The original can be found here.

Points Subject
20 Website Structure
  Site is easy to navigate and is reasonably accessible
  Site meets objectives specified in artist’s note.
  Effectively exhibits various type of media
20 Content
  Scale of work (is it a significant effort)
  Success in achieving objectives
  Initiative and Originality
10 Takes risks by exploring new means of creative expression
10 Shows sophisticated use of technology by applying new techniques
20 Response to Peer-Review
  Effort to address peer-review
  Participation in the peer-review process (as reviewer and/or reviewee)
20 Effective use of tools and file formats
  Appropriate file formats used
  Effective use of file compression

Web Expressions – Peer Review

Welcome back! (sucks doesn’t it?)

This week I have opted to finish up the peer review process on your websites as there are still a few of you that have not yet been in front of the class! Next week, our class periods will be used to work on your sites (thus, we will not be meeting). If you have questions at any time during that week, please, e-mail me and I can attempt to answer your question via e-mail and/or we can set up a time to meet.

I will also be available via AOL Instant Messenger Monday-Thursday if you want to contact me quickly. IM Name: WorkBork.

Your webpages will be due on Friday of Finals week. I will begin grading them that weekend.

Web Expressions – Lab Cancelled

Folks, as I’m sure you are well aware, myPlymouth has been acting extremely sluggish the past few days. A few of my co-workers and I have been tasked with finding a resolution and have been instructed to research and fix the problem. As such, I will be unable to attend a lab today…we will do the movie lab on our return from Thanksgiving.

Now, since you will have 2 weeks to prepare for that lab, I think I might add a little bit more to it :)

Here’s what I want you to do for the next two (lab-wise):

  • Think of a topic for a video. Remember the types of video we discussed in class?
    • Explanation
    • Entertainment
    • Tell a Story
    • Personalization
  • Find the resources you want to use for your video and save them to your M:Drive. For this video you will need to incorporate a title screen (or intro), your actual movie (perhaps cutting to text descriptions wherever), credits, music and/or voice-over.
  • Here are some resources:
  • After you have decided on your topic, post that topic on your blog…along with some ideas on what will happen in your video (from music that will be playing in the background, to scrolling text, to actual video footage)

Web Expressions – End of Week 10

Seeing how we have no class this Friday due to Veteren’s Day, I figured I’d post the ‘End of Week’ blog post a bit early.

What to have done for next week:

  • Weekly Blog Posts…keep those coming! Keep browsing your fellow student’s blogs and commenting on them. You are getting graded both on your blog posts and your blog participation through commenting (as I’ve mentioned before)
  • We have a Quiz on Monday about Audio, so review the slides!
  • Make sure this week’s lab is complete by Wednesday
  • Keep working on your websites. We’ll be doing more critiques next week.
  • Delete the Internet

Web Expressions – Sound Lab

You will be messing with Sound for this lab! w00t! As I mentioned before, we will be using WavePad to edit sound. The program is pretty cool, and best of all, its Free! In this lab you will learn some basic concepts about audio as well as get a chance to play around with some sounds to see how it works first hand.

Here’s the prep work:

  1. Open WavePad (You can find it by clicking Start > All Programs > Classes > Web Expressions > WavePad)
  2. Click the Help > Help Contents menu.
  3. Click on General Audio Concepts (Samples, Channels etc..)
  4. Read it. This is key to understanding what we are doing in this lab

Here’s the Audio Editing Exercise:
Use WavePad to edit an audio clip.

  1. Find and download a sound file. Get one from The Daily Wav (save it to your M:Drive in your Home directory)
  2. Open the sound file in WavePad
  3. You should now see a wave pattern in WavePad. Click play (at the bottom of WavePad) to play the sound file.
  4. Now its time to fiddle with effects! Click the Effects menu in WavePad and check out what you can do. Play around with it. As you add effects to the sound file, keep track of what effect your used and what the settings were in that effect. (you will be blogging this)
    • When adding effects, highlight different parts of the wave (by clicking and dragging on the wave) and then adding the effect. This will allow you to add different effects to different parts of the sound file
  5. For this assignment, you need to add at least 5 effects to the sound file! (one of which must be a Simple Speed and Pitch Change)
  6. Once you have the effects that you like on the sound file, save the file 3 times as a .wav format using different qualities.
    1. Save the first version as CD quality (44,100/16bit)
    2. Save the second version as Radio quality (22,050/8bit)
    3. Save the third version as Telephone quality (11,025/8bit)
  7. Now open the 3 audio files that you created and listen to the difference in quality. Also, look at the size of the files and note the relations of file size to sound quality.
  8. Blog your sounds. Use http://oz.plymouth.edu/~your_username/folder/file.wave Your blog should have:
    • a link to the original sound file
    • A list of the effects you applied to the sound file
    • a link to the CD quality sound file
    • a link to the Radio quality sound file
    • a link to the Telephone quality sound file
    • Write a brief summary of the relation between sound quality and filesize
  9. Repeat steps 1 through 8 with a different sound file

If you have an urge to add sound to your website, refer to this tutorial.

(Lab compliments of Dee Brown)

Web Expressions Lab

As we are doing more and more peer reviews in class, I see a need for your webpages get further along. I have decided that rather than working with sound this week, we will postpone it until next week (which will give us time to finish our slides). Use today’s lab to work on your sites some more. I will not be in lab, but send all questions you have to me via e-mail and/or prepare them for Friday’s class. Here are the goals for your sites for todays lab:

  1. Make sure your page loads when you click on the links I have provided in ‘Student Blogs and Sites
  2. Have all your pages that you plan to have on your website created. Put content on those pages (even if you don’t have all the content yet)
  3. Link all of your pages together.
  4. Make adjustments to your site based on the peer review we have done in class.
  5. Update your Artist’s Note.

Web Expressions – End of Week 8

Here are the slides for this week! Week 8

This week we are discussing Animation, namely:

  • The Goals of Animation
  • Animation Examples
  • How Animation Works on the Web
  • Compression
  • Creation
  • Formats
  • Embedding

We won’t be finishing this chapter this week, so no quiz on Monday. I have a required blog post for you to do, however. Please create a blog post about Animated banner ads…What types have you seen? Do you like them? Why or why not? Are the effective to you? Are there some you are more drawn to click than others? What drew you?

The above blog post is due next Wednesday.

Web Expressions – Lab 5

In this lab we will be using Adobe Photoshop Elements to create and edit images. This lab will consist of 2 parts:

  1. Videos on some basic tools and menus
  2. Assignment for creating two additional images

To Open Photoshop Elements: Click the Start Menu > All Programs > Classes > Web Expressions > Adobe Photoshop Elements 3.0

Videos on some basic tools and menus
These videos are from Photoshop Elements User and are hugely more useful than reading step by step instructions on the various tools. They take some time to watch so you may have to watch them throughout lab as well as on your own time (in order to complete the second and third parts). I would urge you to watch a video, then try doing what it is discussing before moving to the next video.

Here are the ones I want you to watch for this lab (you can watch more if you want to learn more cool stuff):

  1. Interface
  2. Layers, Part I
  3. Change Colors
  4. Cookie Cutter
  5. Photo Filter

For videos 2 through 5, make your own image using the techniques explained and save it as a jpg (File > Save As, then select *.jpg from the filetype drop-down list) then post it on your blog.

Additional Images – Image 1
The first image I want you to create from scratch is a banner image for your webpage to go at the top of your website. (an example would be the banner at the top of my blog that has my blog title and my feed).

  1. Click File > New
  2. Set the width to 800pixels (for starters) and the height to 90 pixels.
  3. Fill the background with the color of your choosing (it should match the color scheme of your website)
  4. Add some text…the title of your site, maybe a slogan, etc.
  5. Find an image to accompany the text and put that in your banner image.
  6. Save the image as a *.gif and put it on your website

Additional Images – Image 2
Create a humorous image using certain features available in Photoshop then post it on your blog. On your blog post, list the techniques that you used to create this image: E.g. various filters, smudge tool, clone tool etc. (use at least 5 tools). Be creative :)