Manual HTML pagina web

HTML

Objetivos:

• Conocer las bases para lenguaje marcado de hipertexto
• Aprender el diseño, modificación y tipos de almacenamiento para una pagina Web
• Trabajar con objetos vinculados para hacer más llamativa la página Web.

INTRODUCCION

HTML (Hyper Text Markup Language) o lenguaje marcado de hipertexto; no es más que un lenguaje basado en marcas para la especificación de documentos que usan el protocolo de transmisión de hipertexto (http) del WWW (World Wide Web) que significa: el ancho mundo de la red.  Todos los documentos HTML tienen un formato de texto llano lo que quiere decir que con cualquier editor podemos crearlos.  Pero para visualizar las páginas, necesitamos un programa como por ejemplo los llamados Navegadores  o Exploradores (browser) como los famosos Netscape, Internet Explorer o Navigator.

Para especificar la apariencia de la información que queremos mostrar en nuestras páginas, partimos pues de la base de un documento ASCII (acrónimo de American Standard Code for Information Interchange o Código Normalizado Americano para el Intercambio de Información) lo que quiere decir que con cualquier editor podemos crearlos. Posteriormente, se da formato a los mismos usando códigos o directivas especiales que regulan su apariencia.

Estas directivas tienen una forma un tanto especial, están encerrados por los símbolos < > Por ejemplo, es una directiva HTML.

En la especificación del HTML hay numerosos códigos de formato, que normalmente se usan por parejas delimitando la parte del documento que se ve afectado por su acción. Si los códigos van por parejas, la manera de distinguir cuándo empiezas de cuándo acabas es porque, en los que significan "final", el código va entre

Por ejemplo

y se establecerá como titulo para la pagina Web.

No todas las directivas van emparejadas: hay algunas acciones de formato que sólo tienen efecto en el sitio en el que se ponen. Aquí sólo necesitamos poner un código de formato.

Por ejemplo,

El código HR significa "Horizontal Rule", o línea horizontal.

Al navegador le es indiferente, a la hora de interpretar tu documento HTML, en lo que respeta al uso de letras  en minúsculas o en mayúsculas al igual que el uso de formatos para el propio Lenguaje de HTML (código).

Si bien es cierto, los archivos html se diseñan en cualquier editor; no quiere decir que los usaremos todos.  Entonces por el motivo de que al documento HTML no le interesa el formato que tenga el código de etiquetación, sino más bien la interpretación del código para aplicar el formato, utilizáramos el BLOC DE NOTAS de Windows para diseñarlos.  

En otras palabras, no importa si damos formato al código de etiquetación; pues de todos modos, este no tendrá efecto en la página Web que resulte; sino que si queremos que nuestra página Web tenga formatos atractivos, debemos establecer la etiqueta respectiva para lograr el cambio de formato deseado.

Entonces tomando de partida lo dicho anteriormente, se presenta el bloc de notas y la estructura básica con la cual se partirá a diseñar la pagina Web.

Como ya se sabe, el bloc de notas, permite crear archivos de texto (*.txt); para crear la pagina Web, primero escriba todo el código de etiquetación HTML y puede guardarlo como usualmente se hace; y será un archivo de tipo texto.[pic 1]

Ahora para tener la página Web y que se abra directamente en el Browser, debe de Guardarlo; la diferencia será, que no solo se le establecerá un nombre a la página Web, sino que seguido de su nombre se le agregara la extensión *.htm ó *.html.

Luego que la haya guardado, ciérrela y haga la combinación de teclas Windows + E, para que aparezca el Explorador De Windows ó el explorador de documentos, busque su archivo y ejecútelo; luego aparecerá su Browser predeterminado; en el caso de Windows, el Internet Explorer.[pic 2][pic 3][pic 4][pic 5][pic 6][pic 7][pic 8][pic 9]

Se detallan a continuación los elementos principales de la ventana del Internet Explorer:[pic 10]

Barra de Titulo: El titulo se presenta en la barra de titulo de la ventana del explorador; el texto que se haya establecido en la etiqueta Title es lo que aparecerá en esta barra.  Si no se establece un titulo, en su defecto aparecerá la dirección de donde se encuentra almacenado el archivo.

Barra de menú: Contiene las opciones necesarias para trabajar el explorador Web; si desea abrir la ventana del código de etiquetación, active Ver/Código fuente.

Botones estándar: Permite saltar a otras paginas abiertas recientemente; detener el salto a otras; saltar a la pagina predeterminada, buscar y editar dentro de la pagina Web.  Los botones de esta barra son:

• Atrás (Alt. + Flecha izquierda), Permite dirigirse hacia la pagina o las paginas visitadas anteriormente que se hayan visualizado en la misma ventana.
• Adelante (Alt. + Flecha Derecha), Esta opción solo esta disponible si se ha usado el botón atrás; es decir podrá utilizar el botón adelante el numero de veces que haya usado el botón atrás y permite ver la pagina visitada anteriormente.
• Detener Permite detener la actualización de una página Web; por ejemplo si una página tiene demasiados objetos y no se desea ver todos esos objetos, puede parar la actualización para trabajar la página como se encuentre.
• Actualizar (F5 ó ctrl. + R) Permite observar todo el contenido de la pagina Web; en el caso que muestre o reactive sus objetos.
• Inicio, Busca y muestra la pagina predeterminada o la pagina de entrada del Internet Explorer
• Búsqueda, Muestra un panel de asistente de búsqueda para buscar sitos Web o paginas Web por medio de parámetros de búsqueda; es decir por una frase en la hoja.
• Favoritos (Ctrl. + I), Muestra un panel con la lista de sitios agregados a favoritos; estos pueden ser de la WWW o lugares en la misma computadora, tenga presente que de este modo tendrá un acceso fácil a cualquier lugar que usted agregue; tenga la precaución de no saturarla demasiado; solo agregue lugares que usted use con frecuencia o que sean de amplio uso.
• Multimedia, Carga un panel similar al Windows Media Player; el cual permitirá reproducir sonidos y video.
• Historial (ctrl. + H), Muestra un panel donde se detalla los lugares en la red visitados y archivos abiertos o utilizados, el periodo de alcance puede variar desde los visitados hoy… hasta los del mes anterior.  Pero básicamente depende de la configuración del registro de Windows.
• Correo, Permite acceder a algunas opciones para enviar o revisar los mensajes de correo electrónico; por omisión envía a Microsoft Outlook; aunque es posible configurar otro programa de asistencia para mensajes.
• Imprimir, Permite imprimir el contenido de la pagina Web, solo recuerde que dependiendo las especificaciones de configuración del papel de la impresora, así se obtendrá la impresión.
• Editar, Permite saltar a un programa o muestra un grupo de programas capases de modificar o de editar la pagina Web que se este visualizando.
• Conversar Muestra una barra de opciones por medio de la cual se permite cargar un servidor para chatear y dependiendo del sitio que se especifique así se son las funciones a las que se puede acceder.
• Referencia Carga el panel de referencia del Office, el cual permite el uso de búsqueda de sinónimos, y algunas otras aplicaciones según lo que se este visitando.

Barra de Direcciones: en ella aparece la dirección en la que se encuentra la página visualizada; esta dirección puede ser una dentro del disco duro (C:) o en la WWW. También se puede escribir directamente la ruta a la que se desea acceder. Para buscar un archivo por un explorador se usa el llamado: URL, acrónimo de Universal Resource Locator (localizador universal de recursos), método de identificación de documentos o lugares en Internet.

...