Cómo el buen diseño no puede ser medido como tal.. o cuantificado, un hombre llamado Dieter Ram, los resume en diez puntos importantes para lograr un buen diseño.
Estos puntos deberán ser rezados respetuosa y diariamente a lo largo de la vida de un diseñador!
http://www.vitsoe.com/en/gb/about/dieterrams/gooddesign
martes, 16 de noviembre de 2010
lunes, 15 de noviembre de 2010
Fashion websites
Navegando por la red para darme ideas sobre como hacer una página que me pidieron, encontré esta pag en donde se premian a las mejores fashion websites en este año!
Hay unas bastante buenas! :)
http://www.webaward.org/winners_detail.asp?yr=all&award_level=best&category=Fashion
Hay unas bastante buenas! :)
http://www.webaward.org/winners_detail.asp?yr=all&award_level=best&category=Fashion
viernes, 22 de octubre de 2010
domingo, 10 de octubre de 2010
De Fw a Dw - una campechana! xD
En posts anteriores ya habíamos explicado un poco que era la interactividad, que es hipermedia, hipertexto, etc. etc.
También se dio una breve introducción al código HTML que se tocó hasta que comenzamos a trabajar con Dw.
Ahora bien, una vez aprendido y manejado el Fireworks y una vez tanteado el Dreamweaver, podemos concluir que Fireworks es un programa verdaderamente sencillo de trabajar ya que te evita toda la bronca de escribir el código HTML, lo que Dreamweaver si requiere, tal vez no lo exige pero el no escribir código en Dw es no aprender Dw, así que una persona que se dedica a hacer páginas Webs por lo menos una vez en su trayectoria debió haberse topado con el código HTML.
Realmente asusta más la palabra 'código' que lo que es en sí trabajar con él.
Como en todo, la principio cuesta trabajo, pero una vez que lo aprendes ya realizas las cosas mecánicamente y sin pensarlo. Pero, ok... ya nos enteramos qué es el código, cómo es la estructura de una página web a través del código y como se realiza una página con código... pero si tenemos las bondades y facilidades del Fw y contamos también con la gran versatilidad del Dw... ¿por qué no combinarlos?
La semana pasada, en la clase de multimedia aprendimos justamente eso, realizamos una página web combinando los programas. Esto es que, realizamos todos los gráficos y gifs animados en Fw, se exportan como htm y posteriormente se colocan a través de frames (divisiones que darán estructura a una pag web) en Dw, posteriormente en Dw se realizan todos los ajustes necesarios para que la página cuente con la interactividad deseada.
En Dw se ajustan tamaños, pixeles, se hacen los links, etc. todo esto sin necesidad de entrar al código HTML, sin embargo, todos estos movimientos se registran con un código HTM que el mismo Dw crea.
Así pues, aprendimos una manera muy rápida de realizar páginas webs sencillas 'campechaneando' ambos programas.
:)
También se dio una breve introducción al código HTML que se tocó hasta que comenzamos a trabajar con Dw.
Ahora bien, una vez aprendido y manejado el Fireworks y una vez tanteado el Dreamweaver, podemos concluir que Fireworks es un programa verdaderamente sencillo de trabajar ya que te evita toda la bronca de escribir el código HTML, lo que Dreamweaver si requiere, tal vez no lo exige pero el no escribir código en Dw es no aprender Dw, así que una persona que se dedica a hacer páginas Webs por lo menos una vez en su trayectoria debió haberse topado con el código HTML.
Realmente asusta más la palabra 'código' que lo que es en sí trabajar con él.
Como en todo, la principio cuesta trabajo, pero una vez que lo aprendes ya realizas las cosas mecánicamente y sin pensarlo. Pero, ok... ya nos enteramos qué es el código, cómo es la estructura de una página web a través del código y como se realiza una página con código... pero si tenemos las bondades y facilidades del Fw y contamos también con la gran versatilidad del Dw... ¿por qué no combinarlos?
La semana pasada, en la clase de multimedia aprendimos justamente eso, realizamos una página web combinando los programas. Esto es que, realizamos todos los gráficos y gifs animados en Fw, se exportan como htm y posteriormente se colocan a través de frames (divisiones que darán estructura a una pag web) en Dw, posteriormente en Dw se realizan todos los ajustes necesarios para que la página cuente con la interactividad deseada.
En Dw se ajustan tamaños, pixeles, se hacen los links, etc. todo esto sin necesidad de entrar al código HTML, sin embargo, todos estos movimientos se registran con un código HTM que el mismo Dw crea.
Así pues, aprendimos una manera muy rápida de realizar páginas webs sencillas 'campechaneando' ambos programas.
:)
domingo, 26 de septiembre de 2010
HTML
HTML (HyperText Markup Language) es un lenguaje muy sencillo que permite describir hipertexto, es decir, texto presentado de forma estructurada y agradable, con enlaces (hyperlinks) que conducen a otros documentos o fuentes de información relacionadas, y con inserciones multimedia (gráficos, sonido, etc).
De esta forma, a través de esta descripción indicaremos como estará presentado el contenido de la página. A través de ciertos códigos se interpretarán textos, colores, tamaños y estilos de texto.
La mayoría de los efectos se especifican de la misma forma: rodeando el texto que se quiere marcar entre dos etiquetas o directivas (tags, en inglés), que definen el efecto o unidad lógica que se desea. Las etiquetas están formadas por determinados códigos metidos entre los signos < >, y con la diagonal / cuando se trata de la segunda etiqueta de un efecto (la de cierre).
Por ejemplo: <efecto> para abrir y </efecto> para cerrar.
Para crear un documento HTML se debe seguir esta estructura de códigos específica para que todo pueda ser correctamente interpretado:
1 <HTML>
2 <head>
3 <title>Título de la página</title>
4 </head>
5 <body>
6 </body>
7 </HTML>
De esta forma se entiende que
<HTML>
Servirá para comenzar el documento HTML
<head>
<title>Título de la página</title>
</head>
Este conjunto de códigos se usarán para colocar el título del doc. en la parte superior de la página
<body>
</body>
Será para escribir y diseñar el cuerpo de la página, al finalizar se cierra con </body>
</HTML>
De esta forma indicamos que hemos concluido la página por completo
A continuación se muestran unos cuantos códigos HTML básicos:
<p> Párrafo o salto de línea
<h> Encabezado (Existen 6 tipos donde h1 indicará el texto de mayor importancia
hasta el h6 el texto de menor importancia)
<em> Énfasis en texto
<b> Negritas
<u> Texto subrayado
<i> Itálicas
<hr> Línea entre párrafos
<Sorong> Bold
<ol> Listado 1,2,3
<li> Renglón
<ul> Listado con puntos o viñeta
En el siguiente post explicaremos la aplicación de estos códigos en la creación de un archivo HTML en Dream Weaver.
miércoles, 22 de septiembre de 2010
jueves, 9 de septiembre de 2010
Mapa de Navegación
Un mapa de navegación es la representación gráfica de la organización de la información de una estructura web. Expresa todas las relaciones de jerarquía y secuencia y permite elaborar escenarios de comportamiento de los usuarios. También grafica, de modo que todos los profesionales participantes en un proyecto lo tengan claro, diferencias entre páginas dinámicas, administrables o estáticas.
Este es un ejemplo de mapa de una pagina web de un cliente. :)
Este es un ejemplo de mapa de una pagina web de un cliente. :)
domingo, 29 de agosto de 2010
HIPERTEXTO (Mi primera tareita de multimedia)
A continuación les quiero presentar mi primera tarea teórica de mi clase de multimedia, les voy a definir la palabra HIPERTEXTO, espero les quede clarísimo! :)
El hipertexto, o mejor conocido como http, es aquel texto de un archivo digital que te lleva a otro, en pocas palabras: un hipertexto es un link.
De manera más formal, un hipertexto es la presentación de información como una Red de nodos enlazados a través de los cuales los lectores pueden navegar libremente en forma no lineal, esto es que a través de enlaces de navegación, los lectores pueden “saltar” por el documento como lo deseen. Así mismo, de esta forma se ofrece al lector una amplia gama de información relacionada con el tema principal que requirió
viernes, 27 de agosto de 2010
Ya era justo y necesario
Tenía rato ya que pensaba armar un blog .. pero por angas o mangas.... no había podido o querido, tal vez aun no tenga todo el material adecuado pero.. poco a poco irá tomando forma esto!
Suscribirse a:
Entradas (Atom)