Presentation

This online tutorial is an internet-based learning for the construction of web pages.

Who follows and carrys out the proposed exercises should be able, by finishing them, to:
  1. Understand the structure of a web page and its source code.
  2. Construct and modify html documents including organized texts, lists, images and links.
  3. Organize the system of folders and internal navigation of a website.
The scheduled working time to dedicate to this tutorial is about one hour and a half.

This tutorial wasn't constructed for computer specialists, if not for architects. This has to be said to justify possible - probable - technical defiencies or inexactnesses that can be made up for by a closer proximity with the mental habits of the users, architects and students of architecture.

This tutorial doesn't pretend to be exhaustive, it's just a "fast start guide " to be able to begin to work: from that on all the necessary information is in the www itself and can be found using the searcher.

This tutorial is based on the HTML language that is provided by the W3C company. (Read an interview with the managing director of W3C Jeff Jaffe). To use HTML there is no previous specific knowledge nor special software needed. It's sufficient if the computer is connected to the internet and has a "text editor" or any similar simple programme for textediting (for example the freeware Notepad++).

Serving as examples for websites realized with the knowledge provided in this tutorial are the personal portfolios of Beatrice Bonzanigo and Nina Taghavi. Both of them have been students of the optional subject at the ETSAV-UPC Arquitexts. Publicación de contenidos gráficos y escritos en la web (Architexts. Publication of grafic and written contents in the web), in which we elaborated the basic material with which we prepared this tutorial.

As examples of the kind of webs which construction we foresee to teach are the websites of Jakob Nielsen and David Shrigley. These two websites are very simple technically seen, but clear, well structured and effective. It's specially worth it to have a look at the paragraph "Why this site has almost no graphics" in the web of Jakob Nielsen. As an example of a good website of an architect, have a look at the one of Christopher Alexander.

This is only a first version of the tutorial. We are very grateful for the publication of corrections of errors, of doubts and comments in general in the forums that we'll open immediately in the virtual campus Atenea of the UPC.

To start, before you go to the paragraph "What's a web?", we'll see a first example of a web page that approaches a frequently asked question: Why learning this?