viernes, 28 de septiembre de 2012

HTML: ¡Mi primera página Web! - Programación páginas WEB en HTML

Unidad # I

HTML


Definición.- El lenguaje estandarizado para la creación de páginas WEB es el lenguaje HTML (HyperText Markup Language, Lenguaje de Marcas Hipertexto), es un lenguaje totalmente sencillo cuya descripción es especificar en el texto la estructura lógica del contenido (títulos, párrafos de texto normal, enumeraciones, definiciones, citas, etc), así como los diferentes efectos que se quieren dar (especificar los lugares del documento donde se debe poner cursiva, negrita o un gráfico determinado).



Las herramientas primordiales para poder programar una página Web con HTML son:
  • Un editor de texto Vale cualquiera, siempre que no formatee el texto.Por ello, los mas adecuados son los mas sencillos ( como por eje., el block de notas de Windows 95). Si se utilizan procesadores como el Word, se debe guardar los ficheros como 'Sólo Texto', para que no introduzca órdenes de formateo, que puede provocar errores al cargarlo en el navegador.
  • Un visualizador o navegador del Web: Nestcape, Microsoft Explorer, Mosaic, Opera, etc.

Nota.- Es bueno tener diferentes visualizadores o navegadores y así tener conocimiento si los cambios que iremos efectuando son interpretados o soportados por el navegador, de esta manera evitar errores mientras estamos diseñando nuestra página.

Existen ciertos programas que nos ayudan a automatizar este proceso, pero es muy conveniente comenzar a hacerlo de una manera manual, para comprender bien la estructura del lenguaje HTML.

En este momento le enseñaré a crear su primer página Web, por favor, siga las instrucciones atentamente; ellas le permitirán crear un documento HTML en su ordenador.

Le recomiendo que cree un directorio en su ordenador para almacenar las páginas web que vaya haciendo al aprender; y que practique un tiempo antes de poner páginas en Internet.

  1. Abra el editor de textos: Block de Notas
  2. Teclee lo siguiente: 
    <HTML>

    <HEAD>
    <TITLE>Ejemplo 1 - Mi primera pagina Web</TITLE>
    </HEAD>

    <BODY>
    <CENTER><H1> Mi primera pagina Web</H1></CENTER>
    <HR>
    Esta es mi primera pagina, aunque todavía es muy sencilla. <BR>Como el lenguaje HTML no es difícil, pronto estaré en condiciones de hacer cosas mas interesantes.
    <P> Aquí va un segundo párrafo.</P> 
    </BODY>

    </HTML>


  3. Grabe este archivo con el nombre: ejemplo1.html
  4. Abra el visualizador. No necesita conectarse a Internet para ver las páginas en su ordenador. Puede trabajar en local.
  5. Elija "Archivo/Abrir página" en la barra de menú del navegador.
  6. Seleccione el archivo ejemplo1.html que acaba de crear, y debe de ver la siguiente pantalla:

Mi primera pagina Web
___________________________________________________________


Esta es mi primera página, aunque todavía es muy sencilla.
Como el lenguaje HTML no es difícil, pronto estaré en condiciones de hacer cosas mas interesantes.

Aquí va un segundo párrafo.





Las líneas en blanco y las indentaciones del texto se han puesto para mayor claridad, pero no son necesarias. De hecho, podría estar todo en una sola línea. Lo importante es el orden correcto de las etiquetas. Por cierto, una etiqueta puede estar anidada dentro de otra. Véase en el ejemplo cómo lo esta la etiqueta <CENTER> dentro de la etiqueta <H1>. Es muy importante, en estos casos, que las etiquetas de inicio y de cierre vayan en el orden correcto, pues de lo contrario se producirán errores.


¡Felicidades, usted ha creado su primer documento HTML!.


No hay comentarios:

Publicar un comentario