LL WEEK 5
Week 5: Introduction to HTML : the anchor tag, the image tag
45 minutes: Open TextEdit. Type this simple HTML, create a directory on the desktop titled “Wired_webdemo.” Before you save the file as “demo.html” please make all text “plain” by going to the toolbar menu FORMAT>MAKE PLAIN TEXT.
<HTML>
<BODY>
<A HREF=”http://saic.edu”>SAIC website</A>
</BODY>
</HTML>
Then show students how to use a browser to open the file from their desktop locally. Ask students to add two more links to practice using the anchor tag.
Finally, show students how to add an image to this demo page by LINKING TO AN EXISTING IMAGE ONLINE. Have the students add this text within the body tags: <IMG SRC=”http://saicwired.org/wp-content/uploads/saicwired_images/helloworld.jpg”>. Explain that this long item they just typed is called a path. It is a path to the location of the image inside the saicwired.org’s root directory. Read more about what an absolute path is here.
30 minutes: Optimizing images for the web vs. print
Lecture and discussion: raster vs. vector images, web-safe colors, optimal web resolutions (72 dpi) vs. print resolution (300 dpi). Discuss differences between these image file formats: .psd, .tiff, .jpg, .gif, .png, etc. Demonstrate the “4-UP” option in the File>Save for Web series of commands. Discuss various ways of saving different forms of the same image (i.e. posting on blog, saving in folder on computer, backed up via Time Machine, etc.). DOWNLOAD LECTURE NOTES ON IMAGING FOR THE WEB. See also this helpful online overview on imaging for the web.
15 minutes: Optional class visit, SAIC Service Bureau, handout of service bureau information on self-serve color copying
>Sketch 5: Archive: Hard copies on paper and Flickr account
Use Service Bureau to output your Sketch 2, Sketch 3, and Sketch 4 photograph to print (Note: Sketch 3, the Photoshop Tennis assignment was collaborative). Before you print, remember to check the size and resolution of your image. You may need to bump the resolution up to 150 dpi or 300 dpi depending on the size of your original. Critique in Week 6 of digital prints to date.
Optional:
Open Flickr account, flickr.com. Upload a few photos to your account of art you have created in this class or in others. Remember your login and password as you will need this information in Week 6’s class.
>Reading
Helen Bradley’s Guide to using Actions in Photoshop: http://www.peachpit.com/articles/article.asp?p=434249&rl=1
An overview of the history of hypertext: http://www.livinginternet.com/w/wi_nelson.htm