Weeks 3 and 4

Assignments:

Assignment 2: (Due : Friday, Sept. 18th) 
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. and alternative software for this class (see also new version of various access issues )

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)

Starting with JavaScript. (see below)

Not required reading but important for those who want to know about the future of the web. Brad Neuberg, the guy from Google who is doing the keynote address at SVGOpen talking about HTML5. http://vimeo.com/6691519

Assignment #3: Due Monday Sept. 28

Use Photoshop (available in this lab or ATSH 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 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  --October 19th-- 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.