Вы находитесь на странице: 1из 3

UNIVERSIDAD POPULAR DE NICARAGUA FACULTAD DE INFORMATICA GUIA DE CLASE Docente: DATOS GENERALES: Lic. Brenda Luz Trujillo Andino.

No. De la Unidad Nmero Del Encuentro: Fecha: Sede: Chinandega I 1

Asignatura: Diseo de Pginas Web Unidad Tema: Turno: Objetivo de la Clase: Nociones del Lenguaje HTML HTML y la WWW, Elementos del Lenguaje HTML Tiempo de Desarrollo: 2 horas.

Dar a conocer el funcionamiento de las pginas web en Internet Realizar demostraciones sobre la estructura de las pginas web haciendo uso de cdigos html. CONTENIDOS HTML y la WWW Elementos del Lenguaje INFORMACIN Un documento en HTMl debera tener esta estructura bsica, y, a partir de este se podr generar la maqueta de elementos para formar nuestro diseo en HTML, el cdigo es el siguiente: <html> <head> <title> </title> </head> <body> </body> </html> Donde <html> Indica el inicio del documento. <head> Inicio de la cabecera. <title> Inicio del ttulo del documento. </title> Final del ttulo del documento. </head> Final de la cabecera del documento. <body> Inicio del cuerpo del documento. </body> Final del cuerpo del documento. </html> Final del documento. EJERCICIOS 1. 2. Busca el Block de notas, copia el cdigo que te pongo a continuacin y posteriormente guarda el archivo en una carpeta que le llamaras cdigo y al archivo le pones pagina1.html. Luego busca el navegador que tengas instalado en tu equipo, no importa que no tengas conexin a internet, ve hacia el icono del navegador busca abrir archivo, abre pagian1.html, este lo veras con el icono del navegador que tengas por defecto activado, brelo y veras el efecto del cdigo. Trata de cambiar el estilo de letra, color de fondo, agrgale lneas.

3.

Modelos y Procesos Educativos apoyados en las TICs (Tecnologas de las Informacin y las comunicaciones) Lic. Brenda Luz Trujillo Andino

Pgina 1

EL CODIGO A REALIZAR Y MODIFICAR <html> <head> <title> Mi Primera Pgina web</title> </head> <body bgcolor="#C0C040"> <hr> <h1><center>HOLA A TODOS ESTA ES MI PRIMERA PGINA USANDO HTML</center></h1> <hr> </body> </html>

EJERCICIO 2 <html> <head> <title> La chistera - Humor y magia </title> </head> <body bgcolor="#C0C040"> <center> <h1> <img src="payaso.jpg"> LA CHISTERA - Humor y magia </h1> </center> <h2> Quienes somos </h2> <img src="gifs-animados-garfield-2.gif"> <p>La chistera es un grupo de artistas de los sprimeros aos de la FIU dedicados al mundo de la magia, la comedia y el espectculo. Entre nosotros podrs encontrar humoristas, magos, showmen, etc.</p> <p>Si usted o su empresa necesita crear un espectculo y no quiere quedar decepcionado no dude en escribirnos AHORA MISMO. Nuestra direccin es:</p> <center> <br> bltandino2001@gmail.com </center> <h2> Un ejemplo de nuestro repertorio<p>Cada da le mostramos ejemplos distintos de nuestro amplsimo y novedoso repertorio de chistes para que los alumnos de la prof Brenda hagan sus trabajos: <blockquote> Era un to tan gafe, tan gafe, que se sent en un pajar y se clav la aguja. </blockquote> <blockquote> Doctor, Doctor, cuanto tiempo me queda de vida? <br> 5... 4... 3... 2... </blockquote> </p> <h2> Modelos y Procesos Educativos apoyados en las TICs (Tecnologas de las Informacin y las comunicaciones) Lic. Brenda Luz Trujillo Andino Pgina 2

Enlaces a pginas relacionadas </h2> <p> <a href="http://www.ciudadfutura.com/areirse ">A Rerse Toca, Ja, ja, ja! </a>: Si te aburres, ests deprimido, o simplemente quieres rer, psate por mi pgina y disfrutars de los ms de 110 chistes que tiene. Con posibilidad de enviar t el tuyo! <p> <a href="http://www.geocities.com/BourbonStreet/Delta/3543/" >1er Concurso de feos por Internet</a>: 1er Concurso de Feos por Internet participa y gana tu premio. </p> <p> <a href="http://www.geocities.com/Hollywood/8620">Albert Graus Web</a> : En esta pagina encontrars un listado de dichos populares, y las 50 cosas que se deberan cambiar para mejorar la vida terrcola de nuestro querido planeta Tierra </p> <hr size="5"> <address> Pgina creada por el equipo de programacin Web de LOS PRIMEROS AOS DE INGENIEROS EN COMPUTACIN Y SISTEMAS 2011 ;-) </address> </body> </html>

Modelos y Procesos Educativos apoyados en las TICs (Tecnologas de las Informacin y las comunicaciones) Lic. Brenda Luz Trujillo Andino

Pgina 3

Вам также может понравиться