//////////portafolio digital///////////
Bitacora para la clase de profundizacion en digital I, la cual tiene como objetivo intercambiar informacion, mostrar avances en la materia y generar un archivo academico.
martes, 22 de marzo de 2011
lunes, 21 de marzo de 2011
Guía Breve de CSS
¿Que es CSS?
Hojas de Estilo en Cascada (Cascading Style Sheets), es un mecanismo simple que describe cómo se va a mostrar un documento en la pantalla, o cómo se va a imprimir, o incluso cómo va a ser pronunciada la información presente en ese documento a través de un dispositivo de lectura. Esta forma de descripción de estilos ofrece a los desarrolladores el control total sobre estilo y formato de sus documentos.
¿Para que sirve?
CSS se utiliza para dar estilo a documentos HTML y XML, separando el contenido de la presentación. Los Estilos definen la forma de mostrar los elementos HTML y XML. CSS permite a los desarrolladores Web controlar el estilo y el formato de múltiples páginas Web al mismo tiempo. Cualquier cambio en el estilo marcado para un elemento en la CSS afectará a todas las páginas vinculadas a esa CSS en las que aparezca ese elemento.
¿Como funciona?
CSS funciona a base de reglas, es decir, declaraciones sobre el estilo de uno o más elementos. Las hojas de estilo están compuestas por una o más de esas reglas aplicadas a un documento HTML o XML. La regla tiene dos partes: un selector y la declaración. A su vez la declaración está compuesta por una propiedad y el valor que se le asigne.
h1 {color: red;}
h1 es el selector
{color: red;} es la declaración
El selector funciona como enlace entre el documento y el estilo, especificando los elementos que se van a ver afectados por esa declaración. La declaración es la parte de la regla que establece cuál será el efecto. En el ejemplo anterior, el selector h1 indica que todos los elementos h1 se verán afectados por la declaración donde se establece que la propiedad color va a tener el valor red(rojo) para todos los elementos h1 del documento o documentos que estén vinculados a esa hoja de estilos.
Las tres formas más conocidas de dar estilo a un documento son las siguientes:
- Utilizando una hoja de estilo externa que estará vinculada a un documento a través del elemento <link>, el cual debe ir situado en la sección <head>.
· <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN">
· <html>
· <head>
· <title>Título</title>
· <link rel="stylesheet" type="text/css" href="http://www.w3.org/css/officeFloats.css" />
· </head>
· <body>
· .
· .
· .
· .
· </body>
· </html>
- Utilizando el elemento <style>, en el interior del documento al que se le quiere dar estilo, y que generalmente se situaría en la sección <head>. De esta forma los estilos serán reconocidos antes de que la página se cargue por completo.
· <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN">
· <html>
· <head>
· <title>hoja de estilo interna</title>
· <style type="text/css">
·
· body {
· padding-left: 11em;
· font-family: Georgia, "Times New Roman", serif;
· color: red;
· background-color: #d8da3d;
· }
·
· h1 {
· font-family: Helvetica, Geneva, Arial, sans-serif;
· }
·
· </style>
· </head>
· <body>
· <h1>Aquí se aplicará el estilo de letra para el Título</h1>
· </body>
· </html>
- Utilizando estilos directamente sobre aquellos elementos que lo permiten a través del atributo <style> dentro de <body>. Pero este tipo de definición del estilo pierde las ventajas que ofrecen las hojas de estilo al mezclarse el contenido con la presentación.
Algunas normas básicas a la hora de crear una CSS son las siguientes:
- En el siguiente ejemplo, h1{color: red;}, el selector, <h1>, le dice al navegador la parte del documento que se verá afectada por esa regla. Los selectores pueden aparecer individualmente o agrupados, separándolos con comas:
· h1, h2, h3 {
· color: red;
· }
o lo que es lo mismo
h1 {color: red;}
h2 {color: red;}
h3 {color: red;}
- La propiedad, que en este caso sería color, especifica qué aspecto se va a cambiar. En este ejemplo la propiedad cambiada será el color. Las propiedades que se desean modificar en una CSS para un mismo selector pueden agruparse, pero será necesario separar cada una de ellas con un punto y coma.
p {text-align:center;color:red}
Normalmente se describe una propiedad por línea, de la siguiente manera:
h1 {
padding-left: 11em;
font-family: Georgia, "Times New Roman",Times, serif;
color: red;
background-color: #d8da3d;
}
- El valor, representado a la derecha de los dos puntos (:), establece el valor de la propiedad. Es importante recordar que si el valor está formado por más de una palabra, hay que ponerlo entre comillas.
p {font-family: "sans serif";}
ejemplos, links y mas revisar fuente
Rastreo invitado festival INTERNACIONAL DE LA IMAGEN Tulio Restrepo Mail Art.
Biografia Tulio Restrepo.
Tulio Restrepo nació en Medellín, Colombia, en 1958, donde todavía vive y trabajacomo artista multimedia y profesora de la Universidad.
Estudió Diseño Gráfico en la Universidad Pontificia Bolivariana de Medellín 1977-1982, y terminó sus estudios de postgrado en Diseño Multimedia de la UniversidadNacional en Medellín en 2004 y Estudios Urbanos de la Universidad EAFIT en Medellínen 2007.
Con su formación como diseñador gráfico y artista, comenzó su actividad en las artesvisuales en el año 1978, trabajando en la pantalla de seda y con esculturas. Él comenzó a participar en el arte correo en 1982, cuando era un estudiante de la Escuela deDiseño Gráfico e Industrial de la Universidad Pontificia Bolivariana de Medellín. Elartista colombiano conceptual y diseñador gráfico, Carlos Echeverry, quien había participado activamente en el arte correo desde 1981 hasta 1983, lo introdujo a la red de Arte Correo.
Tulio Restrepo, había estado en contacto con muchos de los pioneros latinoamericanos en el arte correo: Los argentinos Edgardo Antonio Vigo y Graciela Gutiérrez Marx, eluruguayo Clemente Padín, el chileno Guillermo Deisler, y Jesús Romeo Galdámez de El Salvador, César Espinoza de México, y muchos más.
También organizó exposiciones en Medellín con el fin de introducir el arte correo, suactividad y las características de la comunidad universitaria.
LINKS
Información extraida de.
Suscribirse a:
Entradas (Atom)
Mi Wiki !
en el puedes encontrar todo lo referente al proyecto de digital.
registro video*prototyping
mediante el papel y la grafica se quiso dar unidad al video en su parte visual.
Correccion del portafolio!
Menú ilustración: correccion de elementos compositivos y manejo de fondo.
visualizacion de imagenes y videos : composicion en el plano con respecto a los demas elementos, solucion a las formas anteriormente dispuestas.
Nuevo portafolio digital santiago lopez.
intro
home; (portafolio, quien soy, contacto)
menu portafolio; ( video y animación, ilustración, interactivos, impresos)
menú, ilustración.
Visualización imagenes.
portafolio juan camilo valencia
Portafolio 1
portafolio enfocado a la ilustracion.
Portafolio 2
portafolio enfocado a la ilustración y fotografia
Portafolio 3
pagina encaminada a mostrar los mejores trabajos en areas determinadas.