|
|
|
|
|
|
|
 |
|
|
En esta práctica se usan los programas que permiten editar el código de las páginas html. Algunos navegadores como Netscape o Internet Explorer permiten acceder al código de las páginas html, en cambio otros como Mocilla no pueden hacerlo. En el primer caso resulta muy cómo, cuando se ve una errata, por ejemplo, usar la opción que edita el código, buscar la errata, corregirla y guardar la página corregida. En los otros casos habrá que acudir a un editor de texto simple, como el Bloc de notas de Windows, o alguno similar, para modificarla. Esta introducción y las actividades guiadas se realizan con Internet Explorer y FrontPage Express, pero pueden usarse otros programas similares. |
|
Gracias a los navegadores (Internet Explorer, Nescape, Mozilla, etc.) se pueden presentar en la pantalla los archivos escritos en formato HTML. Cuando se abre un archivo de este tipo, ubicado en el disco duro de nuestro ordenador, se crea una copia en la memoria, que es con la que trabaja el navegador, lee las instrucciones que contiene y las traduce para que se puedan visualizar en la pantalla los textos con todos sus atributos, las tablas, los fondos, las animaciones, etc.
Figura 3.1: Fichero HTML visto con el navegador Internet Explorer |
|
|
Algunos navegadores, como Internet
Explorer de Microsoft,
suelen disponer de una herramienta para editar textos que permite modificar el código de la
página: si se selecciona el menú Ver
y la opción Código Fuente, se abre un editor de texto, generalmente
el Bloc de notas de Windows, con el contenido del archivo html de la
página que esté activa en ese instante.
Este editor también hace su propia copia en memoria.
Figura 3.2: Opción Ver-Código fuente del navegador |
|
|
En la imagen siguiente se
muestra un ejemplo de lo que se visualizaría en la pantalla del ordenador,
en la ventana del Bloc de Notas de Windows, si se realizaran las acciones
descritas desde Internet Explorer.
Figura 3.3: Fichero HTML visto con el editor de texto Bloc de Notas |
|
| El lenguaje HTML | No es propósito de este curso elaborar páginas web escribiendo código HTML pero, cuando se cambian las escenas de Descartes, se termina por tomar contacto, aunque muy elemental, con el código interno de las páginas html. Cabe entonces dedicar un poco de tiempo a observar el código mostrado en la Figura 3.3 y explicar su significado. | |
|
Etiquetas |
El lenguaje HTML se basa en la
utilización de comandos o directivas que aquí se llaman etiquetas.
Una etiqueta es texto delimitado por los símbolos < y >.
Básicamente estas etiquetas le indican al navegador la forma en que tiene
que interpretar y representar los elementos que contiene un fichero HTML.
Cada elemento a representar empieza por una etiqueta de inicio <etiqueta> y termina por una etiqueta final o de cierre </etiqueta>, a modo de paréntesis; aunque pueda haber alguna excepción en el lenguaje, como la etiqueta que representa el salto de línea <br> o la que obliga a insertar una línea horizontal <hr>, como puede verse en código del ejemplo. Hay una etiqueta que sólo sirve para incluir comentarios para quien tiene que revisarlo en algún momento y es <! -- comentarios -->. La etiqueta <!DOCTYPE información> sirve para identificar la versión HTML que ha sido utilizada. |
|
|
Estructura del fichero |
Un fichero HTML también está
delimitado por una etiqueta de inicio <html> y una etiqueta
final </html>.
Entre estas etiquetas hay dos partes fundamentales, la cabecera comprendida entre sus etiquetas <head>, </head> y el cuerpo comprendido entre <body> y </body>. Cabecera:
Cuerpo:
|
|
| Análisis del ejemplo | ||
|
|
|
|
|
|
|
|
|
| Edición | ||
|
Con el Bloc de notas u otro editor de texto similar, se pueden realizar modificaciones en el contenido de la página (cambiar el texto, o la imagen que aparece,...) y almacenar dichas modificaciones. Para ello se usa la opción Guardar del menú Archivo o bien, al cerrar el la ventana del editor, confirmando que se desean guardar los cambios realizados. |
|
|
En el caso
de Internet
Explorer se usa la opción Código fuente del menú Ver
para abrir el archivo que tiene el código HTML, se realizan los cambios oportunos
y se cierra la ventana del editor guardando los cambios. Para que se muestren los cambios efectuados es necesario actualizar la página desde el navegador, con el icono Actualizar de la barra de herramientas, esta opción hace que se vuelva a leer el archivo del disco con los cambios que se han guardado.
La operación de actualizar también se puede hacer desplegando el menú Ver, y seleccionando la opción Actualizar.
|
|
|
|
|
 |
© Ministerio de Educación y Ciencia. Año 2004 |
