|
|
3.1¿Qué es?
Para realizar una página Web se necesita en principio solamente un editor de textos para escribir los ficheros que la compondran.
Simplemente usando el NOTEPAD de Windows o el EDIT del MS-DOS se pueden realizar páginas Web sencillas, ya que una página Web es simplemente un texto al que se le añaden diferentes plabras clave (directivas) con el objeto de indicar diferentes propiedades. De cualquier manera existen editores específicos para realizar páginas Web. Dichos editores permiten por medio de menus e iconos incluir directivas de HTML sin necesidad de teclearlas. Es decir, para poner un texto en cursiva en una página Web deberiamos escribir la instrucción:
<I>Texto</I>
En un editor de Html, simplemente marcaríamos
el texto con el raton y pulsariamos el icono de "cursiva", el editor
se encargaria de poner automaticamente las directivas <I></I>.
Existen muchos y muy variados editores de HTML, como EL Front Page de Microsoft o el DreamWaver con el cual se ha creado esta página.
El HTML (Hyper Text Markup Language) es un sistema para estructurar documentos. Estos documentos pueden ser mostrados por los visores de páginas Web en Internet, como Netscape, Mosaic o Microsoft Explorer. Por el momento no existe un estandar de HTML ya que tanto Netscape como Microsoft se empeñan en incluir directivas que solo funcionan con sus respectivos navegadores. De cualquier manera existen diferentes revisiones o niveles de estandarización, el 1.0, el 2.0 y el 3.0, lo que produce que algunos visores no "comprendan" en su totalidad el contenido de un documento.
Básicamente, el HTML consta de una serie de órdenes o directivas, que indican al visor que estemos utilizando, la forma de representar los elementos (texto, gráficos, etc...) que contenga el documento. En este capitulo nos referiremos a estas órdenes con la palabra "directiva".
Las directivas de HTML pueden ser de dos tipos, cerradas o abiertas. Las directivas cerradas son aquellas que tienen una palabra clave que indica el principio de la directiva y otra que indica el final. Entre la directiva inicial y la final se pueden encontrar otras directivas. Las directivas abiertas constan de una sola palabra clave. Para diferenciar las directivas del resto del texto del documento se encierran entre los símbolos < y >. Las directivas cerradas incluyen el carácter / antes de la palabra clave para indicar el final de la misma. Una directiva puede contener "parámetros". Estos parámetros se indican a continuación de la palabra clave de la directiva.
Ejemplos :
Los ficheros que contienen documentos HTML suelen tener la extensión .html o .htm.
Ejemplo parcial del Código Fuente de HTML de esta Página cuyo URL es:
3.2Estructura básica de un documento HTML
Un documento escrito en HTML contendría básicamente las siguientes directivas :
<HTML>
<HEAD>
<TITLE>
</TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>
|
Indica el inicio del documento.
Inicio de la cabecera.
Inicio del título del documento.
Final del título del documento.
Final de la cabecera del documento.
Inicio del cuerpo del documento.
Final del cuerpo del documento.
Final del documento.
|
El documento se hallará situado en algún ordenador al que se pueda acceder a traves de Internet. Para indicar la situación del documento en Internet se utiliza la URL (Uniform Resource Locator). La URL es el camino que ha de seguir nuestro visor a traves de Internet para acceder a un determinado recurso, bien sea una página Web, un fichero, un grupo de noticias, etc. Es decir, lo que el visor de páginas Web hace es acceder a un fichero situado en un ordenador que está conectado a la red Internet. La estructura de una URL para una página Web suele ser del tipo http://dominio/directorio/fichero. El dominio indica el nombre del ordenador al que accedemos, el directorio es el nombre del directorio de ese ordenador y fichero el nombre del fichero que contiene la página Web escrita en HTML. Por ejemplo :
http://ares.six.udc.es/cine/corunha2.html
Donde ....
|
http:// | es el indicador
de página Web es el Dominio (nombre) del ordenador es el Directorio dentro del ordenador es el Fichero que contiene la página Web |
3.3Cabecera del documento
La directiva <HEAD></HEAD> delimita la cabecera del documento. Dentro de la cabecera es importante definir el título de la página por medio de la directiva <TITLE></TITLE>. Este título será el que aparezca en la barra de nuestro visor de páginas Web.
Ejemplo :
Dentro de la cabecera de nuestro documento podemos incluir otras directivas adicionales. La directiva <META> indica al visor de Internet las palabras clave y contenido de nuestra página Web. Muchos de los buscadores de páginas Web de Internet (Yahoo, Lycos, etc...) utilizan el contenido de esta directiva para incluir la página en sus bases de datos. La directiva <META> lleva generalmente dos parámetros, name y content.
Ejemplos :
Ejemplo :
Regrasar a Top
3.4Cuerpo del documento
La directiva <BODY></BODY> indica el inicio y final de nuestra página Web. Será entre el inicio y el final de esta directiva donde pongamos los contenidos de nuestra página, textos, gráficos, enlaces, etc.... Esta directiva tiene una serie de parámetros opcionales que nos permiten indicar la "apariencia" global del documento :
El código de color es un numero compuesto por tres pares de cifras hexadecimales que indican la proporcion de los colores "primarios", rojo, verde y azul. El código de color se antecede del símbolo #.
Ejemplos :
| #000000 #FF0000 #00FF00 #0000FF #FFFFFF | Color Negro Color Rojo Color Verde Color Azul Color Blanco |
El primer par de cifras indican la proporción de color Rojo, el segundo par de cifras la proporcion de color Verde y las dos ultimas la proporcion de color Azul. Cada par de cifras hexadecimales nos permiten un rango de 0 a 255. Combinando las proporciones de cada color primario obtendremos diferentes colores.
De cualquier forma la mayoría de los editores de HTML nos permiten obtener el código de color correspondiente escogiendo directamente el color de una paleta.
¿Qué es?, Código fuente, Estructura,
Capítulo-2
