CIS 3.1
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.
(Ex 15-1 in book)
Download the graphic here
(Ex 15-2 in book)
Download the necessary files from
here ,
here ,
here and
here.
(Ex 15-3 in book)
Download the necessary files from
here ,
here and
here.
(Ex 17-1 in book)
Download the necessary files from
here.
(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.
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:
- Pictures taken with a digital camera
- A Gif graphic created, compressed and saved using Photoshop(41)
- A Jpeg graphic both created, compressed and saved using Photoshop (32)
- An animated Gif created, compressed and saved using Photoshop/Imageready(41)
- A flash movie (.swf)
- An animated Gif created, compressed and saved using Flash (60)
- Sound files created by ‘sound recorder’ or ‘sound forge.’
Once you have the these multimedia objects do the following on your main page or on any linked pages:
- Embed graphics on your website (you can use Dreamweaver) by making a table of linked pictures.
- Embed graphics on your website (you can use Dreamweaver) by Using an imagemap to link to other pages.
- Embed a sound file as background music.
- Link a sound file.
- Embed the flash animation.
- Use local links to link within one webpage.
- Edit the source code after using dream weaver to make it easily readable.
- send me a link to your completed webpage.