Sei sulla pagina 1di 3

ACTIVIDAD: FECHA ENTREGA: FORMA DE ENTREGA: DESCRIPCIN:

MINISITIOS WEB 24 de Mayo de 2013 9:00 p.m. PLATAFORMA VIRTUAL http://sallevirtual2013.tk CORREO ELECTRNICO orlando.frias@delasalle.edu.co

Buenos das, esta actividad est dividida en 6 pginas. Realmente es muy sencilla y abarcar lo que hemos realizado en clase durante las ltimas clases. Una recomendacin especial que hago es leer este documento con mucho cuidado para comprender lo que hay que hacer. 1. Cree una carpeta en su equipo llamada Actividad3. Escriba el siguiente cdigo fuente en un archivo nuevo del bloc de notas: si no ve bien el cdigo descargue esta imagen haciendo clic aqu

2. Despus de copiado el cdigo hacemos clic en Archivo -> Guardar Como -> Nombre: principal.html sin espacios ni las comillas. Lo guardamos en la carpeta Actividad3 3. Ahora abrimos la pgina en el explorador o Internet Explorer, si acaso no le abre dele nuevamente Archivo -> Guardar como Nombre: principal.html sin espacios ni las comillas. Lo guardamos en la carpeta Actividad3

Profesor: Orlando Manuel Fras Yepes Tel: 3216060250 email: orlando.frias@delasalle.edu.co

4. Deber tener algo como esto:

5. Ahora cerramos el cdigo fuente y la pgina y abrimos la carpeta Actividad3, vamos a duplicar el archivo principal 4 veces y llamaremos las copias videos, imagenes, y enlaces (no ponga tildes a los nombres) ni les ponga .html ya estaban guardadas como html. Debemos tener algo como esto:

6. Ahora modificaremos el cdigo fuente de las 3 nuevas pginas cambiando las siguientes lneas de cdigo:

Cambiamos Mi sitio WEB por LOS MEJORES VIDEOS si est modificando la pgina de videos o LAS MEJORES IMAGENES si est modificando la pgina imgenes, as sucesivamente. Igualmente cambiaremos el fondo de la pgina buscando una imagen en Internet y pegando el enlace en el atributo background de la etiqueta <body> entre las comillas. Recuerde: Busca la imagen -> Abre la imagen y le da clic derecho -> Copiar URL de la imagen. Si estuvo atento en clase lo podr realizar sin ningn inconveniente. Recuerde que lo hace en las 3 pginas restantes 7. Guarde cada cdigo usando Ctrl + G o Archivo -> Guardar. Ahora, s abre la pgina principal deber aparecer la pgina original. Y al hacer clic en cada botn deber aparecer una pgina diferente.

Profesor: Orlando Manuel Fras Yepes Tel: 3216060250 email: orlando.frias@delasalle.edu.co

8. Cambiaremos el contenido de cada pgina de la siguiente manera: a. En la pgina videos ubique esta lnea de cdigo

Cambie desde <p> hasta </p> sin borrarlas por el cdigo <iframe> de un video en youtube, recuerde que abre el video, compartir, insertar y copia toda la etiqueta <iframe></iframe> Repita este procedimiento 5 veces. Para que se visualice mejor pegue el cdigo <iframe> entre las etiquetas <p></p>

b. En las otras 2 pginas ubique el siguiente cdigo

c. En la pgina de imgenes borre desde <strong> hasta imagenes. Es decir dejando la etiqueta <p>. Ahora entre la etiqueta <p> escriba el siguiente cdigo: <img src= width=250 height=200> 4 veces

y entre las comillas del atributo src= pegue la url de 4 imgenes diferentes desde internet. Recuerde: Busca la imagen, la abre, clic derecho, copiar URL de la imagen y la pega entre las comillas. ATENCION! Si Ud. utiliza imgenes desagradables, pornogrficas,

violentas, que infundan pnico o bulling, etc. Su actividad no ser tenida en cuenta. Y su nota ser 0.1 sin derecho a recuperar.
d. En la pgina de enlaces haga lo mismo insertando en la misma lnea de cdigo

Entre las etiquetas <p></p> imgenes igual que en el punto anterior solo que cambiando el tamao de 250 a 100 y de 200 a 50. e. Antes de cada etiqueta <img> escriba la etiqueta para enlaces <a href=xxxxx> y despus cierre la etiqueta </a> quedar asi:

f. En las xxxxx escriba la direccin de la pgina que quiere enlazar. Ejemplo Google http://www.google.com.co y en el atributo src=, entre las comillas pegue la url de una imagen referente a dicha pgina. GUARDE LOS ARCHIVOS VERIFIQUE LOS ENLACES Y COMPRIMA LA CARPETA CON LAS 4 PAGINAS ENVIELA A TRAVES DE LA PLATAFORMA http://sallevirtual2013.tk y envela mediante correo electrnico a orlando.frias@delasalle.edu.co Profesor: Orlando Manuel Fras Yepes Tel: 3216060250 email: orlando.frias@delasalle.edu.co

Potrebbero piacerti anche