Computer Apps

Handouts

Notes on WORKFLOW and FILE MANAGEMENT

Dreamweaver Site Definitions - FTP client

Bad Tags
A great article that answers all of those questions like "Why should I be using <em> instead of <i>?

Flash Basics - ActionScript 3 handout

Final Exam Study Guide

HTML References

HTML Dog
A well-organized, current reference with Beginner, Intermediate and Advanced sections for HTML and CSS. Of special interest is the Bad Tags article.

W3 Schools
This is my favorite reference and will always be the most up-to-date with respect to current standards. Of particular interest are the HTML 4.01, XHTML 1.0 and CSS 2.0 links under References, and the interactive HTML Examples.

Getting started with HTML
An introduction to what HTML is and how it is used. While the theory presented here is solid, beware that some of the code examples are out of date.

HTML Basics
Another overview of the concepts of HTML.

HTML Cheat sheet
Helpful references for color codes, special characters, etc., but the HTML reference is slightly out of date.

Understanding relative and absolute document paths.

Other Technical Resources

Downloadable CSS Cheatsheet

W3C - World Wide Web Consortium

W3C HTML Specifications

W3C XHTML Specifications

Strong Bad's guide to making a web site

Assignment 01
Hello Word

Create a basic HTML page. Save as index.html. Upload the file to your OLS account with or another FTP client. This is your home page and will be the basis for each of the future assignments.

After you upload your files and test the site, send me an email with your URL from your OLS account.

Download the assignment sheet for more information and complete requirements.
Download the FTP handout.

Assignment 02
Hyperlink Bio

Interview a partner as a journalist writing a brief biographical summary (examples). Type up the paragraph in MS Word. Add two versions of it to your web site as Assignments 02a & 02b. The first (part A) will be the letter saved as a Web Page from MS Word, the second (part B) will be an HTML page you write from scratch. In the text of the bio, create a relative link, an absolute link, and an email link on relevant text. Title and date each page.

Download the assignment sheet for more information and complete requirements.

Assignment 03
Image Optimization for the Web

Explore the multitude of options available for creating a web-optimized image file. Compare the qualities and capabilities of the .JPG, .GIF and .PNG file formats by saving both a photographic image, and a graphic image in each format with a variety of different settings. Create a web page that uses tables to display the resulting images.

In-Class Exercise: Add two optimized images to your Assignment 03 page and link them to pages containing larger versions of the images.

Download the assignment sheet for more information and complete requirements.

Assignment 04
Dreamweaver 101

Use Dreamweaver to build a 5-page web site about your four favorite artists. Remember to cite the sources of your images and any quoted text.

Resources for this assignment:
You must create a site definition before using Dreamweaver for the first time.
MLA Formatting and Style Guide at the Purdue University Online Writing Lab

Download the assignment sheet for more information and complete requirements.

Assignment 05
Portfolio Site Proposal

Create proposal for your Personal Portfolio project including an optimized scan of a hand-drawn site map. Post it on your web site as Assignment 5. Date it. See the Project 01 assignment sheet for more details.

Project 01
Porfolio Website

Create an informative, 6-page web site presenting your artwork and the work of two artists that have been influential to you.

Download the assignment sheet for full details.

Other useful sites:
Purdue University Online Writing Lab Remember, you must include a works cited page, and any quoted material must have appropriate in-text citations.
LRC Online Databases (you may need to be logged in to the forums to access these databases)

Bounce the ball. Use a graphic symbol and a motion tween with a motion guide. Publish it. Date it. Post the assignment to your website.

Download the assignment sheet for full details. Download the Flash handout from class.

Create a web page with a one paragraph summary of your project and web-optimized scans of your thumbnails/storyboards. Date it. Post the assignment to your website.

Download the Four Seasons assignment sheet for full details.

Using parts that you are developing for your Four Seasons project, make a movie that demonstrates the use of ActionScript to stop playback and enable button symbols load a new scene. Publish it. Date it. Post it as Assignment 10 with a link back to your home page. (If you are looking for an extra challenge the "back to index" link could be built into the Flash movie using ActionScript.)

That's all there is to it. There is no assignment sheet. Here is the AS3 handout from class.

Create a 4-scene interactive Flash movie based on the four seasons.

Download the assignment sheet for full details.