Junio 2: Desarrollo del proyecto en la sala 3 Junio 9: Continuación del proyecto en la sala 3 Junio 16: Examen Final. Sala 3. Entrega del proyecto (se.

Presentación del tema: "Junio 2: Desarrollo del proyecto en la sala 3 Junio 9: Continuación del proyecto en la sala 3 Junio 16: Examen Final. Sala 3. Entrega del proyecto (se."— Transcripción de la presentación:

1 Junio 2: Desarrollo del proyecto en la sala 3 Junio 9: Continuación del proyecto en la sala 3 Junio 16: Examen Final. Sala 3. Entrega del proyecto (se indica el URL donde reside la página)

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 Curso ITI Introducción al lenguaje HTML

5 Curso ITI – Lenguaje HTML Cuerpo de la página

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

7 HTML 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

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

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

10 HTML Inserta una línea horizontal

11 HTML Inicio Crea un hiperenlace a la página llamada exactamente con el nombre inicio.html. El enlace aparecerá con el nombre de “Inicio”.

12 HTML Google Crea un enlace a la página http://www.google.comhttp://www.google.com El enlace aparecerá con el nombre “Google”

13 HTML Crea un enlace a la página "http://www.google.com" El enlace aparecerá como la imagen del archivo llamado google.gif

14 HTML Estructura temática Crea un enlace a un archivo. Este enlace, permite que se descargue el archivo

15 HTML Oscar Bedoya Crea un enlace a una dirección de correo electrónico

16 HTML Manejo de viñetas Se utiliza la etiqueta Windows Linux Unix

17 HTML Manejo de Listas ordenadas Se utiliza la etiqueta Windows Linux Unix

18 HTML Manejo de tablas para la definición de la tabla para la creaciones de cada fila Aca se pone el texto de la celda

19 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 comienza un fila Indica que comienza una fila

20 HTML Texto Negrita Texto Subrayado Texto Cursiva

21 HTML Para colocar la a con tilde: á Información Para colocar la ñ: ñ

22 HTML Permite establecer las dimensiones de la imagen

23 HTML Incluir sonido en Internet Explorer Incluir sonido en Netscape, Mozilla Incluir un video. Los videos tienen extensión avi o mpg.

24 HTML ¿Cómo publicar la página para que esté disponible en Internet? public_htmlEn su cuenta cree un directorio llamado public_html Coloque en la carpeta public_html los archivos html, las imágenes y todos los archivos que se solicitan para la presentación del proyecto Escriba en un terminal fs sa. system:anyuser l fs sa public_html system:anyuser rl

25 HTML ¿Cómo publicar la página para que esté disponible en Internet? http://malpelo/~u0309555/La dirección de la página será: http://malpelo/~u0309555/

26

27 menu.html

28 inicio.html

29 index.html: es la página principal que integra el menú y la zona de despliegue

30 Menu GUINNESS RECORDS DISPONIBLES Fingernails Coin Bowling Math Memory Mind menu.html

31 Proyecto I.T.I. index.html

32 Nombres y códigos Documentación Este enlace debe permitir la descarga de cada uno de los documentos a entregar