Instituto Superior Tecnolgico Pblico Vctor Ral Haya De La Torre

Curso de Titulacin Computacin e Informtica Alumno(a) Profesor : _________________________ : Sergio La Cruz Orbe
Practica de Estilos N 01

Crear un sitio denominado michael_jordan Abrir un nuevo documento HTML, y guardarlo como index Insertar la imagen fondo# y centrarlo En la siguiente lnea digitar ENTRAR despus har un vinculo a la pgina Biografia.html En el prrafo siguiente digitar Michael Jordan. Sitio homenaje al mejor jugador de todos los tiempos, Michael Jordan. fondos, videos, fotos y otros Crear una nueva pgina de plantilla y guardarlo como plantilla_principal.dwt (verificar bien, que debe guardarlo en la carpeta principal). Nota: Dreanweaver toma la precaucin de guardar la plantilla en una carpeta denominada Template) La pgina tendr el esquema siguiente (1) (3) (2)

(4)

(5)

Crear una (Tabla de diseo) TD de 700x 620 (tamao de la pagina) En el punto (1) crear una (Tabla de diseo) TD y (Celda de diseo) CD de 700x 70, e insertar una pelcula flash de nombre membrete_1.swf el color de la CD es #000000 Curso de Titulacin | Prof. Sergio La Cruz Orbe http://www.mafin.ya.st 1

En el punto (2) crear una (Tabla de diseo) TD de 220x270, dentro dibuje unas 6 (Celda de diseo) CD con un ancho de 220 x 40, aplicar una imagen de fondo a esta tabla (imarco3.jpg ) con un (Relleno de celda) RC= 4 (espacio entre celdas) EC =5 y Borde=1, formato del texto.( Times New Roman, Times, Serif, tamao 16) Ingrese en cada celda los datos Home Michael Jordan Biografa Ttulos Obtenidos Fondos de Escritorio Videos. Otros El punto (3) CD 480x80, El punto (4) CD 480x232 y el punto (5) CD 700x52. En la (Celda de diseo) CD (3) insertar una Regin Editable (objetos de plantilla) de nombre Titulo, el color de la CD es #336600 En la CD (4) insertar una Regin Editable de nombre Texto En la CD (5) el color de la CD es #336600 escribir el texto que sigue:

Aqu se pueden agregar otros vnculos a otras pginas

Dar color de borde a las tablas de color #006666

Estilos a crear
Crear un estilo de Clase de nombre Estilo5.css, que tendr las caractersticas Fuente Georgia, Times New Roman, Times serif, Tamao 36, Estilo cursiva y color #FFFFFF Este estilo se aplicara en la regin editable Titulo. Crear un estilo de Clase de nombre Estilo6.css, que tendr las caractersticas Fuente Verdana, Arial, Helvtica, sans serif, Tamao 18, Estilo normal y color #000000 Este estilo se aplicara en la regin editable Texto. Crear otro estilo Avanzado; Selector a:Visited de nombre Estilo7.css, que tendr las caractersticas Fuente Courier New, Courier, mono, Tamao 18 y color #FF0000 En la parte Decoracin marcar la casilla Ninguna. Crear otro estilo Avanzado Hover de nombre Estilo8.css, que tendr las caractersticas Fuente Courier New, Courier, mono, Tamao 18 y color #FFCC00 En la parte Decoracin marcar la casilla Ninguna. Guardar la plantilla

Curso de Titulacin | Prof. Sergio La Cruz Orbe http://www.mafin.ya.st

BIOGRAFA

Crear una nueva pgina HTML, y guardarlo como biografia.html Aplicar la plantilla creada. (Men Modificar; plantilla) En la CD (3) en la regin editable escribir el texto MICHAEL JORDAN aplicar el Estilo5.css En la CD (4) Agregar el texto que sigue:
(Nueva York, 1963) Jugador de baloncesto estadounidense, uno de los mejores jugadores que ha tenido la NBA y el mejor anotador de la historia. Cuando Michael cumpli 13 aos, su padre hizo construir una cancha de baloncesto en el terreno situado detrs de su casa, donde empez a ser la admiracin del barrio y de los vecinos que se juntaban las tardes de los fines de semana para jugar al baloncesto y hacer barbacoas. En 1981 ingres en el equipo de la Universidad de Carolina del Norte, y ya al ao siguiente era elegido mejor jugador de la temporada. En el verano de 1984, cuando Michael ya era conocido en Estados Unidos con el apodo de "he can do it all" (puede hacerlo todo), form parte de una de las mejores selecciones norteamericanas de baloncesto que, bajo la direccin del rgido Bobby Knight (entrenador de la Universidad de Indiana), se alz con la medalla de oro en los Juegos Olmpicos de Los ngeles (1984), tras batir en la final a la seleccin espaola. El quinteto estadounidense (Len Wood, Michael Jordan, Sam Perkins, Wayman Tisdale y Patrick Ewing) arras a todos sus rivales, con lo que la aureola de Jordan comenz a brillar en todo el mundo.

TTULOS OBTENIDOS

Crear una nueva pgina HTML, y guardarlo como titulos_obtenidos.html Aplicar la plantilla creada. En la CD (3) Agregar el texto Ttulos Obtenidos aplicar el Estilo5.css En la CD (4) en la regin editable escribir el texto que sigue:
1. Campen de la NBA con los Chicago Bulls en seis ocasiones (1991, 1992, 1993, 1996, 1997, 1998). 2. Elegido en cinco ocasiones MVP de la Liga Regular (1988, 1991, 1992, 1996, 1998) 3. Elegido en seis ocasiones MVP de las finales (1991, 1992, 1993, 1996, 1997, 1998). 4. Elegido diez veces en el quinteto ideal del campeonato (1987-93, 1996- 98). 5. Elegido una vez en el segundo equipo de la liga (1985). 6. Elegido en nueve ocasiones para el quinteto defensivo del ao (1987-93, 1996-98). 7. Mejor defensor del ao (1988). 8. Rookie del ao (1985). 9. Elegido en el quinteto Rookie (1985). 10. Ganador en dos ocasiones del premio IBM (1985, 1989). 11. Tres veces MVP del All Star Game (1988, 1996, 1998). 12. Elegido en once ocasiones para disputar el All Star Game (1985, 1987- 93, 199698). En diez de ellas fue titular y otra se la perdi por lesin. 13. Tiene el rcord en media de anotacin del All Star con 21,3 puntos por partido. 14. Firm el nico triple doble de la historia del All Star Game con 14 puntos, 11 rebotes, 11 asistencias en el partido de 1997 celebrado en Cleveland.

Curso de Titulacin | Prof. Sergio La Cruz Orbe http://www.mafin.ya.st

15. Ganador del concurso de clavadoss del All Star en 1987 y 1988. Tambin particip en el de 1985. 16. Super a Kareem Abdul-Jabbar como mximo anotador en la historia de los playoffs (5.762 puntos) durante las finales de conferencia Este de 1988. Se retir con 5.987 puntos. 17. Tiene el rcord de los playoffs de la NBA de ms puntos (5.987); mejor promedio de puntos (33,4); ms tiros de campo intentados (4.497); ms tiros libres anotados (1.463); ms tiros libres intentados (1.766) y ms robos de baln (376). 18. Logra su mejor marca anotadora en los playoffs, 63, el 20/4/86 ante los Boston Celtics, estableciendo el rcord de puntos en un partido de playoffs. 19. Como freshman (primer ao) en la Universidad de North Carolina, logr la ccanasta ganadora en la final de la NCAA de 1982. 20. Nombrado jugador del ao de la NCAA por Sporting News en 1993 y 1994 y ganador del trofeo Naismith y Wooden en 1984.

FONDOS DE ESCRITORIO Crear una nueva pgina HTML, y guardarlo como fondos_de_escritorio.html Aplicar la plantilla creada. En la CD (3) en la regin editable escribir el texto Galera de Fotos aplicar el Estilo5.css En la CD (4) insertar una tabla de 3 columnas y 2 filas y en cada celda insertar las imgenes fondo1.jpg, fondo2.jpg, fondo3.jpg, fondo4.jpg, fondo5.jpg, fondo6.jpg: Nota: como las imgenes son extensas modificar su tamao a 150x100. VIDEOS

Crear una nueva pgina HTML, y guardarlo como Fondos de escritorio.html Aplicar la plantilla creada. En la CD (3) en la regin editable escribir el texto VIDEOS DE MICHEL JORDAN aplicar el Estilo5.css En la CD (4) insertar una tabla de 2 columnas y 2 filas; grosor del borde 2 y en cada celda insertar los siguientes videos: 1. Video 1 URL http://www.youtube.com/watch?v=-WmNHGA5jh8 Embed: <object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/WmNHGA5jh8&hl=es_ES&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/-WmNHGA5jh8&hl=es_ES&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object> 2. Video 2 URL http://www.youtube.com/watch?v=5B7U74Dg04k&feature=fvw Curso de Titulacin | Prof. Sergio La Cruz Orbe http://www.mafin.ya.st 4

Embed: <object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/5B7U74Dg04k&hl=es_ES&fs=1&"></para m><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/5B7U74Dg04k&hl=es_ES&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object> 3. Video URL http://www.youtube.com/watch?v=StKr1optuCY Embed: <object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/StKr1optuCY&hl=es_ES&fs=1&"></param ><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/StKr1optuCY&hl=es_ES&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object> 4. Video URL http://www.youtube.com/watch?v=aAFBsK7WC90 Embed: <object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/aAFBsK7WC90&hl=es_ES&fs=1&"></para m><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/aAFBsK7WC90&hl=es_ES&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>

Vnculos
Abra la plantilla, en La CD(2) vincule los textos a las pginas anteriormente creadas, con el texto Home Michael Jordan vincule a la pgina Index.html. Y gurdelo.

Curso de Titulacin | Prof. Sergio La Cruz Orbe http://www.mafin.ya.st