Week 2: Syntax of WWW: Basic HTML tags

45 minutes: Introduction to HTML: IMG tag.  Each student will use BBEdit, TextEdit, or the code win-dow in Dreamweaver to create a webpage with at least one image, one link, a title tag, one heading, with some body text.  Instructors may find it helpful to go through this lecture and students will find this PDF a helpful review of basic HTML: CLICK FOR PDF LECTURE.

10 minutes: Demonstrate how to upload an image with a caption to a blog entry using both the WYSIWYG interface in Wordpress Dashboard (click Visual tab in Editor) or via HTML (HTML tab in Editor).

10 minutes: Introduction to FTP (Secure FTP 2.5).  Students likely won’t have time in class to do their own FTP but invite them to try over the week.  This will be re-introduced in Week 3.

FTP directions available: https://startit.artic.edu/kb/software/ftp/secureftp.html

20 minutes: Visit by Flaxman Library staff who will demonstrate use of art image databases, Google Image search, Flickr image tag search. Flaxman Wired URL: http://libraryguides.saic.edu/wired).

>Screening if time remains:
Look at artists who do web work that is really a social collaboration with viewers:
Miranda July and Harrell Fletcher, Learning to Love You More: http://www.learningtoloveyoumore.com/

>Sketch 2a
Go to Flickr (http://www.flickr.com/) and open an account if you don’t already have one.  Create a new “SET” and tag each photo in the set “saicwired” in addition to whatever tags you think make sense.  Up-load some pictures of your own artwork to Flickr.  Add a Flickr widget to your blog!

A note about adding the Flickr widget to your blog.  If you want the widget to show images from YOUR Flickr account, you have to go to photostream or set, scroll down looking for the orange RSS icon where it says “Subscribe to…photostream.”  Copy the link text that is there.  If this link text does not end in “&format=rss_200” than add “&format=rss_200” to the end.  Your whole link that you put into the Flickr widget should look something like this:

http://api.flickr.com/services/feeds/photoset.gne?set=72157617603866167&nsid=19297020@N00&lang=en-us&format=rss_200

>Sketch 2b
Using basic HTML, create a working index page.

>Reading
Read FTP for Beginners: http://www.webmonkey.com/tutorial/FTP_for_Beginners
Online: HTML Cheat Sheet: an invaluable resource: http://www.webmonkey.com/webmonkey/reference/html_cheatsheet/