Updated: 29-03-01

Access Space Web Workshop

Introduction

  • A web page is just a plain text file. (ASCII)
  • The world's fastest web page.
  • Two tools: a web browser (HTTP client) and a text editor.
  • What is a tag? (They come in pairs). <HTML> </HTML>
  • Basic structure: <HTML>,<HEAD>,<BODY>
  • Being systematic: lay it out for clarity. (You don't have to type in order.)
  • A title, using <TITLE> inside the <HEAD>
  • It looks different on different browsers! Konqueror & Netscape.
  • Background colour, with the BGCOLOR= attribute.
  • Advantages of "#00FF00" over "green". (Counting in hexidecimal)

    In Practice

  • Naming your page: use lowercase letters and numbers only. End with ".html"
  • Headings <H1>, bold <B> centering <CENTER>.
  • Structure: don't cross the streams!
  • Text wrapping and different window widths. <PRE>
  • Layout tags that don't come in pairs: <BR>,<HR>
  • Tags like <P> can come in pairs (it makes sense).
  • Browsers just ignore errors! <BOGUS>

    Making Links

  • <A HREF="where_to_go.html">Click this</A>
  • Link to the person on your right.
  • Images: how to grab them with Netscape!
  • Linking images into your page. <IMG SRC="picturename.gif">
  • Zoom around the loop with Netscape. How's that done?
  • Viewing the HTML source, saving images & HTML.

    Uploading

  • What is a server, anyway? The client/server model.
  • Your webspace: same place, different names.
  • It depends which door you go in: HTTP & FTP rules. (Locks & Keys.)
  • An FTP client: a browser with two windows.
  • AxyFTP (Linux) WS-FTP & CuteFTP (Win), Fetch (Mac).
  • Uploading with FTP: Server, Login Name, Password.
  • Binary for pictures, ASCII for text, "auto" for everything!
  • Avoid update accidents - don't overwrite new with old!

    Extras

  • Use ASCII values to specify strange characters.
  • Email links.<A HREF="mailto:eg@example.net">mailme</A>
  • Relative links "eg.html" and absolute links "http://server.name/eg.html".
  • The magic invisible name: "index.html"

    <- Back to "Resources"
    <-- Access Space

  • Next Update: Later