CIS 3.1

lab 1 Make a local web page in notepad

lab 2 (uploading a web page to the server)

lab 3 (applying style sheets)

lab 4 (classes in style sheets)

lab 5 (multi-page web site)

lab 6 (Using Frames)

lab 7 (Using Tables)

Use tables to layout a page that has different news items, opinions and images.

lab 8 (Using Imagemaps)

Add an imagemap to you website.

lab 9 (Photoshop: Making a basic Gif)

(Ex 15-1 in book) Download the graphic here

lab 10 (Working with transparency)

(Ex 15-2 in book) Download the necessary files from here , here , here and here.

lab 11 (Optimizing Gifs)

(Ex 15-3 in book) Download the necessary files from here , here and here.

lab 12 (Fade with tweening)

(Ex 17-1 in book) Download the necessary files from here.

lab 13 (Using Photoshop and slicing in a table)

(Ex 19-1 in book) Download the necessary files from here.

lab 14 (Utilizing a pixel-wide graphic)

Create a background with a light blue band across the top of the page; the rest should be yellow

lab 15 (Opening a new sized window for a link)

(Ex 19-2 in book) Try writing the code for a pop-up window based on the code above. Open this page in a browser. You will see the word “map” at the bottom of the page. Your task is to make the word “map” a link that pops up a sized window showing the map page (map.html). Open invitation.html in an HTML text editor. Add the necessary script to open a window that is 375 pixels wide and 375 pixels square (the same size as the map graphic). Turn off all the browser features as listed so the window displays just the graphic. It is important to copy the script exactly as it appears above; however you must keep it on one line. The http://www.sci.brooklyn.cuny.edu/~yarmish/cis31/labs/LWD2e_materials/chap19/19-2/map.html file contains just the map graphic and has its margins set to 0 so it will be flush against the browser window. You will not need to make any changes to this file. Once you have the pop-up window working correctly, experiment with the various settings in the script to get a feel for how they work.

lab 16 (Motion tween, motion guide and mask layer)

Final Project (online multipage, multimedia website)

Make a multi-page website uploaded to a webserver. If you have an external website you can use it; otherwise use the space given to you on the 'its' server.

The site should include:

Once you have the these multimedia objects do the following on your main page or on any linked pages:

  1. Embed graphics on your website (you can use Dreamweaver) by making a table of linked pictures.
  2. Embed graphics on your website (you can use Dreamweaver) by Using an imagemap to link to other pages.
  3. Embed a sound file as background music.
  4. Link a sound file.
  5. Embed the flash animation.
  6. Use local links to link within one webpage.
  7. Edit the source code after using dream weaver to make it easily readable.
  8. send me a link to your completed webpage.