[Proyectos de Estructuras] [Temario] [Bibliografia] [Alumnos] [Prácticas de Curso]


COMO CREAR PAGINAS WEB??


< Anterior

1 - 2 - 3 - 4 - 5 - 6 - 7 - 8

Siguiente >


Crear una página Web con un editor de textos

Es posible crear páginas Web con un editor de textos estándar, como el Bloc de notas, si escribes etiquetas HTML, que son instrucciones de formato que indican al explorador de Web del usuario la forma de presentar el documento. Las etiquetas HTML consisten en un par de palabras de texto entre signos menor que y mayor que (< >). Por ejemplo, el código HTML siguiente muestra en negrita la palabra Hola en el explorador de Web del usuario: <b>Hola</b>.

Para crear páginas Web con un editor de textos

  1. En un editor de textos estándar (ASCII), crea un esqueleto o plantilla básicos que proporcionará al explorador importante información de encabezado y formato HTML. Escribe las etiquetas siguientes:
    <HTML>
    <HEAD>
    <TITLE>  </TITLE>
    </HEAD>
    <BODY>
    
    </BODY>
    </HTML>
  2. Pon el título de la página Web entre las etiquetas <TITLE>. Este título aparecerá en la barra de título del explorador de Web, no en la página propiamente dicha. Elije un título breve y que describa el contenido de la página Web.
  3. Escribe entre las etiquetas <BODY> el texto y el resto del contenido que deseas que aparezca en el explorador de Web.
  4. Guarda el archivo HTML con la extensión .htm (asegúrate de que el editor de textos no agregue automáticamente la extensión .txt al documento) y ábrelo en un explorador de Web para ver los cambios.
  5. Agrega elementos o formatos adicionales a la página Web. En la tabla siguiente de etiquetas HTML encontrarás algunas ideas. Repite el paso 4 para ver los cambios.

Sugerencia   Probablemente será conveniente que repases las especificaciones de HTML (disponibles en Internet) para diseñar tus páginas HTML. Además, con la función de ver el código fuente del explorador de Web, también podrás ver el archivo fuente HTML de casi cualquier página Web. Puedes utilizar esta función para saber cómo han diseñado sus páginas Web otros autores de HTML.

Etiqueta HTML Descripción
<p> </p> Inicia y termina un párrafo.
<hn> </hn> Inicia y termina texto de encabezado. El valor n especifica distintos tamaños de fuente y debe ser un entero comprendido entre 1 y 6.
<u> </u> Inicia y termina un texto subrayado.
<ul> </ul> Inicia y termina una lista de elementos con viñetas. Cada elemento de la lista debe comenzar con la etiqueta <li>.
<ol> </ol> Inicia y termina una lista numerada de elementos. Cada elemento de la lista debe comenzar con una etiqueta <li>.
<li> Indica un elemento de una lista. No es necesaria una etiqueta de fin.
< b > < /b > Inicia y termina un texto en negrita.
< bgsound > Reproduce un sonido de fondo cuando se ha cargado la página.  Nota   Esta característica sólo es compatible con Microsoft Internet Explorer versión 2.0 o posterior.
<font > < /font > Inicia y termina un texto con determinadas características de fuente, como tamaño, color o tipo.
<a href=archivo > </a> Crea un hipervínculo con una ubicación de un archivo o con otro documento. Por ejemplo, el código siguiente crea un vínculo en el que los usuarios pueden hacer clic para ver otro documento HTML: <a href="pagprinc.html"> Volver a la página principal. </a>
<html> </html> Indica que el contenido del archivo está en lenguaje HTML. Normalmente, estas etiquetas son la primera y la última de todos los documentos HTML.
<head> </head> Contiene información de encabezado de documento HTML, como el título y otros datos descriptivos. Los exploradores de Web y los programas de búsqueda de páginas Web pueden usar esta información. Sin embargo, no debe poner el texto del documento dentro de esta etiqueta.
<title> </title> Señala el título del documento HTML. El título aparece en la barra de título del explorador de Web, no en el texto principal.
<body> </body> Contiene los elementos que deben aparecer en la página Web.

< Anterior

1 - 2 - 3 - 4 - 5 - 6 - 7 - 8

Siguiente >


[Proyectos de Estructuras] [Temario] [Bibliografia] [Alumnos] [Prácticas de Curso]

[Principal] [Profesores] [Investigación] [Area de Descarga] [Enlaces] [Zona Restringida]

dtcon@udc.es