LL WEEK 7
Week 7: WWW Syntax
70 minutes: Introduction to HTML (1); Text formatting and links; absolute and relative links defined.
Using the HTML editor in Dreamweaver, or BBEdit, show students how to set up a basic page using head, body and title tags. Then review the use of these tags. 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.
15 minutes: Discuss artist’s professional websites (see below) who use HTML/CSS to create a professional online presence. Which sites seem most interesting to you? Why?
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>
Artists who have HTML/CSS-based websites ranging from simple to complex:
Robert Smithson
Christo and Jean Claude
Jon Cates (SAIC Faculty, FVNM)
Ellen Rothenburg, (SAIC Faculty, Fiber and Material Studies and Writing)
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)
>Sketch 7
Create an experimental self-portrait in links that is exclusively text based. You don’t have to “title” each link accurately. For example you could show 20 dots or “.” On the screen and have each dot linked to a different location.
Each word or text-block that appears on your page must be linked to another location online. This is also part of your self-portrait in text/URL. Try to UPLOAD this to your blog by beginning a new entry titled “SELF PORTRAIT IN LINKS” then clicking the HTML tab in the editor and pasting in your HTML code. You can add a small description too of the project.
>Reading
Online: Intro to HTML by W. T. Monkey: http://www.webmonkey.com/96/53/index0a.html?tw=authoring