Alumnos ARTCOM:blog

Introducción

Enlaces que analizamos por su diseño:

A los siguientes enlaces que se presentaron en clase se dieron observaciones referentes al tamaño y selección de tipografía, colores utilizados, elementos repetidos de su diseño para optimizar su rapidez al cargar y de especial interés fue el notar que todos optimizan sus sitios para mayor accesibilidad para distintos dispositivos, navegadores y usuarios.

• Apple - iMac
• Artículo especial en CNN.com
• Artículo típico de New York Times, en línea
• iPodNN
• Mactopia

De interés:

Estos enlaces fueron para despertar su interés en diversos tópicos relacionados al diseño y noticias de especial interés a nuestra comunidad profesional.

• Críticas y observaciones del concurso de diseño de periódicos que se llevo a cabo en la Universidad de Missouri por la SND para universitarios.
• Dith Pran, fotoreportero y sobreviviente de los campos de matanza, muere a los 65 años (artículo), última entrevista con Dith Pran (video), galería de fotos
• Informes del color en la moda 2008, por PANTONE: primavera y otoño
• NewsDesigner nos comparte la realidad de los desempleos en centros de noticias, específicamente Mercury News. (fotos en Flickr)

El tema: Personalización de presentación para nuestros contenidos en la web

Repaso de las definiciones:

Definiciones para refrescar sus memorias, cortesía de nuestros amigos argentinos:

HTML (Hyper Text Mark-up Language o Lenguaje de Marcas de Hipertexto).

Lenguaje desarrollado por el CERN que sirve para modelar texto y agregarle funciones especiales (por ej. hipervínculos). Es la base para la creación de páginas web tradicionales. El texto se modela a partir del uso de etiquetas o tags.

CSS (Cascade Style Sheet) Hoja de Estilo en Cascada.

Conjunto de instrucciones escritas en HTML que definen las apariencias de una página web con el objetivo de que sus estilos se parezcan.

JavaScript

Lenguaje de programación interpretado, o sea, no requiere compilación. Con JavaScript se pueden extender las posibilidades de las páginas web como por ejemplo, evitar que se pueda copiar el texto de una página, botones para agregar automáticamente una página a favoritos, crear barras de scroll, abrir popups, cambiar el puntero del mouse, rotar banners, validar formularios, etc.

PHP (PHP Hypertext Pre-processor)

Lenguaje de programación usado generalmente en la creación de contenidos para sitios web. Es un lenguaje interpretado especialmente usado para crear contenido dinámico web y aplicaciones para servidores, aunque también es posible crear aplicaciones gráficas utilizando la biblioteca GTK+

MySQL

MySQL es un sistema de gestión de bases de datos (SGBD) multiusuario, multiplataforma y de código abierto.

Posibilidades hoy en día para el ‘diseño’ de nuestros contenidos

Les presenté a SproutBuilder un sitio que permite crear ‘minisitios’ que uno puede personalizar e incrustar y compartir tan fácil como video de YouTube.

Tras seguir algunas pistas, también analizamos el uso de sitios sociales (como VIRB) por empresas y organizaciones que hacen buen uso del alto nivel de personalización del diseño que éste ofrece para crear una presencia con buena representación, dos ejemplos son Charity: Water y el Salvation Army.

He ahí la importancia de aprender a diseñar para web y optimizar el uso de las herramientas que la generosa comunidad en línea nos convida. Uno de esos recursos es el famoso WordPress, que nos regala libremente su software y nos permite ajustarlo a nuestras necesidades, como nos lo demuestra J David en su artículo “Recursos para construir un tema en WordPress”.

Desde soluciones tan sencillas como la de WordPress Theme Generator, que te permite crear un ‘tema’ (plantilla) para WordPress en cuestión de segundos, hasta soluciones más complejas para usuarios más avanzados, como la de simplemente usar un editor de texto sólido (TextMate I Love you), unas buenas referencias XHTML/CSS (y sus versiones en español: XHTML/CSS) y por último unos excelentes recursos gratuitos como lo son HTMLDog y WordPress, a pocos queda pretexto de no participar en la creación y distribución de contenidos para web.

Para compartir audio via internet la situación es similar, existe una abundancia de soluciones: AudioPlayer, XSPF Web Music Player en sus diferentes versiones y los excelentísimos JW FLV Media Player y Yahoo! Media Player. Ejemplos de su versatilidad sobreabundan, The Hype Machine y 3hive por mencionar algunos.

En fin, las soluciones para compartir contenidos con otros (en línea) son muchas y buenas, uno no tiene que buscar demasiado para encontrarlas. Es mi deseo que sean de gran provecho estos recursos y próximamente estar contemplando sus contenidos. ¡Bon chance!