Introducción a las Tecnologías Informáticas Oscar Bedoya

Presentación del tema: "Introducción a las Tecnologías Informáticas Oscar Bedoya"— Transcripción de la presentación:

1 Introducción a las Tecnologías Informáticas Oscar Bedoya http://eisc.univalle.edu.co/~oscarbed/itigrupo4

2 HTML (Hyper Text Markup Language)

3 HTML Lenguaje para estructurar documentos. Los documentos se visualizan a través de navegadores (browsers). Consta de una serie de etiquetas (Tags) que le indican al navegador la forma cómo se representan los elementos contenidos en los documentos.

4 HTML Sintaxis de las etiquetas HTML contenido_etiqueta Curso ITI Introducción al lenguaje HTML

5 HTML Toda página HTML tiene la siguiente estructura: Curso ITI – Lenguaje HTML Cuerpo de la página

6 HTML : inicio del programa : inicio del encabezado : titulo de la página : inicio del cuerpo del programa : fin del titulo : fin del encabezado : fin del cuerpo del programa : fin del programa

7 HTML <H1> Permite colocar el texto que se encuentra entre las etiquetas de inicio y de fin, en un tamaño y formato diferente<BR> Etiqueta que no requiere ser cerrada y que permite un salto de línea

8 HTML <CENTER> Permite centrar el texto que se encuentra entre las etiquetas de inicio y de fin Permite establecer el color, estilo y tamaño de la fuente

9 HTML Permite establecer el color del fondo de la página Establece una imagen como fondo

10 HTML Inserta la imagen del archivo matrix.jpg en la página. ALT permite colocar un mensaje que se visualizará cuando se pase el ratón sobre la imagen

11 HTML <HR> Inserta una línea horizontal

12 HTML The Matrix The Matrix Crea un enlace a la página llamada exactamente con el nombre matrix.html. El enlace aparecerá con el nombre de “The Matrix”

13 HTML Google Google Crea un enlace a la página llamada exactamente con el nombre "http://www.google.com". El enlace aparecerá con el nombre de “Google”

14 HTML </A> Crea un enlace a la página llamada exactamente con el nombre "http://www.google.com". El enlace aparecerá como una imagen, almacenada en el archivo google2.gif

15 HTML : : definición de la tabla : : definición de fila Texto de la intersección : Texto de la intersección :definición de columna Las columnas se definen dentro de las filas

16 HTML Esta es la celda 1,1 Esta es la celda 1,2 Esta es la celda 1,3 Esta es la celda 2,1 Esta es la celda 2,2 Esta es la celda 2,3 Indica que comenzamos una nueva fila

17 HTML Cómo publicar la página para que esté disponible en Internet public_htmlEn su cuenta de malpelo cree un directorio llamado public_html Coloque en la carpeta public_html los archivos html, las imágenes, el video, y todos los archivos que se solicitan para la presentación del proyecto

18 HTML http://malpelo.univalle.edu.co/~i0309555/movies.htmlSi su página de inicio se llama, por ejemplo movies.html, las personas podrán acceder a su sitio web a través del URL http://malpelo.univalle.edu.co/~i0309555/movies.html http://malpelo.univalle.edu.co/~i0309555/Si llama a la página inicial con el nombre index.html podrá acceder a su sitio web por medio del URL http://malpelo.univalle.edu.co/~i0309555/