2009 201: Difference between revisions

From XPUB & Lens-Based wiki
No edit summary
 
(14 intermediate revisions by the same user not shown)
Line 1: Line 1:
= HTML Tools =
http://complexspiral.com/events/archive/2004/notacon/friendly/my-url-is.png


Many tools exist to allow help you debug and write properly structured HTML. The definitive tool for this is [[tidy]].
== Web Fundamentals ==


= The Web As Collage =
* Internet vs. Web
* Berners-Lee
* [[Protocol]]
* [[HyperText]]
* [[HTTP]]
* [[IP Address]]
* [[Domain Name]]
* [[URL]]
* Index.html / Index Views
* [[HTML]]
* Browsers
* [[HTTP]]


* Collage of protocols
== Performance / Reading ==


* Collage of machines
In class, we "enacted" the text of the online discussion surrounding [http://1997.webhistory.org/www.lists/www-talk.1993q1/0182.html Mark Andreessen's proposal] of the <img> tag.


* Collage of participation / interests
== Exercise ==


TO DO: Situate the below messages in the early development of the web. Identify the key players (Berners-Lee, Andreesen), where they are and what their various interests are in the web.
* [[Exercise: IMG collage]]
 
== Resources ==


* [http://www.garshol.priv.no/download/text/http-tut.html How the web works: HTTP]
* [http://www.webmonkey.com/blog/The_History_of_IMG_and_EMBED_Tags The History of the IMG (and EMBED tags)]
* [http://www.webmonkey.com/blog/The_History_of_IMG_and_EMBED_Tags The History of the IMG (and EMBED tags)]
** [http://1997.webhistory.org/www.lists/www-talk.1993q1/0182.html Mark Andreessen's] email proposal of the <img> tag. Note the discussion of formats (xbm). Interesting to cf discussion of propriety open formats such as JPEG and the more controversial "GIF" and eventual development of PNG as an open alternative.
* http://1997.webhistory.org/www.lists/www-talk.1993q1/0186.html
** http://1997.webhistory.org/www.lists/www-talk.1993q1/0186.html
* http://www.w3.org/History/1989/proposal.html
* http://www.w3.org/History/19921103-hypertext/hypertext/WWW/MarkUp/Tags.html
* http://www.w3.org/People.html
* http://ted.hyperland.com/TQdox/zifty.d9-TQframer.html
 
= For Next Week =


== Linking & Embedding ==
== Reading ==


If you follow the archived discussion thread of the proposed image tag, you see things proposed such as an special "include" attribute on the anchor tag to mean to embed, or place that which is referenced in-line in the flow of the referring page. This behavior was not followed however as the anchor tag (<a>) has remained purely a mechanism to introduce click-able links (ie references that the user must click -- or explicitly request following in some fashion), in order to open.
Reading for today's meeting is Ted Nelson's "Way out of the box".


It is interesting to parallel the discussion around <img> tags to those around HTML 5's addition of <audio> and <video> tags. (need references)
[[Image:Flame.gif|left]] You may wish to read this text aloud, [http://en.wikipedia.org/wiki/Soapbox soapbox] optional. For added ambience, consider printing and then burning pictures of Tim Berners-Lee, Marc Andreessen, and Steve Jobs.


* [[Exercise: IMG collage]]
* [[Image:WayOutOfTheBox.pdf]]
 
Also, two early "net art" pieces, from 1996, important to have seen (if you don't know them already):
 
* http://myboyfriendcamebackfromth.ewar.ru/ from Olia Lialina
* http://www.grammatron.com/ from Mark Amerika
 
== Technical Plan ==
 
The assignment is to write your technical plan using only the tags possible in 1993-era HTML, as described [http://www.w3.org/History/19921103-hypertext/hypertext/WWW/MarkUp/Tags.html here]. Some tags, you may discover, have changed or have been '''deprecated''' (which means that they may still be supported by some browsers, but have been officially removed from formal recommendations for use, and thus discouraged). The key tags, which are still valid to use, are:
* <nowiki>Title: <title></nowiki>
* <nowiki>Anchors (or Links): <a></nowiki>
* <nowiki>Headings: <H1>, <H2>, <H3>, ...</nowiki>
* <nowiki>Definition Lists: <dl>, <dd>, <dt></nowiki>
* <nowiki>Bullet Lists: <ul>, <li></nowiki>
 
Note that the capitalization of tags doesn't matter (<nowiki><p> or <P></nowiki> are the same).
 
In addition, feel free to use <nowiki><img></nowiki> tags to include (inline) images of projects you may refer to. And make sure to LINK (with the <nowiki><a></nowiki> tag) any projects or other subjects you reference (e.g. if you refer to a project, make the name of the project a link to the project's main page).
 
== Personal Achievements Checklist ==
 
The following are skills you should be able to demonstrate:
 
* Have installed and be able to use a Code/Text Editor that performs Syntax Coloring on HTML.
* Understand and differentiate the terms: URL, HTTP, HTML, tag, attribute, and value.
* Be able to "hand code" simple pages using "1993 era" HTML tags.
* Be able to move files from your computer to your Piet Zwart web space (or other public web space) using (S)FTP.

Latest revision as of 21:14, 19 January 2009

my-url-is.png

Web Fundamentals

Performance / Reading

In class, we "enacted" the text of the online discussion surrounding Mark Andreessen's proposal of the tag.

Exercise

Resources

For Next Week

Reading

Reading for today's meeting is Ted Nelson's "Way out of the box".

You may wish to read this text aloud, soapbox optional. For added ambience, consider printing and then burning pictures of Tim Berners-Lee, Marc Andreessen, and Steve Jobs.

Also, two early "net art" pieces, from 1996, important to have seen (if you don't know them already):

Technical Plan

The assignment is to write your technical plan using only the tags possible in 1993-era HTML, as described here. Some tags, you may discover, have changed or have been deprecated (which means that they may still be supported by some browsers, but have been officially removed from formal recommendations for use, and thus discouraged). The key tags, which are still valid to use, are:

  • Title: <title>
  • Anchors (or Links): <a>
  • Headings: <H1>, <H2>, <H3>, ...
  • Definition Lists: <dl>, <dd>, <dt>
  • Bullet Lists: <ul>, <li>

Note that the capitalization of tags doesn't matter (<p> or <P> are the same).

In addition, feel free to use <img> tags to include (inline) images of projects you may refer to. And make sure to LINK (with the <a> tag) any projects or other subjects you reference (e.g. if you refer to a project, make the name of the project a link to the project's main page).

Personal Achievements Checklist

The following are skills you should be able to demonstrate:

  • Have installed and be able to use a Code/Text Editor that performs Syntax Coloring on HTML.
  • Understand and differentiate the terms: URL, HTTP, HTML, tag, attribute, and value.
  • Be able to "hand code" simple pages using "1993 era" HTML tags.
  • Be able to move files from your computer to your Piet Zwart web space (or other public web space) using (S)FTP.