CC WEEK 1
Week 1: Introduction to web authoring: blog and anchor tags
10 minute: Syllabus overview
50 minutes: Introduction to HTML: BODY, HEAD, TITLE, H1, H2 and ANCHOR tags. What the heck is HTML? Here is a great overview: http://www.w3schools.com/HTML/. 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.
BASIC HTML TAGS
<html></html>
Creates an HTML document
<head></head>
Sets off the title and other information that isn’t displayed on the Web page itself
<body></body>
Sets off the visible portion of the document
<hl></hl>
Creates the largest headline
<h6></h6>
Creates the smallest headline
<p></p>
Creates a paragraph
<br>
Creates a single carriage return (line skip)
<a href=”http//…”></a>
Creates a hyperlink, absolute or relative
SAMPLE FORMATTING TO CUT AND PASTE FOR AN ABSOLUTE LINK TO THE MCA:
<a href=”http://www.mcachicago.org”>MCA Chicago</a>
20 minutes: Introduction to editing/updating a blog using free tools at Wordpress.com. Instructor will use their own or sample class blog at: http://saicwired.wordpress.com/. Skills demonstrated: Creating a blog entry that incorporates a link, adding categories to blog entries, altering the title and tagline of a blog in Dashboard settings, adding a “Blogroll” widget to show pertinent links (Dashboard>Links). There is a tutorial on how to create a Wordpress blog here on the SAIC Wired website.
10 minutes: Introduction of open source or free digital tools: Free Software and Open Source (FOSS, or FLOS – Free, Libre and Open Software, i.e. GIMP or free wordpress blogs, available at wordpress.com)
>Sketch 1a
Create a blog at wordpress.com. See the sample class blog at http://saicwired.wordpress.com/. No content necessary yet, unless you want to type a sample post, or edit the Hello, post that Wordpress gives. Remember, There is a tutorial on how to create a Wordpress blog here on the SAIC Wired website.
>Sketch 1b
Create a “Links” page that will ultimately be connected with your website using an HTML editor with anchor tags that you personally type. Locate 4 artists you like and create a web page that says the name of the artist, with perhaps a brief sentence about his or her work, and include a link to that artist’s website. If you have time, add these links to your blog (Dashboard>Links), and add the Blogroll Widget to your blog.
>Screening if time remains: Compare and contrast various approaches to creating an artist’s professional website.
Artists who do creative imaging or new media work:
Mark Tribe: http://www.marktribe.net/
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
Casey Reas: http://reas.com/
Lincoln Schatz: http://lincolnschatz.com/
SAIC Faculty who have HTML/CSS-based websites ranging from simple to complex:
Jon Cates (SAIC Faculty, FVNM)
Ellen Rothenburg, (SAIC Faculty, Fiber and Material Studies and Writing)
Claudia Hart, (SAIC Faculty, FVNM)
Tiffany Holmes (SAIC Faculty, Art and Technology Studies)
Bruce Tharp, Materious (SAIC Faculty, Designed Objects)
Helen Maria Nugent, Haelo Design (SAIC Faculty, Interior Architecture and Designed Objects)
Peter Gena, (SAIC Faculty, Art and Technology Studies and Sound)
James Kao, (SAIC Faculty, Painting and Drawing)
Nicholas Lowe, (SAIC Faculty, Arts Administration)
>Reading
Online: Intro to HTML by W. T. Monkey
http://www.webmonkey.com/96/53/index0a.html?tw=authoring