En este apartado, veremos la forma mas básica de crear una página Web. con cualquier procesador de texto.

Lo primero que debemos hacer al iniciar nuestro proyecto Web. es crear una carpeta, a la que en este caso llamaremos " MI SITIO ".

En ella iremos guardando los documentos que componen nuestro trabajo.

Para esto cabe destacar la importancia que tiene, que desde el primer momento tengamos diseñado la estructura de lo que pretendemos desarrollar; es decir:

Dentro de "MI SITIO " podremos crear una carpeta destinada a todas las imagenes que iremos añadiendo a la Web.

Debemos pensar si necesitaremos crear más subcarpetas para almacenar allí algunos documentos especificos etc.

Elaborar este protocolo nos ahorrará tiempo y frustraciónes al encontrarnos con muchos documentos e imágenes en desorden difíciles de administrar.

Una vez tengamos esto, procederemos al siguiente paso que es abrir el Block de Notas y empezar a desarrollar nuestro primer documento Web.

Lo primero que debemos poner es la etiqueta del codigo "html":

<html>----- Dentro de esta, pondremos la etiqueta "head" así:

<head>-----Y luego la etiqueta de "titulo":

<title>------Aqui escribiremos el titulo del documento, que sera lo que aparecera en la parte superior izquierda de nuestra pág. Una vez escrito el titulo cerraremos la etiqueta, así:

</title>

Ahora cerraremos el encabezado de nuestra página cerrando la etiqueta "head" de la siguiente manera:

</head>

Luego continuaremos con la etiqueta "body", de la siguiente manera:

<body>----Aquí desarrollaremos el contenido de nuestro documento Web.

ETIQUETA BODY: Esta etiqueta tiene unos atributos que nos permiten especificar el fondo, el tipo de letra el tamaño, el color, tanto de el texto como el de los enlaces que iremos añadiendo a nuestro trabajo.

ATRIBUTO BGCOLOR: Este atributo nos permite elegir un color de fondo para nuestro documento, para ello pondremos el color entre comillas y prescedido de almohadilla,los colores se componen de seis caracteres ejemplo:

ATRIBUTO BACKGROUND: Este atributo nos permite utilizar una imágen de fondo para nuestra pág Web, también podemos especificar un color como fondo con esta misma etiqueta.

ETIQUETA TEXT: Esta etiqueta nos permite seleccionar un color para el texto que vamos a poner en nuestro documento. Ejemplo:

ETIQURTA LINK: Esta etiqueta nos permite seleccionar un color para el texto del enlace no visitado:

ETIQUETA ALINK: Esta etiqueta nos permite definir el color del enlace activo, Ejemplo:

ETIQUETA VLINK: Esta etiqueta nos permite definir el color del enlace ya visitado, Ejemplo:

Para profundizar el tema de los colores en HTML, recomendamos visitar el apartado de COLORES

ETIQUETA MARGIN: Esta etiqueta nos permite definir las margenes correspondientes así:

LEFTMARGIN: Define el margen derecho

TOPMARGIN: Define el margen de arriba

RIGHTMARGIN: Define el margen izquierdo

BOTTONMARGIN: Define el margen de abajo

Si queremos epecificar a nuestro documento unas margenes de 10 pixeles, sería así, Ejemplo:

Un ejemplo de como podríamos definir nuestra etiqueta BODY especificandole todos los atributos menconados sería el siguiente:

Con esto ya hemos especificado el color del fondo y del texto, los tonos de los enlaces, también hemos dado tamaño a las margenes de nuestro documento, ahora definiremos el tamaño de letra y formato que daremos a nuestra Web. Pero esto lo veremos en el siguiente apartado ESCRITURA EN HTML.

No olvidemos cerrar las etiquetas

desde la ultima hacia la primera que hemos abierto, así:

</body>

</html>

Por ultimo, para terminar guardaremos nuestro documento en "ARCHIVO", luego seleccionaremos la opción "GUARDAR COMO" y esta primera pág. la llamaremos "index.html" . diremos "GUARDAR".

Y como podremos comprovar en el navegador, ya tenemos nuestro primer documento Web.

TUTORIAL HTML

CONCEPTOS BASICOS

(Hipertex markup language)