La descarga está en progreso. Por favor, espere

La descarga está en progreso. Por favor, espere

Laboratorio 1 Paginas Web y HTML Universidad de Chile – Bachillerato Curso: Computación Cristian Wilckens Patricio Bahamondes Fecha: 26 de Marzo del 2010.

Presentaciones similares


Presentación del tema: "Laboratorio 1 Paginas Web y HTML Universidad de Chile – Bachillerato Curso: Computación Cristian Wilckens Patricio Bahamondes Fecha: 26 de Marzo del 2010."— Transcripción de la presentación:

1 Laboratorio 1 Paginas Web y HTML Universidad de Chile – Bachillerato Curso: Computación Cristian Wilckens Patricio Bahamondes Fecha: 26 de Marzo del 2010 Profesor: Profesor Auxiliar:

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) Universidad de Chile – Bachillerato

3 Curso: Computación Estructura básica de un Documento HTML La estructura básica de un documento HTML es: Universidad de Chile – Bachillerato …….. ……....

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 Universidad de Chile – Bachillerato Mi Pagina Esta es mi primera pagina ……....

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. Universidad de Chile – Bachillerato Mi Pagina Esta es mi primera pagina ……....

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. Universidad de Chile – Bachillerato Mi Pagina Esta es mi primera pagina así que va a ser corta. pero nunca tanto ……....

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 Universidad de Chile – Bachillerato Mi Pagina Mi primera pagina introducción Esta es mi primera pagina así que va a ser corta. pero nunca tanto....

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) Universidad de Chile – Bachillerato 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!....

9 Curso: Computación Ejemplo Básico Universidad de Chile – Bachillerato 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.

10 Curso: Computación Listas Numeradas Universidad de Chile – Bachillerato Mi Pagina Mi primera pagina Listas Primer ítem Segundo ítem Primer subitem Segundo subitem Tercer ítem

11 Curso: Computación Listas No Numeradas Universidad de Chile – Bachillerato Mi Pagina Mi primera pagina Listas Primer ítem Segundo ítem Primer subitem Segundo subitem Tercer ítem

12 Curso: Computación Listas Descriptivas Universidad de Chile – Bachillerato Mi Pagina Mi primera pagina Listas Primer nombre a describir Descripción del primer nombre Segundo nombre a describir Descripción del segundo nombre

13 Curso: Computación Comandos de Formato Universidad de Chile – Bachillerato Mi Pagina Mi primera pagina Introducción

14 Curso: Computación Tablas Universidad de Chile – Bachillerato Mi Pagina Mi primera pagina Introducción Nombre: Patricio Bahamondes Edad: ??

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, O una dirección relativa a la estructura del directorio../docs/prueba1.html Universidad de Chile – Bachillerato Mi Pagina Esta es mi primera pagina y estudio en la Universidad de Chile

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

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. Universidad de Chile – Bachillerato Mi Pagina Esta es mi primera pagina

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 Enviar a: Titulo: [BACHI][LAB1] - Notas en: Universidad de Chile – Bachillerato


Descargar ppt "Laboratorio 1 Paginas Web y HTML Universidad de Chile – Bachillerato Curso: Computación Cristian Wilckens Patricio Bahamondes Fecha: 26 de Marzo del 2010."

Presentaciones similares


Anuncios Google