Scribd
Cargar
437 vistas3 páginas

Practica 3 HTML y Css

Cargado por

Julian Castelo
Derechos de autor
© Attribution Non-Commercial (BY-NC)
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
437 vistas3 páginas

Practica 3 HTML y Css

Cargado por

Julian Castelo
Derechos de autor
© Attribution Non-Commercial (BY-NC)
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 3

Ejercicio prcica 3 Diseo para Internet Aplicacin de etiquetas bsicas de HTML y CSS El ejercicio consiste en hacer un archivo index.

html con las etiquetas de html que se especifican y desplegar alguna(s) imagen(es) desde la carpeta correspondiente y utilizar algunos estilos desde un archivo llamado style.css en su respectiva carpeta. 1. 2. 3. 4. 5. En algn lugar de su computadora hacer una carpeta llamada proyecto03 Dentro de la carpeta proyecto03, crear otra carpeta llamada images Tambin dentro de la carpeta proyecto03 crear una carpeta llamada css Es importante que todos los nombres de las carpetas sean en minsculas y sin espacios Entrar a esta direccin http://www.flickr.com/photos/agecombahia/3726553923/sizes/m/in/photostream/ y bajar la foto grabndola en el directorio images con el nombre hospital.jpg 6. Desde su editor de cdigo de preferencia, crear un archivo nuevo en blanco que lo grabarn con el nombre index.html dentro de la carpeta proyecto03 7. Recuerden poner las etiquetas de html con las cuales se inicia un archivo en el orden correspondiente 8. El ttulo (title) de la pgina debe ser Hospital Curamed Sobre Nosotros 9. El primer encabezado de la pgina (h1) debe ser Sobre Nosotros 10. Poner un prrafo (p) con este texto:
El Hospital Curamed es una Institucin de servicio pblico que brinda una atencin integral de salud a la poblacin y a la demanda general, teniendo en cuenta que no es ajena a los cambios sociales, econmicos y culturales que se dan a nivel nacional y en nuestro medio, en el marco de la globalizacin.

11. El segundo encabezado (h2) debe ser Misin 12. Enseguida un prrafo con este texto:
Somos un Hospital del ms alto nivel de atencin que tiene la misin de prevenir los riesgos, recuperar la salud y rehabilitar las capacidades de los pacientes, en condiciones de plena accesibilidad, garantizando una atencin integral a la persona desde su concepcin hasta su muerte natural, contribuyendo al mejoramiento de su calidad de vida.

13. Otro encabezado con h2 que diga Visin 14. Enseguida este prrafo:
Ser un Hospital de lder exitoso y competitivo, reconocido a nivel nacional como el Gran Complejo Hospitalario, altamente especializado y tecnificado, comprometido con la poblacin en el fcil y equitativo acceso de los servicios de salud con calidad.

15. Hacer un encabezado de tercer nivel (h3) que diga Servicios 16. Hacer una lista no ordenada o no numerada (ul) con estos 3 elementos:
Medicina fsica y rehabilitacin Infertilidad Ginecologa

17. Hacer otro encabezado de tercer nivel (h3) que diga Equipo 18. Hacer una lista ordenada/numerada (ol) con estos 3 elementos:
Monitores cardiacos Bombas de infusin Desfribiladores

19. Hacer otro encabezado de tercer nivel que diga Instalaciones 20. Poner el cdigo para la imagen (src) que previamente bajaste que est en images/hospital.jpg utilizando los parmetros de width, height, alt, title. El parmetro alt debe ser Hospital Curamed y el parmetro title Nuestras Instalaciones 21. Hacer que la imagen sea un enlace (a href) y se abra una ventana (target) que lleve a google.com 22. Hacer un encabezado de cuarto nivel (h4) que diga Contctanos 23. Debajo escribir el siguiente texto utilizando la propiedad mailto de href para el correo:
Hospital Curamed, Copyright 2011. [email protected]

CSS 1. 2. 3. 4. 5. 6. 7. Crear un archivo en blanco en la carpeta css llamado style.css Dentro de este archivo comenzars a definir los estilos para la pgina Hacer que el fondo de la pgina sea de color azul claro Utilizar la fuente Helvetica, Arial y sans-serif para toda la pgina Hacer que los h1 sean de color verde Hacer que todos los h2 sean de color azul Hacer que todos los enlaces (a) al colocar el mouse encima (hover) se conviertan en rojo

Para esta tarea se calificar el correcto uso de las etiquedas en CSS y HTML, el acomodo del cdigo HTML y CSS y la presentacin de la pgina en el navegador. Es importante revisar que los acentos sean bien codificados y el smbolo de Copyright

También podría gustarte