Laboratorio 1 Paginas Web y HTML Justiniano Junco B Curso: Computación Justiniano Junco Fecha: 23 de Mayo del 2012 Profesor:

Presentación del tema: "Laboratorio 1 Paginas Web y HTML Justiniano Junco B Curso: Computación Justiniano Junco Fecha: 23 de Mayo del 2012 Profesor:"— Transcripción de la presentación:

1 Laboratorio 1 Paginas Web y HTML Justiniano Junco B Curso: Computación Justiniano Junco Fecha: 23 de Mayo del 2012 Profesor:

2 Curso: Computación Introducción ¿Que es HTML? HTML es la sigla para HiperText Markup Language o Lenguaje de Marcado de Hipertexto O sea, es la forma de presentar y crear texto usando marcado (tags) Justiniano Junco B

3 Curso: Computación Estructura básica de un Documento HTML La estructura básica de un documento HTML es: …….. …….... Justiniano Junco B

4 Curso: Computación Estructura básica de un Documento HTML Dentro del HEAD se identifica habitualmente el Título de la Página Web con el tag: …… Dentro del BODY se pone toda la información (texto) que queramos presentar con el documento HTML Mi Pagina Esta es mi primera pagina …….... Justiniano Junco B

5 Curso: Computación Estructura básica de un Documento HTML Habitualmente, se ocupan los META TAGS para entregar información extra a los navegadores o buscadores. Mi Pagina Esta es mi primera pagina …….... Justiniano Junco B

6 Curso: Computación Comandos Básicos Comando párrafo …. Produce separación en párrafos del texto, permite además alinear los párrafos a la derecha, centro, izquierda. Comando quiebre de línea Genera un salto de línea. Mi Pagina Esta es mi primera pagina así que va a ser corta. pero nunca tanto …….... Justiniano Junco B

7 Curso: Computación Comandos de encabezamiento Existen básicamente 6 niveles de encabezamientos que sirven para dividir el texto, H1 es el más grande hasta H6 que es el más pequeño de los divisores Nivel de encabezado 1 Nivel de encabezado 2 Nivel de encabezado 3 Nivel de encabezado 4 Nivel de encabezado 5 Nivel de encabezado 6 Mi Pagina Mi primera pagina introducción Esta es mi primera pagina así que va a ser corta. pero nunca tanto.... Justiniano Junco B

8 Curso: Computación Comandos de apariencia Estos son los típicos. Se pueden mezclar entre ellos Negrita (Bold) Cursiva (Italic) énfasis (Emphasis) énfasis Subrayado (Underline) Borrado (Delete) Mi Pagina Mi primera pagina introducción Esta es mi primera pagina así que va a ser corta. pero nunca tanto Además la clase esta súper FOME ENTRETENIDA!.... Justiniano Junco B

9 Curso: Computación Ejemplo Básico Ejemplo básico Ejemplo numero uno Primera parte Aprendimos a usar el comando párrafo. O a cortar una línea usando BR. Segunda parte Aprendimos a marcar palabras importantes, otras mas importantes, Nota También aprendimos a hacer eliminar el texto. Justiniano Junco B

10 Curso: Computación Listas Numeradas Mi Pagina Mi primera pagina Listas Primer ítem Segundo ítem Primer subitem Segundo subitem Tercer ítem Justiniano Junco B

11 Curso: Computación Listas No Numeradas Mi Pagina Mi primera pagina Listas Primer ítem Segundo ítem Primer subitem Segundo subitem Tercer ítem Justiniano Junco B

12 Curso: Computación Listas Descriptivas Mi Pagina Mi primera pagina Listas Primer nombre a describir Descripción del primer nombre Segundo nombre a describir Descripción del segundo nombre Justiniano Junco B

13 Curso: Computación Comandos de Formato Mi Pagina Mi primera pagina Introducción Justiniano Junco B

14 Curso: Computación Tablas Mi Pagina Mi primera pagina Introducción Nombre: Patricio Bahamondes Edad: ?? Justiniano Junco B

15 Curso: Computación Referencias Hay varios tipos, la más utilizada es referenciar a otro documento, para ello se utiliza el comando... Ubicación puede ser su URL, o sea, http://www.uchile.cl/ O una dirección relativa a la estructura del directorio “../docs/prueba1.html” Mi Pagina Esta es mi primera pagina y estudio en la Universidad de Chile http://www.uchile.cl Justiniano Junco B

16 Curso: Computación Referencias Hay enlaces para correo: Mail mailto:nombre@servidor.cl Existen varios atributos más respecto al comportamiento de los enlaces al utilizar el mouse. Vean los manuales para más detalles. Mi Pagina Esta es mi primera pagina y estudio en la Universidad de Chile,http://www.uchile.cl mi dirección de correo es: pbahamondes@gmail.com Justiniano Junco B

17 Curso: Computación Imágenes Para agregar una imagen se utiliza el comando: Si el alto o el ancho no se especifican, la imagen será “escalada” automáticamente; es decir, si mi foto es de 1024x768 y colocamos widht=“800”, el alto será modificado automáticamente a 600 pixeles. Mi Pagina Esta es mi primera pagina Justiniano Junco B

18 Curso: Computación Actividades Lab. 1 y 2 Escribir su biografía en una página Web. El nombre del archivo a entregar es: Nombrealumno.html Ej: patriciobahamondes.html Debe contener: (0,5pts) Titulo en el header (1,0pts) Títulos (H1, H2,…) (1,0pts) Párrafos (al menos 2, uno centrado y otro alineado a la derecha) (0,5pts) Listas Numeradas (0,5pts) Listas No Numeradas (1,5pts) Tabla (3x3 por lo menos) (1,0pts) Imágenes (al menos 2) Color en el fondo de la página Justiniano Junco B