Week 3: Syntax of WWW

60 minutes: WSIWYG interfaces: Dreamweaver overview

Demo tutorial 1: How to set up a table to align images and text. (Instructors, design your own tutorial, or feel free to CLICK TO DOWNLOAD WIRED TEST OUT MATERIALS. Instructors, there are also TABLE LECTURE NOTES HERE.)

Demo tutorial 2 (optional): How to use div tags to line up images and text. (Instructors, design your own tutorial, or feel free to display and explain the CSS on the stylesheets in this simple DIV tag demo: CLICK TO DOWNLOAD WIRED DIV TAG TUTORIAL HERE). There are lots of overviews of DIV tags online, see Webmonkey’s DIV tag overview.

Demo tutorial 3: Using the “Design” window review how to add a link using the Properties palette, how to insert an image, insert a quicktime movie, how to insert a sound file, etc.

30 minutes: Introduction to FTP (Secure FTP 2.5).  Have students FTP their tutorial files over to their student space on the artic/webspaces server.

>Screening if time remains:
Artists that maintain websites with “statements” and descriptions of project-based research:
Camille Utterback: http://camilleutterback.com/
Martin Wattenburg: http://www.bewitched.com/art.html
Golan Levin: http://www.flong.com

>Sketch 3a
Add another page to your HTML site that would function like an “artist’s statement”—call it “STATE-MENT” or “ABOUT.”  Include a short statement (200 word minimum) that explains verbally your artistic interests.  Consider having your artist’s statement at the top of a table of images from your archive (Sketch 2a).  Consider adding a page to your blog that would be a statement page.

>Sketch 3b
Upload your artist’s statement to your blog.  Upload your blog link to the portal.  Invite comments from your instructor and classmates.

>Reading
Webmonkey’s Web Standards for Beginners:
http://www.webmonkey.com/tutorial/Web_Standards_for_Beginners