Week 2 -- 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.
Assignment #3: due date to be determined. 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.