Week 8: Introduction to HTML (2)

60 minutes: Demonstrations

Demo 1: IMG tag and authoring images for the web

Demo 2: How to organize your files for web publication. Place these directories inside your

root folder:

- “name_docs” (all extra pages EXCEPT index.html are stored here)
- “yourname_img” (all image files stored here)

Demo 3: How to upload a page to your SAIC webspace using Secure FTP. Instructors will explain the difference between viewing your HTML files locally vs. remotely on the ARTIC/WEBSPACES server.

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

30 minutes: Screening and discussion of homework assignment for this week, Sketch 8

Artists who do creative imaging or web-based work: look at website design, splash page imagery, as well as specific works.  Critique and compare design and ease-of-use of each site.  Discuss what sorts of design attributes work best for promoting an artist’s work.

Mark Tribe: http://www.nothing.org/
Shelly Silver: http://www.shellysilver.com/
Jason Salavon: http://salavon.com/
John Simon: http://www.numeral.com
Golan Levin: http://flong.com/
Tjerk Stoop: http://www.bitlek.nl/front.html
Claudia Hart: http://www.claudiahart.com/
Tiffany Holmes: http://tiffanyholmes.com
Casey Reas: http://reas.com/
Lincoln Schatz: http://lincolnschatz.com/

>Sketch 8
Design an index or splash page using your Sketch 5 image and any text or headings you would like on your main “index.html” page for your personal website.

PRINT a copy of your splash page using the screen grab command (Command + Shift + 3) using the Service Bureau’s self-serve color copier.  Trim, using the crop tool in Photoshop, any non-useful material out of your screen grab.

POST ON BLOG. Post your cropped “screengrab” image of your splash page with a description of how you would like your personal website to look and function.

>Reading
Online: HTML Cheat Sheet: an invaluable resource: http://www.webmonkey.com/webmonkey/reference/html_cheatsheet/