| 1 | | 2 | | 3 | | 4 | | 5 | | 6 | | 7 | | 8 | | 9 | | Project | |
Below are each of the course assignments. Students MUST complete each assignment individually on or before the indicated date.
In cis.bentley.edu/students/{your User ID}/, create a subdirectory
named CS313 into which you will upload all files satisfying assignment
requirements for this class.
NOTE: Use your e-mail account name in place of {your User ID}.
Create an HTML file named CS313.HTML which will ultimately contain links to all HTML assignment documents and act as a jump station to all the HTML assignment documents. This HTML file will contain (at a minimum) your abbreviation and the set of links to the HTML assignment documents.
Use Microsoft Paint to create a bitmap file
(extension .BMP), using a file name of the form {K145EA.BMP}.
Convert {K145EA.BMP} to {K145EA.GIF} using
I_view32.exe.
Create an HTML document named {K145EA.HTML} containing
the file named {K145EA.GIF}.
NOTE: When naming your files, remember to use your Soundex abbreviation (NOT {K145E}) as obtained by using the Modified Soundex Algorithm.
In completing this assignment, you should find the following links to be helpful:
| Go to: | | TOP | | | PROJECT | |
|---|
| Go to ==> | 1 | | 2 | | 3 | | 4 | | 5 | | 6 | | 7 | | 8 | | 9 | | <== Go to |
|---|
For this assignment, use ICoNrama.exe to create an icon file (extension .ICN) and then use the "Save as" option to convert it to a .BMP file. Please note that ICoNrama.exe is a "beta" version of the software and, therefore, lacks some of the niceties of commercial packages. It may require a bit of practice to become accustomed to, and comfortable with, its features. In addition, you should also note that ICoNrama.exe will only run on a machine that has Visual Basic installed on it; if you do not have Visual Basic, it is available on all the machines in the Lindsay Lab, which you can use for all assignments requiring the use of ICoNrama.exe.
Save the .ICN file you create with ICoNrama.exe,
using a filename of the form {K145EB.ICN}.
Create a black 1x version bitmap file (extension .BMP) of
your icon, using a filename of the form {K145EB0.BMP}.
Using I_view32.exe that was downloaded in Assignment 1, convert {K145EB0.BMP} to {K145EB0.GIF}.
Create 5 more GIF files, using names of the form {K145EB1.GIF}
through {K145EB5.GIF}, corresponding to various colored versions of
{K145EB0.BMP} .
Create a web page, named {K145EB.HTML}, which displays the six GIF files {K145EB0.GIF} through {K145EB5.GIF}, as well as
{K145EB.ICN}, the icon file you created.
Place an appropriate link to {K145EB.HTML} on your CS313.HTML page.
NOTE: When naming your files, remember to use your Soundex abbreviation (NOT {K145E}) as obtained by using the Modified Soundex Algorithm.
In completing this assignment, you should find the following link to be helpful:
If your machine does not have Visual Basic installed, the following link can be used to load the Visual Basic Version 5.0 run-time files required by ICoNrama:
| Go to: | | TOP | | | PROJECT | |
|---|
| Go to ==> | 1 | | 2 | | 3 | | 4 | | 5 | | 6 | | 7 | | 8 | | 9 | | <== Go to |
|---|
The requirements for this assignment are to enlarge the ICN file that you created in Assignment 2; make a second version of the ICN file and add color to it; convert both files to GIF format; and finally create a new Web page that will "rollover" from the original to the colored version and back, either as the mouse moves over the image and/or using appropriately labelled form buttons.
Load the .ICN file (name of the form {K145EB.ICN}) and
make it black and of 4x size (the equivalent of
128x128 pixels).
Using the appropriate programs, convert the file to a .GIF format, naming
this enlarged version {K145EC0.GIF}.
Make a second version of the enlarged file, this time with at least
4 different colors in it, using the appropriate programs for coloring and
format conversions; name this second version of the file of the form
{K145EC1.GIF}. That is, you will be making a colorized version of
{K145EC0.GIF} and naming it {K145EC1.GIF}.
Finally, create a web page named {K145EC.HTML} that has
an IMG tag with SRC equal to {K145EC0.GIF}.
Make the {K145EC0.GIF} image rollover to {K145EC1.GIF} when
the mouse moves over {K145EC0.GIF} or when the appropriate button is
pressed.
When the mouse is no longer over the {K145EC1.GIF} (or when the
appropriate button is pressed), it returns to the original
{K145EC0.GIF} image.
NOTE: When naming your files, remember to use your Soundex abbreviation (NOT {K145E}) as obtained by using the Modified Soundex Algorithm.
In completing this assignment, you should find the following links to be helpful:
| Go to: | | TOP | | | PROJECT | |
|---|
| Go to ==> | 1 | | 2 | | 3 | | 4 | | 5 | | 6 | | 7 | | 8 | | 9 | | <== Go to |
|---|
This purpose of this assignment is to demonstrate the individual steps that are necessary to create an animated graphic. The graphic is to be based on the icon you created in Assignment 2; the animation can be either "movement" of the image, or continually changing the line color of the icon. The Web page you create can either start the animation "automatically" as soon as the page is loaded, or by using properly labelled form buttons.
Load the .ICN file (name of the form {K145EB.ICN}) and
make it black and of 8x size (the equivalent of
256x256 pixels). If not already done, save the icon as a GIF image, using a
name of the form {K145ED0.GIF}.
Create at least five more GIF files, using names of the
form {K145ED1.GIF} through {K145ED5.GIF}, each of which has
either a color that is different from the previous image or has an image that
differs from the previous one in a "logical" fashion.
Create a web page named {K145ED.HTML} containing the simple animation that you developed from these GIF files that are based on the BMP files that were generated using ICoNrama.exe.
NOTE: When naming your files, remember to use your Soundex abbreviation (NOT {K145E}) as obtained by using the Modified Soundex Algorithm.
In completing this assignment, you should find the following links to be helpful:
| Go to: | | TOP | | | PROJECT | |
|---|
| Go to ==> | 1 | | 2 | | 3 | | 4 | | 5 | | 6 | | 7 | | 8 | | 9 | | <== Go to |
|---|
This assignment shows how using transparency in an image can make the image an integral part of the Web page instead of floating on top of it. Once again, the assignment requires you to use ICoNrama.exe and I-view32.exe to create the GIF images and then Paint Shop Pro to create the transparency effect.
The results of this assignment will be in a web page, named using the form
{K145EE.HTML}. In order to clearly display the effects of
transparency, the page must have a reasonable, non-white
background color.
Create a complete set of 16 files, based on the 1x size (32x32 pixels) of
your ICN file. Use names of the form {K145EE0.GIF} through
{K145EEF.GIF} (i.e., a hexadecimal count). These files are to
correspond to each of the colors from black to bright white.
Again, the Web page must have a reasonable, non-white background color and
each of the 16 GIF files must have a transparent background.
Use the transparency capability of Paint Shop Pro when creating these GIF
files.
NOTE: When naming your files, remember to use your Soundex abbreviation (NOT {K145E}) as obtained by using the Modified Soundex Algorithm.
In completing this assignment, you should find the following links to be helpful:
| Go to: | | TOP | | | PROJECT | |
|---|
| Go to ==> | 1 | | 2 | | 3 | | 4 | | 5 | | 6 | | 7 | | 8 | | 9 | | <== Go to |
|---|
This assignment requires that you build a single animated GIF file using both Paint Shop Pro and Microsoft GIF Animator. These are both very useful and versatile packages, which will take some time for you to learn. Accordingly, for the first part of the assignment, you should work with both packages (Chapter 3 in the text is an excellent introductory tutorial for Paint Shop Pro) to become familiar with their features and quirks. You might also want to download the GIF Construction Set, using the link below; it is a more versatile package than Microsoft GIF Animator, but the owners of the software are extremely vigilant about any violations of their conditions of use. Unless you wish to pay for it (which is well worth the price if you intend to do a lot of animations), DO NOT SAVE ANY IMAGES YOU CREATE IN ANY WEB ACCESSIBLE PAGE.
Once you are comfortable with the software, create an animated GIF, using Microsoft GIF Animator, with a name of the form {K145EF.GIF}. There should be a sufficient number of images in the file so that the animation has a reasonable flow. The GIF file you create must satisfy the following specifications:
|
Create a web page named {K145EF.HTML} that displays the {K145EF.GIF} file you create, along with any other text or graphics that will you feel will enhance the page. Finally, attach the page to your CS313.HTML jump station.
NOTE: When naming your files, remember to use your Soundex abbreviation (NOT {K145E}) as obtained by using the Modified Soundex Algorithm.
In completing this assignment, you should find the following links to be helpful:
| Go to: | | TOP | | | PROJECT | |
|---|
| Go to ==> | 1 | | 2 | | 3 | | 4 | | 5 | | 6 | | 7 | | 8 | | 9 | | <== Go to |
|---|
REMINDER: If you have not yet done so, please bring a printed description of your project idea to the next class.
This assignment requires that you either locate from the Web, or create yourself from an image already available to you, a true graphic image that is more than just a line drawing and that uses a full range of colors. You will create a GIF file from whatever image you select and then apply an appropriate series of filters and special effects from Paint Shop Pro to that image.
Begin by saving the image and, if necessary, converting it to a GIF or JPG
format, using a name of the form {K145EG0.GIF} or {K145EG0.JPG}.
Using Paint Shop Pro, select 9 of the available special
effects and filters to create 9 more versions of this file, naming them in
the form {K145EG1.GIF} (or {K145EG.JPG}) through {K145EG9.GIF}
(or {K145EG9.JPG}). For at least one of the filters or
special effects, create an animated GIF, using Microsoft GIF Animator.
Create a web page, named {K145EG.HTML} which displays the 10 files,
including, in an easily recognizable way, the name of the filter or special
effect that you used to create the image in the file.
NOTE: When naming your files, remember to use your Soundex abbreviation (NOT {K145E}) as obtained by using the Modified Soundex Algorithm.
In completing this assignment, you should find the following reference to be helpful:
|
| Go to: | | TOP | | | PROJECT | |
|---|
| Go to ==> | 1 | | 2 | | 3 | | 4 | | 5 | | 6 | | 7 | | 8 | | 9 | | <== Go to |
|---|
The purpose of this assignment is develop some experience in rendering 3-D images. Using Pixel 3D, you will create two different 3-D images, one of which will be text and the other based on a bitmap file.
Open Pixel 3D and, after familiarizing yourself with its
features and capabilities, create two 3-D GIF files, the first of which, named
in the form {K145EH1.GIF}, is to be a 3-D rendering of your CS313 Soundex
abbreviation.
The second file, named in the form {K145EH2.GIF}, is to be a 3-D
rendering of a graphic version of the ICN file {K145EB.ICN} that you
created in Assignment 2. One of the two 3-D renderings (you
choose which one) is to be animated, using Microsoft GIF Animator.
Create a web page named {K145EH.HTML} which displays the two 3-D
GIF files that you have created.
NOTE: When naming your files, remember to use your Soundex abbreviation (NOT {K145E}) as obtained by using the Modified Soundex Algorithm.
In completing this assignment, you should find the following reference to be helpful:
| Go to: | | TOP | | | PROJECT | |
|---|
| Go to ==> | 1 | | 2 | | 3 | | 4 | | 5 | | 6 | | 7 | | 8 | | 9 | | <== Go to |
|---|
Creating Banner(s), Marquee(s) and Java Applet(s)
This assignment is to familiarize yourself with Hot Chilli and then use it to create Java Applets that display some of the different scrolling capabilities that the software provides.
To install Hot Chilli, you should download the file referenced below and then use it to do the installation.
When installing the program, BE SURE TO DO THE
DOWNLOAD AND INSTALLATION IN A NEW, SEPARATE FOLDER ON YOUR HARD DISK.
For this assignment, you will create a web page named {K145EI.HTML}, which displays at least 3 different Java Applets created using Hot Chilli v2.5. When creating the Applets, be sure to explore (and use) some of the options that the program offers.
NOTE: When naming your files, remember to use your Soundex abbreviation (NOT {K145E}) as obtained by using the Modified Soundex Algorithm.
In completing this assignment, you should find the following reference to be helpful:
| Go to: | | TOP | | | PROJECT | |
|---|
| Go to ==> | 1 | | 2 | | 3 | | 4 | | 5 | | 6 | | 7 | | 8 | | 9 | | <== Go to |
|---|
Think about a situation of which you are aware, an experience you have had or a problem you have encountered for which a variety of Web-based graphics techniques could be applied either to describe the situation or experience or to solve the problem.
Create a Web Page that begins with a summary of the situation, experience or problem. Then, describe the situation or experience, or solve the problem, using as many of the techniques that we have covered in class as are appropriate.
| Go to: | | TOP | | | PROJECT | |
|---|
| Go to ==> | 1 | | 2 | | 3 | | 4 | | 5 | | 6 | | 7 | | 8 | | 9 | | <== Go to |
|---|