html 6th basic course

 

Professor: Miguel Usandizaga


 
  Objectives

The ones who have attended this basic course must be able to modify a web page in order to include:
  1. An organized text, with lists and different kinds of letters
  2. Images
  3. Links
  4. Grids

Introduction

  1. How can you learn to make web pages?

    M. Cattelan, Stadium, 1991

    Very easy: it's the same as playing table football. You should start doing it, and you should pay careful attention on how do it the ones who know.


  2. What is a "web page"?

    • We call "web page" or "website" or, simply, "web", all information (images, texts, sometimes sounds...) which appear on the computer screen when from an internet navigator (explorer, netscape, mozilla firefox...) you go to an URL address.
      The URL addresses let you to acceed the documents .html o .htm. But if you don't write the complete address, the navigator opens a document entitled "index.htm" (or "index.html") by default in the folder that you are searching.
      Exercise: open

      • www.upc.edu
      • www.etsav.upc.edu
      • www.etsav.upc.edu/personals/tih03
      • www.etsav.upc.edu/personals/tih03/6curshtml/instweb.html
      • www.etsav.upc.edu/personals/tih03/6curshtml/assaig/assaig.html
      • www.etsav.upc.edu/personals/tih03/6curshtml/index.html

      This last URL address means that:

      "The protocol http finds, in the world wide web, in the ETSAV server, the UPC service supplier, in the domain .edu, a folder called "personals", where there's another one named "tih03", and there's another one called "6curshtml" inside it, which contains another "index.html", which this one that you have just opened."

    • In the web pages we can see:
      1. Texts: the cursor is the same as the one of a word programme, and we can read or copy to another document.
      2. Images: the cursor is a tiny arrow, and we can (mouse right-click) save them in our computer.
      3. Links or .......vínculos: the cursor is a finger which points to where we will go if we click there. Links can be about texts or images.
      4. There are some grids which are also visible. But not all of them.

    • In most cases, a web is a set of documents (images, texts...) you can acceed with the extensions ".html" or ".htm"
      The documents HTML contain texts and the set of instructions which allow to organize and layout the texts and find the images and links with. This set (texts and instructions)is known as a "source code".
      To see the "source code" you must click the mouse on the right on any web text, and on the menu which opens, choose "see the source code".
      You'll see the "source code": a text edited with the "notebook", completely inteligible where you can move with the scroll bar. Don't panic. It doesn't attack human beings.


  3. "Phylosophical" note

    A web has two parts which can be named with kantian terminology: a web is the "phenomenom" which appears on the screen, and the source code is the "noumenon" (or "thing in itself") which, hidden, is beyond the web and it appears.

  4. Links

    • useit.com  usable information technology, by Jakob Nielsen
    • htmlcenter.com  features tutorials, review and help community about web design and development

 
 

last update: 23.02.2006