<?xml version="1.0"?>
<?xml-stylesheet type="text/xsl" href="make-handout.xsl"?>

<!DOCTYPE handout SYSTEM "handout.dtd">

<handout number="15">

		  <header>
					 <course>408/508</course>
					 <term>Fall</term>
					 <year>2003</year>
		  </header>

		  <body background="00ee77">
					 
					 <section>Overview</section>
					 
					 <list type="unordered">

								<item>The last assignment</item>
								
								<item>Questions from Last Time</item>

								<item>How the Web Works</item>
								
								<item>Basic Tags</item>

								<item>Examples</item>
								
								<item>Putting your HTML on the Web</item>
								
								<item>Searching the Web</item>
								
					 </list>
					 
					 <section>How the Web Works</section>

					 <list type="unordered">
								
								<item>Your computer is the <emph>client</emph>.</item>

								<item>You use a web browser to connect to a
										  <emph>server</emph>.</item>

								<item>When you connect to a server, you request specific
										  content in the <emph>URL</emph>.</item>
								
								<item>That content is typically a text document marked
										  up with <emph>HTML</emph>: a web page.</item>
								
								<item>The content is sent back to the client machine
										  where the web browser <emph>renders</emph>
										  it.</item>

								<item>The web page can include additional URLs which you
										  can follow to find more content...</item>

					 </list>

					 <section>Basic Tags</section>

					 <list type="unordered">
								
								<item><code>&lt;html&gt;</code>: all HTML documents
										  should begin and end with this tag.</item>
								
								<item><code>&lt;head&gt;</code>: the first item in an
										  HTML document is the <code>&lt;head&gt;</code>
										  which potentially contains a bunch of stuff we
										  don't care about.</item>
								
								<item><code>&lt;title&gt;</code>: the one thing the
										  <code>&lt;head&gt;</code> contains that we do
										  care about is the title of the document set in
										  between these tags.</item>
								
								<item><code>&lt;body&gt;</code>: after the head of the
										  document comes the body, which contains most
										  everything that is displayed on the web page.
										  The body is set between these tags.</item>
								
								<item><code>&lt;p&gt;</code>: this starts a new
										  paragraph and <emph>does not need to be
													 paired</emph>.</item>
								
								<item><code>&lt;br&gt;</code>: this starts a new line
										  and <emph>is not paired</emph>.</item>
								
								<item><code>&lt;hr&gt;</code>: this draws a line across
										  the screen and <emph>is not paired</emph>.</item>
								
								<item><code>&lt;h1-6&gt;</code>: headings are set with
										  these tags; there are six levels.</item>
								
								<item><code>&lt;strong&gt;</code>: important text should
										  be set in these.</item>
								
								<item><code>&lt;em&gt;</code>: emphatic text should be
										  set in these.</item>
								
								<item><code>&lt;i&gt;</code>: if you want to directly
										  set something in italics, use these.</item>
								
								<item><code>&lt;b&gt;</code>: if you want to directly
										  set something in boldface, use these.</item>
								
								<item><code>&lt;pre&gt;</code>: these mark text that is
										  set in a monospaced font and set
										  <emph>exactly</emph> as typed.</item>
								
								<item><code>&lt;center&gt;</code>: to center text.</item>
								
								<item><code>&lt;ol&gt;</code>: sets an ordered list;
										  each item has a number.</item>
								
								<item><code>&lt;ul&gt;</code>: sets a bulleted list;
										  each item has a bullet.</item>
								
								<item><code>&lt;li&gt;</code>: marks an individual item
										  in either of those sorts of lists: <emph>does
													 not have to be paired</emph>.</item>
								
								<item><code>&lt;a href=""&gt;</code>: marks a hyperlink
										  to another document or another place in the
										  current document.</item>
								
								<item><code>&lt;a name=""&gt;</code>: marks a location
										  that can be hyperlinked to.</item> 
								
								<item>Entities. Since angled brackets are used to mark
										  tags, if you want to type one of them directly,
										  you need to use a special character. These
										  <emph>character entities</emph> always begin
										  with an ampersand (&amp;) and end with a
										  semicolon (;). We therefore need special
										  character entities for left and right angled
										  brackets and for ampersand:
										  
										  <list type="unordered">
													 
													 <item>Left angled bracket
																(<code>&lt;</code>):
																<code>&amp;lt;</code></item>
													 
													 <item>Right angled bracket
																(<code>&gt;</code>):
																<code>&amp;gt;</code></item>
													 
													 <item>Ampersand (<code>&amp;</code>):
																<code>&amp;amp;</code></item>
										  
										  </list>

								</item>

					 </list>

					 <section>Examples</section>

					 <list type="unordered">

								<item>A basic frame (<a
													 href="ho15stuff/frame.html">example</a>)
								</item>

								<item>Formatting (<a
													 href="ho15stuff/formatting.html">example</a>)
								</item>

								<item>Linking (<a
													 href="ho15stuff/linker.html">example</a>)
								</item>

					 </list>

					 <section>Putting your HTML on the web</section>

					 <list type="unordered">

								<item>Once you've created and tested your HTML file on
										  your own computer, you need to put it on the
										  mainframe. The easiest way to do this is with
										  the <code>SSH</code> program. The file needs to
										  be put in a directory that is visible to the
										  web. This is typically called
										  <code>public_html</code>, but may be called
										  something else on some machines.</item>
								
								<item>Editing your HTML remotely. You can do all your
										  editing on your own computer, re-uploading the
										  file each time. However, you may prefer to make
										  minor modifications on the file directly on the
										  remote host. There are several programs
										  generally available on mainframe computers for
										  editing your HTML. The easiest to use is
										  <code>pico</code> and it is available on both
										  <code>syntax</code> and the u-cluster.</item>

								<item>Once you've got the file in the appropriate place
										  on the remote machine, you should confirm that
										  it is visible over the web. If I put an HTML
										  file called <code>myfile.html</code> on the
										  <code>syntax</code> machine, the URL is:
										  <code>http://syntax.sbs.arizona.edu/~hammond/myfile.html</code>.</item>

								<item>You may get an error when you try to access this
										  file over the web. There are three possible
										  kinds of errors. One possibility is that you get
										  an error that indicates that the file isn't
										  found. This usually means that you put it in the
										  wrong place or entered the wrong URL. Another
										  possibility is that the HTML code is wrong; this
										  usually results in it simply displaying
										  improperly in some way. A third possibility is
										  that you may get a "permissions" error. This
										  means that the file needs to be set to be
										  readable by all. This can be fixed by executing
										  this command on the remote machine. <code>chmod
													 a+r myfile.html</code>.</item>

					 </list>

					 <section>Searching the web</section>

					 <para>This chapter includes a discussion of the <code>LWP</code>
								module and describes a program
								(<code>websearch.pl</code>) that uses it to search the
								web in an automated fashion. I won't cover this because
								of time constraints.</para>

		  </body>

</handout>

