Pauta trabajo HTML y CSS
Se realizará un ejercicio (con nota) de HTML y CSS cuya temática será “Ciudades de Chile”.
Para ello se ha asignado una ciudad por alumno que deberá ser expuesta en formato web con las seguientes secciones:
- Historia (Reseña histórica de la ciudad)
- Ubicación (Con incorporación de mapa de Google Maps)
- Características (Por qué es conocida la ciudad)
Los archivos deberán guardarse con el nombre de la ciudad seguido de la sección a la que pertenece.
Ejemplo:
- cachiyuyo_historia.html
- cachiyuyo_ubicacion.html
- cachiyuyo_caracteristicas.html
En caso de existir ciudades con nombres compuestos se debe suprimir el espacio. Ejemplo: vinadelmar_ubicacion.html
Si el nombre de la ciudad posee acentos o Ñ favor reemplazar por vocales sin tilde y Ñ por N. Ejemplo: copiapo_historia.html / chanaral_caracteristicas.html
Todos los nombres de archivos y carpetas deben escribirse con minúsculas.
Estructura de archivos
Los archivos deben ser guardados en una carpeta con el nombre del alumno. Dentro de ella deberán incorporarse los archivos HTML en la raíz y el CSS en una carpeta denominada “css”. El nombre del archivo de cascada de estilos deberá ser el nombre de la ciudad. Ejemplo: quilpue.css
La imágenes deben incorporarse en una carpeta denominada “img”
Vínculos a otros sitios
El trabajo además de contener un menú para navegar dentro de la ciudad, deberá incorporar al menos 5 vínculos a otras ciudades (dos hacia arriba y 3 hacia abajo en la lista que se presenta en el post anterior).
El formato de los vínculos deberá considerarse como si el archivo se encontrara en la misma carpeta raíz. Ej: [a href="vinadelmar_ubicacion.html"] sin importar que el archivo no se encuentre en la carpeta, pues una vez que entreguen todos se juntarán todos los archivos en un servidor común.
Diseño
El layout del sitio deberá proponer al menos dos columnas por página a fin de ejercitar el uso de “floats” y deberá basarse en las grillas propuestas por 960 Grid System en su formato de 12 columnas a 940 pixeles de ancho total.
Cada página del sitio deberá plantearse sobre una plantilla distinta y deberá considerar al menos 3 jerarquías de títulos, uso de strong, em y listas.
alfredo_M 11:57 on 19 septiembre 2011 Enlace permanente
Alguien dijo CSS???
les dejo una lista de paginas y blogs con codigos y TUTORIALES que les pueden ser utiles….
http://www.typechart.com/
(estilos tipograficos)
http://ndesign-studio.com/
(inspiracional)
http://www.cssya.com.ar/
(CSS desde 0, al menos eso dice)
http://www.solounblog.com/22-recursos-para-crear-plantillas-css-de-manera-facil/
(blog con plantillas & enlaces externos)
http://www.dynamicdrive.com/style/
(libreria de codigos CSS gratis!!!)
http://www.intensivstation.ch/
(es muy parecida a la anterior, pero en lo personalmente la encuentro mejor)
esop!
SALUDOS!!
Nicolás Espinoza Filippi 13:30 on 19 septiembre 2011 Enlace permanente
Excelente Alfredo.
Esa es la actitud!
Pedro Pablo 16:20 on 19 septiembre 2011 Enlace permanente
Gracias por el aporte Alfredo !