CITS F221 Graphics and Multimedia for the Web


Fundamentals of Graphics, Animation, Audio, and Video for the Web

August 14th

Course Description:
CITS F221 is a 3 credit course that teaches students how to create graphics and multimedia content for the Web. Graphic topics include formats, size and resolution, optimization, and design fundamentals. Multimedia topics include animation, interactivity, and combining sound, speech, graphics, photographs and video.
The course is offered through the Tanana Valley Campus (TVC) at [...]

August 14th

Introduction:
Images can be found all over the web these days serving various roles – as content, as design elements, and as navigational aids.
How does understanding the technical aspects of images such as format, color, and resolution make you a better web developer? When we talk about something as innocuous sounding as “size”, what are we [...]

August 14th

Introduction:
Optimizing images for the web is a constant compromise between image quality and image size. Remember that for each image included on a web page, additional bandwidth or time is required to download to a viewer’s computer. The smaller your images are, the faster a page will load. At the same time, the quality of [...]

August 14th

Introduction:
Pixels are great for displaying photos, but aren’t a good solution for all graphics. In the past two lessons we worked with raster images—pictures made of pixels. In this lesson we’ll explore vector objects and drawing tools as a smarter alternative for creating many types of web graphics.
Objectives:
You will learn:

why vector is a better choice [...]

August 14th

Introduction:
In the past few weeks we’ve talked about discreet graphic elements that might appear on a web page, including photos, banners, and buttons. In this lesson we’ll take a step back to think about the context in which those elements fit. What are the principles of aesthetics and design that influence our choice of colors, [...]

August 14th

Introduction:
Images play a large part in making web pages attractive. They can do a great deal for a site in a single glance by attracting and directing eyes and creating interest on a page before a viewer even has a chance to read a single word. The tricky thing about images on the web is [...]

August 14th

Introduction
Navigation is one of the most, if not the most, important parts of a web page. Without links and navigation it would be impossible for use to get around the web and find information. This lesson covers how to build list-style navigation and image rollovers on hyperlinks.
Objectives
In this lesson students will learn to:

a text menu [...]

August 14th

Introduction
To this point in the course we’ve been discussing web graphics. Now we turn to the topic of multimedia. We’ll begin our study of multimedia with a discussion of animation—making objects move and change on screen. There are several ways to accomplish animations on the web; for this class we’ve chosen to explore the process [...]

August 14th

Introduction
Flash is frequently used to design portfolio sites. Visitors to portfolio sites are looking for something artistic, unique, and visually stimulating. When designing an information space, however, keep in mind that visitors are often annoyed by Flash design. The key is to enhance  communication and user experience without gratuitous effects that impede users from finding [...]

August 14th

Introduction
With the increased popularity of portable media players and podcasts, web audio has become another method of creating, disseminating, and consuming information for creativity, learning, and entertainment.
Objectives

Understand the basics terminology used when creating digital audio
Find audio for reuse
Record your own audio
Use Audacity to edit a multi-track audio recording

When recording and optimizing audio, just as with [...]

August 14th

Introduction:
Objectives:
Reading:
Lecture:
Activities:

August 14th

Introduction:
Objectives:
Reading:
Lecture:
Activities:

August 14th

Introduction:
Objectives:
Reading:
Lecture:
Activities: