Taller de Diseño Gráfico 6 » CSS

CSS: Conceptos básicos

Nicolás Espinoza Filippi — Fri, 23 Sep 2011 03:55:09 +0000

Gracias a Olga Orrego les disponibilizo un glosario de términos de CSS, muy útil para quienes aún no se acostumbran a trabajar directamente en código:

Descargar PDF (1,5Mb)

Ejercicio HTML + CSS (sección 04)

Nicolás Espinoza Filippi — Thu, 22 Sep 2011 22:10:16 +0000

Les dejo los archivos del ejercicio de estructura que fue realizado hoy en clases en el marco del repaso de HTML y CSS.
La recomendación es analizarlo, modificarlo y practicar con los códigos.
archivo ejercicio_estructura2 (16Kb)

Ejercicio HTML + CSS (sección 03)

Nicolás Espinoza Filippi — Thu, 22 Sep 2011 17:18:39 +0000

Les dejo los archivos del ejercicio de estructura que fue realizado hoy en clases en el marco del repaso de HTML y CSS.
La recomendación es analizarlo, modificarlo y practicar con los códigos.

archivo ejercicio_estructura (49Kb)

Pauta trabajo HTML y CSS

Nicolás Espinoza Filippi — Thu, 15 Sep 2011 17:09:25 +0000

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.

Listado de Ciudades/Alumnos para el trab…

Nicolás Espinoza Filippi — Thu, 15 Sep 2011 16:51:12 +0000

Listado de Ciudades/Alumnos para el trabajo de HTML y CSS:
SECCIÓN 03
1. Arica (María Jesus Acuña)
2. Iquique (Camila Arancibia)
3. Antofagasta (Pedro Bombal)
4. Calama (Rodrigo Caballero)
5. Tocopilla (Tomás Camus)
6. Mejillones (Daniel Castillo)
7. Copiapó (Victoria Cisternas)
8. Caldera (Mauricio Concha)
9. Chañaral (Adolfo Delgado)
10. Vallenar (David Dorner)
11. La Serena (Luis Farfán)
12. Coquimbo (Francisco Fernandez)
13. Vicuña (Estefanía Flores)
14. Los Vilos (Claudia Godoy)
15. Ovalle (Cristian Godoy)
16. Valparaíso (Vanessa Golden)
17. Viña del Mar (Diego Gutierrez)
18. Quilpué (Valeria Hermosilla)
19. Villa Alemana (Macarena Liebsch)
20. San Antonio (Karina Maldonado)
21. Quillota (Alfredo Montenegro)
22. Calera (Tomás Muñoz)
23. San Felipe (Carla Naranjo)
24. Casablanca (Pablo Ortíz)
25. Quintero (Sebastián Plaza)
26. Los Andes (Carolina Reyes)
27. La Ligua (Mónica Sandoval)
28. Limache (Paula Sepulveda)
29. Nogales (María Fernanda Silva)
30. Olmué (Andrea Simunovic)
31. Algarrobo (Jasmín Veas)

SECCIÓN 04
32. Rancagua (Esteban Acevedo)
33. Doñihue (Cristian Arellano)
34. Graneros (Sergio Ávila)
35. Rengo (Andrés Barra)
36. Pichilemu (Morgana Barros)
37. San Fernando (Dominique Born)
38. Chimbarongo (Pamela Caballero)
39. Santa Cruz (Sebastian Canales)
40.Talca (Josselyn Cisternas)
41. Curicó (Pedro Contreras)
42. Cauquenes (Pedro Caceres)
43. Concepción (Cesar Espinoza)
44. Talcahuano (Sandra Flores)
45. Chillán (Benjamín Fook)
46. Los Ángeles (Alicia Guerrero)
47. Yumbel (Valesca Maira)
48. Temuco (Romina Marcotti)
49. Pucón (Daniel Montero)
50. Villarrica (Jerome Obilinobic)
51. Valdivia (Roxana Olmos)
52. Puerto Montt (Gerardo Opazo)
53. Frutillar (Olga Orrego)
54. Puerto Varas (María Ignacia Ortega)
55. Castro (Felipe Osorio)
56. Ancud (Roberto Perez)
57. Osorno (Matías Salas)
58.Coihaique (Paulina Sandoval)
59. Punta Arenas (Claudio Sanchez)
60. Santiago (Audrey Tapia)
61. Isla de Pascua (Ariela Vergara)

HTML+CSS: De una maldita vez!

Nicolás Espinoza Filippi — Tue, 13 Sep 2011 20:50:26 +0000