HTML Web Design - Homework Assignment 06

What is your widget going to be?

Multimedia - In Class Assignment 06

Gimp Glowing Text / Animation Tutorial

Click on the following link to start the tutorial:
Start tutorial

HTML Web Design - In Class Assignment 10

"World of Widgets" - Project 02:
Project Overview

Multimedia - In Class Assignment 05

Create an Animation with GIMP!

A relatively easy way to create animations is to use a graphics program to create an animated ".gif" file.

Before starting, I would like you to read through the following article:
.gif file format

**Send me an email when you finish reading this, stating "I have finished reading the article."

Now that you are familiar with what a .gif file is, you will be creating your own animated gif.

1. Open GIMP.
2. Create a new Document.
3. Make sure the "Layers" dialog window is open.
4. Each layer that you create represents a "frame" in your animation.
5. Animation is played from your bottom-most layer, to your top-most layer.
6. To preview your animation, go to: Filters -> Animation -> Playback
7. You can delay the transition of a frame by typing (3500ms) in the "layer properties"
8. Your animation must have at least 10 frames.

Examples of some animations:

1. Print out your name, with one letter on each frame.
2. A stick figure skateboarding.
3. Stick figure playing the guitar.
4. A frowning face that morphs into a smiling face.

The Best Flash Game Ever

Line Rider

HTML Web Design - In Class Assignment 09

Practice CSS positioning by following the instructions in this document:

More CSS Positioning Practice

Multimedia - In Class Assignment 05

Research an Operating System Other than Windows XP

Create a Google document named “Operating System – Research”

Answer the following questions:

1. What is the name of the Operating System?

2. What is the company that sells the Operating System?

3. What was the 1st release of the Operating System?

4. What is the latest release of the Operating System?

5. How many lines of code are in the Operating System?

6. What programming language is the Operating System developed with?

7. What are 3 features of the Operating System?

8. How much does the Operating System sell for?

9. What are the minimum hardware requirements to run the Operating System?

10. Name 2 ways the Operating System is similar to Windows XP, and 2 ways that it is different.

Multimedia - Lesson 08

We will begin class with your 1st test. Please click the following link to start:

Start test

HTML Web Design - Lesson 11

We will begin class with your 1st test. Please click the following link to start:

Start test

HTML Web Design - In Class Assignment 08

Practice CSS by working on the tutorials at the following link: (link will only work at school)

More CSS Practice

HTML Web Design - Homework Assignment 05

What is CSS and how does it benefit you as a web developer?

HTML Web Design - Lesson 10

Intro. to CSS

• CSS stands for Cascading Style Sheets.
• Styles define how to display HTML elements.
• Styles are normally stored in style sheets.
• External style sheets are stored in CSS files.
• External style sheets can save you a lot of work.
• Use external style sheets!

What is a formal definition of CSS?

• Language used to describe how an HTML document should be formatted.
• Examples:
• Setting the font name.
• Changing font sizes.
• Formatting table or container borders.
• Positioning html tags.

What is the main reason I should use CSS?

• It enables you to change the appearance and layout of ALL the pages in your web site, just by editing one single CSS document!

Where can the styles that I create be stored?

• 3 locations:
• External style sheet (recommended for most instances)
  
• Internal style sheet (use when appropriate)
  
• Inline style (use when appropriate)

What is the precedence if you are using all 3 locations for your styles?

• Highest precedence
• Inline style
• Next precedence
• Internal style sheet
• Least precedence
• External style sheet

How can I reference an external style sheet?

• <link rel="stylesheet" type="text/css" href="mystyles.css" />
  

Multimedia - What's my grade?

This link will only work if you're logged on to the network at school!

What's my grade?

HTML Web Design - What's my Grade?

This link will only work if you're logged on to the network at school!

What's my grade?

HTML - Software

Microsoft Visual Web Developer Express

1. Click on the following link to download and install:
1. http://msdn.microsoft.com/vstudio/express/vwd/
   

Multimedia - Software List

Gimp (this is a 2-step installation)

1. Click on the following link:
   
1. http://gimp-win.sourceforge.net/stable.html
2. Download and Install:
1. GTK+ 2 Runtime Environment
2. The GIMP for Windows

Inkscape

Download Inkscape

Blender

Download Blender

Multimedia - In Class Assignment 04

You are a graphic artist for a computer company. Your assignment is to design an advertisement for a multimedia computer.

**Project is due Monday 17-September.

You will be using GIMP to complete the assignment.

1. Name of the computer is: Multimedia Speedster 2010
2. Specifications to include (you must use at least 5)
1. Computer
2. Monitor
3. CD-RW/DVD drive
4. Microphone
5. Keyboard
6. Mouse
7. Speakers
8. ...etc.
3. Your specifications MUST BE real components.
1. You can search for them on the internet.
2. Include the price for each component.
3. Your total price limit is $3500

You will be graded based on the following criteria:

• Logo for "Multimedia Speedster 2010"
• Is it there and spelled correctly?
• Does it look attractive?
• Is it eye-catching?
• Computer components
• Are there 5 or more?
• Is the price listed?
• Are they real components?
• Are they spelled correctly?
• Is the total price under $3500?
• Overall
• Layout
• Presentation
• Effort
  

Multimedia - In Class Assignment 03

Create a Logo with GIMP

Today we will be doing a GIMP tutorial. This tutorial will get you a little more familiar with the layout and tools in GIMP. It will also prepare you for future assignments.

Start tutorial

Multimedia - Lesson 07

Hardware and Multimedia

Lecture/Powerpoint/Notes

We will begin class with a quiz...
Click to Start

Multimedia - In Class Assignment 02

Business Analysis

***don't forget about the quiz tomorrow on chapters 2 & 3***

Background: Many business Web sites market products or services directly to consumers; such sites are referred to as business-to-consumer (B2C) sites. Sites that market to other businesses are referred to as business-to-business (B2B) sites.

Directions: Research 4 business Web sites. Complete the chart below by listing the site address, the company name, and the type of site. For B2C sites, describe the age, interests, or gender of the site's target audience. For B2B, describe the type of company that the business is targeting. List any media components that you find used on the site. Then make one recommendation for improving the site.

**You will be recording your answers on Google Documents

1. Create a new spreadsheet in Google Documents.
2. Name the spreadsheet "Business Analysis" - points will be deducted if this is not named correctly.
3. Your spreadsheet will have 5 column headers:
1. Site Address
2. Company Name
3. B2B or B2C ?
4. Media Components
1. A=Animation
2. G=Graphics
3. P=Photos
4. S=Sound
5. V=Video
5. Target Audience/Recommendation for Improvement
   

Multimedia - Lesson 06

Multimedia and Society

Lecture/Powerpoint/Notes

Multimedia - Lesson 05

The Internet and Multimedia

Lecuture/Powerpoint/Notes

HTML Web Design - Lesson 09

HTML Tables

1. The opening/closing table tags are: <table> </table>
1. The border attribute is used to specifiy a specific size of border for the table.
2. The height and width attributes specify the size of the table.
1. These attributes take either a percentage or a fixed pixel value.
   
2. A table row is represented by: <tr></tr>
3. Table data (column) is represented by: <td></td>
1. Table data can span columns with the colspan attribute.
1. Set the value to the number of columns the table data will span.
   
2. Table data can span rows with the rowspan attribute.
1. Set the value to the number of rows the table data will span.

Example

<table height="100%" width="100%" border="1">

<tr>
<td colspan="2">Banner goes here</td>
</tr>

<tr>
<td rowspan="2">Side links go here</td><td>Content here</td>
</tr>

<tr>
<td>Content here</td>
</tr>

</table>

Result