Guia HTML para estudiantes

MANUAL DE PRÁCTICAS DEL SUBMODULO: DESARROLLA APLICACIONES WEB
CUARTO SEMESTRE DE LA ESPECIALIDAD DE PROGRAMACIÓN

Este manual de prácticas tiene como objetivo que el estudiante aprenda a desarrollar distintas aplicaciones con el lenguaje HTML, con las prácticas sugeridas, que serán: guiadas, supervisadas y autónomas, para que el alumno adquiera los conocimientos básicos para que aplique loaprendido en aplicaciones que serán utilizadas por diferentes usuarios. En lo cual el RESULTADO DE APRENDIZAJE será que al finalizar el módulo el estudiante será capaz de: Desarrollar aplicaciones web y móviles

Introducción HTML es un lenguaje de marcas, estas serán fragmentos de texto destacado de una forma especial que permiten la definición de las distintas instrucciones de HTML, tantolos efectos a aplicar sobre el texto como las distintas estructuras del lenguaje.

A estas marcas las denominaremos etiquetas y serán la base principal del lenguaje HTML. Un documento HTML será un archivo texto con etiquetas que variarán la forma de su presentación.
En el HTML las instrucciones son trozos de textos resaltados convenientemente que definirán la estructura lógica deldocumento

Estructura Básica Los documentos HTML están definidos por una etiqueta inicial que es la que da a conocer al navegador cuál es el tipo de programación que estamos empleando, y otra etiqueta de cierre . Dentro de éste podemos encontrar dos partes fundamentales: , donde definimos los caracteres básicos sobre la página, y donde pondremos las instrucciones básicas de la página, textos,imágenes, etc.
Por tanto la estructura básica de un documento HTML sería


Definiciones de la cabecera


Instrucciones HTML



Las Etiquetas Existe normalmente una etiqueta de inicio y otra de fin, la de fin contendrá el mismo texto que la de inicio añadiéndole al principio una barra inclinada /. El efecto que define la etiquetatendrá validez para todo lo que este incluido entre las etiquetas de inicio y fin, ya sea texto plano u otras etiquetas HTML.

Recomendaciones para guardar un documento HTML:

 Crear una carpeta de raíz
 Crear una subcarpeta para imágenes
 Ubicar en esta carpeta las imágenes que se van a necesitar
 La primer pagina o documento debe tener la extensión .HTML.
 Los siguientes debenser .HTM
 Todos los archivos se deben guardar en una sola carpeta
 Todas la imágenes se guardan en una subcarpeta
 Todas las páginas deben tener un título.
 Evite utilizar espacios y caracteres especiales en los nombres de archivos y carpetas. Asimismo, no inicie los nombres de los archivos con números. No utilice caracteres especiales (como é, ç o ¥) nisignos de puntuación (como dos puntos, barras inclinadas o puntos) en los nombres de archivos que desee colocar en un servidor remoto; muchos servidores cambian estos caracteres durante la carga, lo que provoca que se rompan los vínculos existentes con los archivos.


Para codificar, guardar y ejecutar un programa HTML siga los siguientes pasos:

1.-Teclee menú inicio
2.- Menú Programas3.- Elegir Accesorios
4.- Elegir Block de notas
5.- Codificar (Escribir el código de la página de la práctica 1)
6.- Para Guardar: Seleccione, Menú Archivo > Guardar como.
7.- En el cuadro de diálogo que aparece, Elija hasta la carpeta en la que desea guardar el archivo.
8.- En el cuadro de texto Nombre de archivo: introduzca un nombre para el archivo con Extensión .HTML.

Para evitarproblemas es interesante que en el nombre del Archivo, NO DEJAR ESPACIOS, NI PONER SIGNOS NO COMUNES como acentos, "ñ", o símbolos de distintos idiomas

9.-Haga clic en Guardar o pulse Enter.
10.- Para Ejecutar: Entrar a Explorer y desde el explorador pulsar Enter o doble clic
11.- Para Ver el código fuente (abre en un block de notas el código del archivo) ó Entrar a Explorer y desde el...