decoration

Weeks 3 and 4

 decoration

Assignments:

Assignment 2: (Due : Monday, January 28th) 
Develop a simple web page containing a head (with title), and a body containing some boldface, some italics, some indentation, at least one working link, one working picture (legal and referred to by a relative address) and some text for which both margins and size are varied; put it in your class web space; verify that it is working properly and e-mail me the URL (using the required format) to announce that the task is done.

Reading:  material on class web-site.

Topics to cover weeks 3 and 4:

Overview of types of software.

The URL.

HTML: Links,  Tables, images, and how to do images.

Legal issues concerning imagery and other web-related legal matters, and copyright in general.

Starting with Adobe® Photoshop® and a note on file formats

slicing in Photoshop (new link)

Assignment #2 -- including link, image and URL.

Starting with JavaScript. (see below)

Assignment #3: Due Friday Feb. 8

Use Photoshop (available in IT lab [lab hours are posted in lab]) or comparable software to draw

a) a face s1.jpg (5961 bytes)
or
b) a tree tree1.jpg (6218 bytes)

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 of the image as content of the table cells.  There should appear no space, gaps nor lines between any of the pictures as the table is viewed in either IE or Firefox. (That is, the pictures should nestle seamlessly next to one another so that the viewer cannot see the edges between them.)

Assignment #4  -- due (to be announced)-- take text from two inputs inside a form and when the user clicks a button, concatenate the two strings, placing the result in a third input. Make your page look (as much as possible) as follows:

Starting with JavaScript:

Responding to simple events

Forms, buttons, alerts 

<form name="f">

</form>

Note: See for example, http://www.adobe.com/misc/pdfs/USGenExtTMdb022803.pdf, http://www.adobe.com/misc/permissions.html, http://www.adobe.com/misc/agreement.html, and http://www.adobe.com/misc/trademarks.html concerning the use of  service marks and trademarks associated with software companies.