You are on page 1of 6

Taller 1: Conocimiento del Entorno para desarrollo de documentos HTML. 1. Abrir un bloc de notas.

Opciones: + inicio/programas/accesorios/bloc de notas (notepad + inicio/e!ecutar " en la #entana teclear: notepad $Enter% &. Abrir " luego minimi'ar un na#egador (eb. Opciones: + inicio/programas/)nternet E*plorer + inicio/e!ecutar/e*plorer +. Crear en el disco E: una carpeta ,ue se llame paginas. -i "a e*iste borrar el contenido de este directorio. .. En el bloc/ de notas teclear el siguiente programa: $HTML% $HEA0%$/HEA0% $1O02% Hola Mundo $/1O02% $/HTML% 3. 4rabar el programa con el nombre de taller1.5tml dentro de la carpeta e:\paginas. 6. En la barra de direcciones del E*plorador #isuali'ar la pagina (eb. A"uda: teclear e:7paginas7taller1.5tml. 8u9 obser#a: R//: Observo que la pagina no tiene nombre y se coloca el nombre del archivo Taller1.html, también el ola !undo se encuentra ubicado en la parte superior derecha de la p"gina y sin #ormato. ;. Agregar dentro de las eti,uetas $HEA0%$/HEA0% lo siguiente: $T)TLE%Esta es Mi primera p<gina =eb$/T)TLE% 4rabar nue#amente " en el na#egador escoger la opci>n actuali'ar. 8u9 obser#a: R//: $e observa que el nombre de la p"gina se le coloca el t%tulo de &'sta es !i primera ("gina )eb* y la tilde de la letra no se muestra como debe ser..

Taller &: ?ormateando te*to. 1. Abrir un bloc de notas. &. Abrir " luego minimi'ar un na#egador (eb. +. En el bloc/ de notas teclear el siguiente programa: $HTML% $HEA0% $T)TLE%Taller &$/T)TLE% $/HEA0% $1O02% Esto es una prueba de te*to @ero no 5a" salto de lAnea. $/1O02% $/HTML% 4rabar dentro de la carpeta p"ginas con el nombre de taller&.5tml. Bisuali'arlo con el na#egadorC ,u9 obser#a: R//: $e observa que el t%tulo de la p"gina es Taller +, que a pesar que las dos l%neas escritas est"n con un salto de l%nea en la visuali,aci-n de la p"gina no se muestra como tal, la tilde de la letra.i/ no se muestra y se visuali,a un s%mbolo como este D.

.. ModiEicar el programa reali'ando lo siguiente: a. 0espu9s de la eti,ueta $1O02% en una nue#a lAnea agregar: $FGG Esto es un comentario GG% b. ModiEicar la siguiente lAnea asA: 'sto es una prueba de te0to1br2. 4rabar " actuali'ar el na#egador. 8u9 obser#a: R//: $e observa el salto de l%nea con esta l%nea 1344 'sto es un comentario 442 solo queda como comentario en el archivo de c-digo. c. ModiEicar las siguientes lAneas de tal Eorma: 1b2'sto es una prueba de te0to1/b21br2 152(ero no hay salto de l%nea.1/521br2. 4rabar " actuali'ar el na#egador. 8u9 obser#a: R//: $e observa que el te0to &'sto es una prueba de te0to* est" en 6egrita y hay salto de l%nea, el otro te0to est" en cursiva &Pero no hay

salto de linea.”

d. Agregar despu9s de esta lAnea: 1$TR57'2!e equivoqué1/$TR57'21br2 'sto es normal 18592 'sto es grande 1/85921$!:;;2'sto es peque<o1/$!:;;21br2 11$=(2er1/$=(2 1$=82+1/$=82O1br2 1=2$ubrayado1/=21br2 4rabar " actuali'ar el na#egador. 8u9 obser#a: R//: $e observa que la l%nea &!e equivoqué* esta tachada y la letra .e/ no tiene la tilde, en la siguiente l%nea se observa el tama<o de las letras sin salto de l%nea solo al #inal, en la siguiente l%nea se observa el super%ndice, sub%ndices y en la ultima l%nea se observa el subrayado de la palabra. e. 0espu9s de esta Hltima lAnea agregar 1hr2. 4rabar " actuali'ar el na#egador. 8u9 obser#a: R//: $e observa una l%nea gris de divisi-n. E. 0espu9s de esta Hltima lAnea agregar: $51%@rueba de H1 $/51% $5&%@rueba de H& $/5&% $5+%@rueba de H+ $/5+% $5.%@rueba de H. $/5.% $53%@rueba de H3 $/53% $56%@rueba de H6 $/56% 4rabar " actuali'ar el na#egador. 8u9 obser#a: R//: $e observan cabeceras o tipos de letras prede#inidos que se utili,an para marcar t%tulos o resaltes en las p"ginas. $e activan con el comando 1 n2 y se cierra con 1/ n2 donde n esta de#inido del 1>?, siendo el numero el tama<o de la letra donde el 1 es el de mayor tama<o. g. 0espu9s de esta Hltima lAnea agregar: $p%Esto estIaacuteJ indicando ,ue es un nue#o parraEo el ,ue esto" escribiendo en el editor " se #e de esta EormaC por si acaso sigo escribiendo para #er el $b%resultado$/b%.$/p% 4rabar " actuali'ar el na#egador. 8u9 obser#a: R//: se observa que 1p2 sirve para separar p"rra#os en T!;, se observa que la tilde de la letra.a/ se visuali,a normal en la p"gina como debe ser.

Taller +: Obser#ando el c>digo Euente de la p<gina (eb. 1. En el na#egador #isuali'ar la p<gina (eb taller&.5tml. &. ir a el menH: Ber/C>digo Euente 8u9 obser#a: R//: $e observa todos los comandos que se utili,an para visuali,ar o crear una p"gina @eb, pero las tildes no se muestran si no se est" utili,ando de la #orma correcta. A los comentarios se muestran como no se hace cuando se visuali,a la pagina.

Taller .: Listas. 1. Con el notepad o bloc de notas escribir el siguiente c>digo " grabarlo con el nombre de taller+.5tml $5tml% $5ead% $title%Taller + Icop"J$/title% $/5ead% $bod"% $5+% Lista sin ordenar G con #iIntildeJetas$/5+% $ul% $l5%Cebecera de la lista$/l5% $li%Elemento 1 $/li% $li%Elemento & $/li% $/ul% $/bod"% $/5tml%

4rabar " actuali'ar el na#egador. 8u9 obser#a: R//: $e observa una lista sin ordenar con vi<etas, se observa en el titulo de la pagina el s%mbolo de derechos reservados B y el s%mbolo < se visuali,a en la palabra vi<etas.

&. Antes del $/bod"% agregar: $5r% $5+%Listas ordenadas$/5+% $ol% $li%Elemento 1$/li% $li%Elemento &$/li% $/ol% 4rabar " actuali'ar el na#egador. 8u9 obser#a: R//: $e observa una lista ordenada del 1>+

+. 0espu9s de la Hltima lAnea anterior agregar: $5r% $5+%Lista de 0eEiniciIoacuteJn$/5+% $dl% $dt%TIeacuteJcnica$/dt% $dd%Es el saber IuacuteJtil. Con!unto de conocimientos ,ue se aplican para la soluciIoacuteJn deInbspJproblemas comple!os. $/dd% $/dl% 4rabar " actuali'ar el na#egador. 8u9 obser#a: R//: $e observa una lista de de#inici-n, el cual se pueden reali,ar varias de#iniciones de tereminos.