Weeks 2 -4 -- images, the law, and a bit of
review of JavaScript
The Z: drive can be accessed from off campus, under special
circumstances Try entering
ftp://webclass.sru.edu from your web browser (though ultimately you are
responsible for figuring out how to configure whatever machines you may chose to
use outside the classroom and departmental labs.
Bureaucracy -- Remember two things:
-
proper format for e-mail assignments
-
in the e-mail message to me (letting me know your assignment
has been placed on webclass.sru.edu), please include the http: address of
the material that is, its URL
(which reread, if needed). Something like:
http://webclass.sru.edu/cpsc217/abc1234/mypage.htm.
Topics to cover this week:
Starting with Adobe Photoshop
and a note on file formats
Beginning JavaScript: alert
messages and debugging.
Overview of functions and ways
of activating functions
More on HTML: Basics of a web page. Forms, form elements.
Beginning JavaScript: functions, alert messages and debugging.
Adobe Photoshop, more on legal
issues, GIF and JPEG, images in tables, responding to simple events.
Legal issues (part 1):
a.
Differences between copyright, trademark, and patent
b.
Copyright: Title 17, (basic definitions, scope, exclusive rights,
limitations) sections 102, 105, 106, 107, 120).
copyright and
imagery and other web-related legal
matters
c.
Differences between statute, treaty and case law
Legal issues (part 2):
d.
current legislation (e.g. copyright term extension act, database
misappropriation act)
e.
current case law pertaining to the web (e.g., Bridgman v Corel,
thumbnails, deep-linking)
f.
the public domain
Images:
a.
File formats: gif, jpg, and png as opposed to (for example) svg,
targa, tiff, bmp and pct.
b.
compression, lossiness
c. bitmapped versus vector
graphics
d.
Dpi and bits per pixel; print vs. screen images
e.
Color space: RGB, HSB, and CIE
f.
anti-aliasing, dithering
g.
Creating images.
Scripting images:
rollovers, The document.images[] and document.forms[] arrays; JavaScript loops.
Assignment #3: Due Friday Sept 24. Develop a web
page containing a 2 by 2 table with an original graphic in each of the four
cells. Each graphic should be 200 pixels high by 200 pixels wide. (Put real
pigment, with colors different than the background, right up to the edges to
make sure the graphics really touch.) There should appear no space, gaps nor
lines between any of the pictures as the table is viewed in both IE and Firefox.
(That is, the pictures should nestle seamlessly next to one another so that the
viewer cannot see the edges between them.) When one clicks on any of the cells
(from either browser), an alert message should display the filename of the
picture that was chosen as well as a count of the number of times that picture
has been clicked. Below the four pictures should be a button (centered under
the pictures). When clicked, the button should make all four pictures change
locations, moving to the table cell adjacent to it by clockwise rotation.
Images:
a bit more
on Photoshop
Slicing
with ImageReady and slicing in
Photoshop.
JavaScript:
document.images and document.forms
Assignment #4: TBA
Use Photoshop (available in Eisenberg 103 and in AT&SH 230) or
comparable software to draw
a) a face
or
b) a tree 
Your drawing should each be exactly 400 pixels wide by 300 pixels
high, and stored in .jpg format. Make the picture as realistic as you can
(within the time allotted). Slice the image into four pieces, each 200 by
150 pixels. Create a 2 by 2 table containing all four pieces (in some
predefined, but scrambled order). Whenever someone clicks on one of the
pictures, swap the position of it with the image next to it in a clockwise
direction. Whenever the picture is reassembled (i.e., all four pieces are in
their proper positions) then pop-up an alert message. Put the table on a web
page in your class space and e-mail me the address (http://webclass.sru.edu/cpsc217/... et cetera).