Este documento explica brevemente la historia y el propósito de CSS. CSS (Cascading Style Sheets) es un lenguaje de diseño para definir y formatar la presentación de documentos web, permitiendo separar el contenido de la presentación. CSS fue desarrollado para mejorar la accesibilidad y flexibilidad de los documentos web.
Introducción a las CSS.
Seminario de Integración y Producción
Escuela de Comunicación Social
Facultad de Ciencia Política y RR.II
Universidad Nacional de Rosario
Introducción a las CSS.
Seminario de Integración y Producción
Escuela de Comunicación Social
Facultad de Ciencia Política y RR.II
Universidad Nacional de Rosario
Todos pasamos por la mala experiencia de tomar un proyecto para encontrarnos con un cáos total en la hoja de estilos y/o descubrir que cada miembro del equipo ha hecho las cosas a su manera. Ni hablar de retomar un trabajo luego de mucho tiempo y no poder entender ni encontrar lo que hicimos ni cómo lo hicimos. Esta charla pretende plantear soluciones a estos problemas para un mejor desarrollo y organización de nuestros proyectos, particularmente en el uso del CSS.
Todos pasamos por la mala experiencia de tomar un proyecto para encontrarnos con un cáos total en la hoja de estilos y/o descubrir que cada miembro del equipo ha hecho las cosas a su manera. Ni hablar de retomar un trabajo luego de mucho tiempo y no poder entender ni encontrar lo que hicimos ni cómo lo hicimos. Esta charla pretende plantear soluciones a estos problemas para un mejor desarrollo y organización de nuestros proyectos, particularmente en el uso del CSS.
Buenas prácticas en XHTML, CSS y AccesibilidadFRONTDAYS
Presentación usada en el curso "Buenas prácticas en XHTML, CSS y Accesibilidad" impartido por Borja Delgado en Madrid el jueves 10 de Septiembre de 2009.
Descarga el en PDF El Gran Libro de Diseño Web. Una guía definitiva para crear páginas web increíbles, llenas de dinamismo y calidad.
Encontrarás una completisima guía de HTML5, CSS3, Photoshop y jQuery.
La asignatura tiene el objetivo fundamental de lograr que el estudiante sea capaz de crear o adaptar diseños atendiendo a la problemática específica del diseño web que presenta un espacio de trabajo indefinido, aunque previsible, que depende de las diferentes configuraciones de visualización del espectador (monitor, configuración de pantalla, navegador, etc.); frente a otros formatos en los que existe mayor control del resultado final (folletos, carteles, etc...).
Se intenta combinar aspectos fundamentales del diseño (formas, colores, tipografías, ...) con cuestiones intrínsecas de la comunicación multimedia (navegabilidad, interactividad, usabilidad o interacción de medios [audio, texto, imagen y video]).
La metodología de Diseño Centrado en el Usuario aborda las etapas en que se deben enfrentar proyectos digitales de manera exitosa.
- Estrategia y Planificación
- Estudio de Usuarios
- Arquitectura de Información
- Diseño de interfaz
- Diseño Front y Desarrollo
Introducción a la accesibilidad y su estado actual a 4 años de las WCAG 2.0 ¿Qué es? ¿Cómo abordarla? ¿A quién beneficia? ¿Quién debe hacerse cargo? Metodología de Evaluación y referencias. Charla dada en las Jornada de Usabilidad y Accesibilidad Digital UANL 2012, Monterrey, México
En el viaje de IDA al Diseño Responsive compartimos la experiencia de cómo crear el primer medio online chileno con Diseño Responsive. Bajo una metodología de Diseño Centrado en el Usuario aplicado a Capital.cl
Caso de estudio.
¿Quieres esta exposición para tu universidad o equipo?
maximiliano@ida.cl o www.ida.cl
Soledad Almagià nos habló de "Hornos Solares".
Estas charlas motivacionales se enmarcan en el proyecto "Explorando el mundo de la Energía Solar" que estamos desarrollando en el Colegio Alemán de Viña durante este segundo semestre de 2010 junto a otros apoderados del curso.
Niccolo Martelli nos habló de la "Energía Solar y su relación con la Robótica".
Estas charlas motivacionales se enmarcan en el proyecto "Explorando el mundo de la Energía Solar" que estamos desarrollando en el Colegio Alemán de Viña durante este segundo semestre de 2010 junto a otros apoderados del curso.
Alan Fox de la UNAB nos habló de la relación del a Eficiencia energética y el diseño como propuestas de sustentabilidad. Estas charlas motivacionales se enmarcan en el proyecto "Explorando el mundo de la Energía Solar" que estamos desarrollando en el Colegio Alemán de Viña durante este segundo semestre de 2010 junto a otros apoderados del curso.
Un pequeño resumen de las actividades que realizaremos con el proyecto "Explorando el mundo de la Energía Solar" que estamos desarrollando en el Colegio Alemán de Viña durante este segundo semestre de 2010 junto a otros apoderados del curso.
Charlas, Talleres prácticos de Hornos Solares, Visitas a Ecomaipo y empresas solares y una feria de empresas que trabajen con energía solar con un concurso de autos solares.
Formalización y tipo de Documento HTML Doctype. Contenedores y tipos de elementos según sus comportamientos como Elementos de Bloque y elementos de linea.
Taller de energías alternativas al curso de @lemoisza Kinder G de Colegio Alemán de Valparaíso (Viña del Mar). La idea era introducirlos a un modo de vida que integre efectivamente las energías renovables y que de seguro necesitarán dominar en su vida.
http://www.maximiliano.cl/cosas/energias-alternativas-para-ninos-horno-solar/
Sprites es una técnica de optimización de sitios basada en la fusión de imágenes a una sola para posteriormente ser separadas mediante CSS.
✓ Reduce principalmente el peso de mis páginas, consumiendo menos ancho de banda
✓ Disminuye de manera considerable las peticiones HTTP
✓ Minimiza sustancialmente la cantidad de imágenes y
✓ Optimiza el peso total de los archivos externos al HTML
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informáticavazquezgarciajesusma
En este proyecto de investigación nos adentraremos en el fascinante mundo de la intersección entre el arte y los medios de comunicación en el campo de la informática.
La rápida evolución de la tecnología ha llevado a una fusión cada vez más estrecha entre el arte y los medios digitales, generando nuevas formas de expresión y comunicación.
Continuando con el desarrollo de nuestro proyecto haremos uso del método inductivo porque organizamos nuestra investigación a la particular a lo general. El diseño metodológico del trabajo es no experimental y transversal ya que no existe manipulación deliberada de las variables ni de la situación, si no que se observa los fundamental y como se dan en su contestó natural para después analizarlos.
El diseño es transversal porque los datos se recolectan en un solo momento y su propósito es describir variables y analizar su interrelación, solo se desea saber la incidencia y el valor de uno o más variables, el diseño será descriptivo porque se requiere establecer relación entre dos o más de estás.
Mediante una encuesta recopilamos la información de este proyecto los alumnos tengan conocimiento de la evolución del arte y los medios de comunicación en la información y su importancia para la institución.
Actualmente, y debido al desarrollo tecnológico de campos como la informática y la electrónica, la mayoría de las bases de datos están en formato digital, siendo este un componente electrónico, por tanto se ha desarrollado y se ofrece un amplio rango de soluciones al problema del almacenamiento de datos.
2. CSS C ascading S tyle S heets Hojas de Estilo en Cascadas
3. Hojas de Estilo en Cascadas W3C Un mecanismo simple para agregar el estilo a los documentos del Web Wikipedia Lenguaje formal usado para definir la presentación de un documento estructurado, escrito en XHTML
4. Prehistoria :) Mark-up o Marcación Término de imprenta “ conjunto de instrucciones estilísticas detalladas escritas en un manuscrito que debe ser tipografiado” {
5. { GML Lenguaje de marcas Generalizado IBM (Años ’80) Estudio/ Pseudolenguaje/ no diseño/ ‘ 70 ‘ 80 IBM Describir documentos Charles F. Goldfab (Años ’70) IBM GML
6. SGML Lenguaje de Marcación Generalizado Standard ISO 88879 (1986) Dictado/estructurado/Tags/ independencia / complejo y caro/css/ { ‘ 70 ‘ 80 1986 IBM GML SGML
8. CSS Nivel 1 Primera recomendación oficial W3C (1994) (finales del 1996) ‘ 70 ‘ 80 1986 Internet/ 2.1/ 1990 { 1996 1998 CSS Nivel 2 Segunda recomendación oficial W3C (Mayo de 1998) IBM GML SGML HTML CSS1 CSS2
9. ¿Qué es CSS? Un lenguaje para controlar la presentación La mejor forma de separar contenido de presentación Obliga a crear documentos HTML/XHTML bien definidos la base de la Web semántica Mejora la Accesibilidad del documento Minimiza el esfuerzo de manutención Permite la visualización en dispositivos diferentes
10. ¿Y cómo es una CSS? Un “simple” documento de texto plano con extensión “.css”