Como bien dicen los autores en su prólogo, la palabra ‘diseño’ aparece rodeada en nuestra sociedad de múltiples significados y connotaciones muy diversas. Yo añadiría que, en el entorno web, también tiene una connotación negativa (el diseñador web pocas veces ha sido bien visto).

Este libro puede ser una buena guía para aquellos ·que sienten cierta inquietud por el diseño orientado a internet: ¿Qué debemos tener en cuenta y con qué herramientas contamos?

Los autores realizan un extenso paseo por aquellos temas que son inherentes al diseño en general: los conceptos y principios básicos son siempre los mismos, pero hay que tener en cuenta el medio (que en ese entorno, por sus especiales circunstancias, es casi el fin).

El libro no es ni un manual ni un libro de consultra rápida: Es un compendio de todos los aspectos básicos del diseño con el punto de mira puesto en internet: aspectos como el color, la tipografía, la composición, la usabilidad, sus efectos psicológicos… son explicados de forma teórica para luego ver su expresión técnica.

¿Qué herramienta han utilizado los autores para explicar de forma práctica todo el bloque teórico? Simplemente se han inclinado por la más conocida y la que más posibilidades ofrece: Adobe/Macromedia Flash (por temas de calendario, el libro aún utiliza el nombre ‘antiguo’).

En este sentido, hay que reconocer uno de los puntos más fuertes del libro: El CD de acompañamiento: Ha sido una pena que utilice los archivos swf en estado puero y no incluya una mini-aplicación para lanzarlos, pero hay que reconocer que los tutoriales interactivos son todo un acierto: Personalmente, el 95% de los CD’s incluidos con los libros son absolutamente prescindibles (y sólo sirven para encarecer el producto) pero este caso es distinto: Se han incluido decenas de películas interactivas que explican los pasos para obtener los ressultados explicados en el libro al utilizar Flash: Es un excelente ejemplo de uso del papel para explicar la teoría y del aprendizaje interactvio que ofrece un ordenador para la práctica. Que tomen nota los detractores de uno y otro medio (y de aquellos autores que quieren insertar un CD en el libro y al final sólo sirve para incrementar el precio y almacenar versiones de prueba que son descargables por internet en unos minutos)

Si tienes inquietudes sobre los conceptos esenciales del diseño en general, el libro te será de utilidad. Si ya te encuentras en ese mundo, pero quieres saber cómo aplicarlos a la web, también te será de utilidad. Una lectura, en definitiva, entretenida y plagada de ejemplos visuales. Y si eres de aquellos que ves todos los días diseños horribles, aprenderás los errores cometidos por el autor.

Ficha técnica:
Título: ‘Diseño gráfico de contenidos para internet’
Autores: Ramón Rubio García;Jsvier Suarez Quirós; Santiago Martín González; Ramón Gallego Santos; Samuel Morán Fernanz.
Editorial: Pearson Educación, S.A. Madrid 2006
ISBN 10: 84-8322-301-5
ISBN 13: 978-84-8322-301-5
Formato: 170×240 mm
Páginas: 216
Precio aprox: ?28.00

Nota importante: Los usuarios de dwug.es y los asistentes a la presentación del libro el próximo día 12 de Enero de 2007 a cargo de Ramón Rubio García, uno de los coautores, en el Cibercentro ‘La Lila’(Oviedo) podrán beneficiarse de un descuento en su compra de un 12% (superior al de cualquier otra oferta oficial). Durante la charla de presentación podrás consultar los detalles de esta oferta.

La organización de los capítulos está orientada en este sentido: Personalmente siempre he pensado que el mayor problema al que se enfrentan todos los que utilizan por primera vez el programa es entender que no se comienza creando páginas, sino definiendo sitios. Es un ‘detalle’ que, si no se corrige desde el comienzo, conduce a vicios futuros que provocan innumerables problemas (mala organización de los archivos, rutas incorrectas…)

Por ello, los dos primeros capítulos tienen como misión presentar el programa y su interfaz (pero sin tocar nada, para no incitar a su uso) y explicar cómo definir un sitio.

Antes de entrar a fondo, y en consonancia con lo que comentábamos al principio, el capítulo 3 se olvida de Dreamweaver y proporciona consejos sobre cómo empezar un sitio: Establecer un modelo de navegación, estructura del sitio, cómo mantener la consistencia del diseño y el mensaje y un recordatorio de algunas convenciones no escritas en el diseño web, pero que siempre conviene tener en mente. Se trata de que el usuario tengan un plan antes de ponerse manos a la obra.

Con nuestro proyecto definido, el capítulo 4 explica cómo definir un sitio en Dreamweaver: Crear un sitio con el asistente o en modo avanzado, duplicar un sitio, importar y exportarlos, crear carpetas y ficheros nuevos establecer la conexión FTP…. Como el autor recuerda al comenzarlo, es un capítulo crítico a la hora de construir un sitio y de ahí su razón para colocarlo al comienzo del libro.

En el capítulo 5 comenzamos por fin a diseñar nuestro primer sitio con Dreamwaver. Tras la definición del mismo, se inician los primeros pasos en el uso de DW: introducir texto, darle formato, añadir gráficos, crear librerías y actualizar los elementos creados a partir de ellas, insertar enlaces…

El capítulo 6 se dedica al diseño mediante CSS. Al no tratarse de una guía avanzada, no encontraremos ejemplos complejos de CSS-P, sino cómo podemos diseñar un layout sin tablas utilizando las capas de Dreamweaver (lo que es un buen comienzo). Además el lector aprenderá técnicas relacionadas, como capas anidadas, darles formato a las mismas con CSS, externalizar las hojas de estilos en archivos .css y aprovecharlas a la hora de crear nuevos documentos.

Como contraposición (o complemento, según se mire) a este tipo de diseño con capas, el capítulo 7 ejemplifica la creación con tablas y frames. Es cierto que son métodos que van cayendo en desuso, pero eso no quiere decir de ninguna manera que deban ignorarse: Tanto las primeras como los segundos tienen muchísima utilidad en determinadas circunstancias, por lo que se deben dejar en el olvido. Incluido en este capítulo encontraréis un ejemplo práctico de diseño utilizando el método de ‘Image Slicing’, utilizando ppara el mismo ImageReady (aunque yo recomiendo Fireworks para tal tarea).

El capítulo 8 vuelve a tratar sobre CSS, pero en este caso se centrará en como crearlos y gestionarlos, además de explicar cómo sacar el máximo rendimiento a la exportación de estilos a archivos externos. Vuelvo a recordar que es un libro para no iniciados, por lo que el contenido es eminentemente práctico y las explicaciones teóricas sobre CSS son realmente sencillas.

El capítulo 9 se centra en crear enlaces. Lógicamente, se añaden temas relacionados, como algo de teoría (rutas relativas al documento o al sitio), enlaces a direcciones de correo, uso de anclas, formateo mediante CSS (los famosos subrayados de los enlaces),el uso de rellovers de imagen para utilizar como enlace, para terminar con los enlaces dentro de mapas de imágenes y la creación de una barra de navegación.

El capítulo 10, dedicado a las imágenes, sigue una estructura similar a los anteriores: Comenzaremos con una pequeña parte teórica (imagénes normales frente a vectoriales, tipos de formato de imagen para la web y su idoneidad y resoluciones) para continuar con la parte práctica: Utilizar imágenes como fondo de nuestras páginas, insertar imágenes y editarlas utilizando los comandos contenidos dentro de Dreamweaver, así como utilizar (de nuevo) CSS para controlar su presetación.

El paso siguiente, lógicamente, será aprender cómo insertar contenido multimedia en nuestros documentos. Y a ello está dedicado el capítulo 11, encontrando en el mismo des tipos de cotenido, una primera parte dedicada a la inserción de contenido Flash (incluyendo vídeo) y una segunda aplicada al concepto de ‘interactividad’ mediante el uso de comportamientos y al uso de las líneas de tiempo en Dreamweaver.

El Capítulo 12 es el último sobre inserción de elementos en nuestros documentos y corresponde, lógicamente, a los formularios. Es un capítulo muy sencillo, ya que sólo se concentra es explicar los diferentes tipos de elementos utilizables para crear un formulario. Posiblemente el autor ha preferido hacer un breve repaso, a sabiendas de que sin posibilidad o conocimientos sufcientes para utilizar algún tipo de lenguaje de servidor, el uso de formularios será bastante escaso por parte de autores noveles.

El capítulo 13 se dedica a una de las funcionalidades más conocidas de Dreamweaver y a la vez, una de las más incomprendidas: Las plantillas. Es uno de los capítulos más extensos del libro por dos razones: por la comlejidad del tema (regiones editables, condicionales, repetidas,..) y porque, al tratarse de un libro dedicado sobre todo a sitios estáticos (para usuarios noveles, no olvidar) es posiblemente una de las características que pueden servir de más provecho a los usuarios.
Simplemente recordar que un buen conocimiento sobre el uso de plantillas es un gran paso para la creación de sitios que puedan ser gestionados por los clientes finales a través de Contribute.

Y llegamos al último capítulo de libro: Si las plantillas son una de las características más conocidas de Dreamweaver, la que lo hace realmente diferente es su potencia para poder gestionar sitios de gran tamaño: Desde algo tan importante como la comprobación de enlaces, hasta sus herramientas para la creación de informes, pasando por la sincronización de archivos entre el sitio local y remoto, el uso de design notes y el uso de check-in y check-out ¿Te suenan extrañas estas palabras? No te preocupes, como en todos los capítulos anteriores, el libro no da los conceptos por sabidos y cuando hayas terminado el capítulos sabrás para que sirven y podrás utilizarlas sin problemas.

Como resumen:
A favor: Lectura amena, y orientada para usuarios noveles (que posiblemente tampoco estén habituados a manuales ’serios’). Algunos fragmentos son realmente divertidos
En contra: En este caso el idioma es un problema importante: se utiliza un lenguaje muy coloquial (que incluye numerosos juegos de palabras y frases hechas), lo que puede hacer complicada su lectura. Es necesario un nivel de inglés algo más que aceptable.
Nivel de conocimiento exigido: Un nivel mínimo de html (las etiquetas básicas) y ninguno de Dreamweaver: Es un manual de iniciación.

FICHA TÉCNICA:
Título: ‘Ten Ton Dreamweaver’
Autor: Geoff Blake
ISBN: 0-321-37412-6
Precio: $44.99 (descuentos disponibles para miembros de DWUG)
URL: http://www.peachpit.com/title/0321374126

El libro está agrupado en 5 grandes partes. La primera parte nos propone una aproximación inicial sobre interpolaciones, máscaras y trabajo con video, en la cual cubren los aspectos fundamentales de la interpolación de movimiento, de forma y trabajo con máscaras así como una buena base para comenzar trabajar con video pudiendo comprobar los grandes avances de la herramienta en este campo.

La segunda parte se vuelca en trabajo con ActionScript, siempre desde el modo asistido y accediendo a las funciones a través de menús, nunca trabajando directamente sobre código. Primero nos indica los fundamentos del trabajo con código así como ejemplos para comprender el sistema de inserción asistida del mismo en nuestras películas.

En la tercera parte del libro se explican de una forma muy correcta varios conceptos, todos ellos asociados por el concepto de línea de tiempo. Desde lo que son eventos y manejadores de dichos eventos, hasta el trabajo con botones, movieclips, rutas relativas y absolutas, ámbitos de los movieclips, etc. Finalmente se añade un capítulo dedicado a la comunicación con elementos externos, como complemento al conocimiento de los movieclips, que incluye carga externa de películas, imágenes, video, creación de aplicaciones standalone (proyectores) y sus comandos fscommand, trabajo con impresora, etc.

La cuarta parte, se adentra en el manejo exhaustivo de movieclips, color, profundidad, colisiones e incluyendo nuevas características de flash 8 como filtros, modos de capa y en capítulos dedicados el trabajo con las nuevas clases para trabajar con Mapas de Bits y el manejo del objeto Sonido. El capítulo dedicado al estudio de las funcionalidades existentes para trabajar con Mapas de Bits también esta desarrollado de forma amena y muy correcta, con ejemplos claros y comprensibles.

Finalmente la ultima parte del libro se centra en su primer capítulo en el trabajo con la información, carga externa de datos, almacenamiento en local de información, referencia dinámica de clips para el trabajo con grupos de movieclips o datos, y estructuras de control como condicionales y bucles. Los capítulos posteriores de este bloque, hacen un buen repaso de los campos de texto, objeto Selection y la clase String, así como las clases para manejo de Fechas, de Matemáticas (comparada en algun ejemplo con la nueva clase Point de Flash 8), para finalmente centrarse en la optimización de los proyectos mediante librerias compartidas, herramientas de depuración y gestión de proyectos y buenas prácticas.

El libro está calificado como intermedio ? avanzado, sin embargo (y a pesar que determinados temas si los analiza bastante a fondo, como el trabajo con campos de texto, Bitmaps, o posibilidades de impresión, y de que puede servir como libro de consulta para refrescar conocimientos sobre determinadas áreas de Flash) a mi entender se queda en una muy buena base para conocer la herramienta y sus posibilidades, sin entrar en ningún momento a nivel profundo en determinadas cuestiones como la comunicación con datos (sirva como ejemplo el poco espacio dedicado a la carga de XML, una sola cara) y mucho menos en la comunicación con el servidor.

Un libro mucho más apropiado para comenzar a trabajar con flash, que para obtener información más delicada en los proyectos reales, en los que hoy en día es complicado no tener que trabajar con XML, bases de datos, y en general, trabajo a fondo con contenidos dinámicos.

Fuera del aspecto técnico su encuadernación es muy correcta y lo hace muy cómodo de manejar a pesar de su grosor.

Ficha:

• Titulo:Macromedia Flash 8 Advanced for Windows and Macintosh: Visual QuickPro Guide
• Autores: Russell Chun, H. Paul Robertson.
• ISBN: 0321349644
• URL:http://www.peachpit.com/bookstore/product.asp?isbn=0321349644&rl=1
]]> http://www.dwug.es/go/250/feed 1 http://www.dwug.es/go/226 http://www.dwug.es/go/226#comments Sun, 29 May 2005 21:02:17 +0000 Andres Cayon http://beta.dwug.com/go/226 Los nuevos navegadores soportan cada vez mejor las hojas de estilo en cascada (CSS). Ahora es el momento de aprender a utilizarlas a fondo.

Hasta ahora, la mayoría de libros sobre CSS que había leido eran… sencillamente aburridos: En casi todos o se hacía uso de términos técnicos por todas partes dándolos por conocidos (viewport, pseudo-classes, hack…) o se limitaban a mostrar ejemplos simples sin explicar muy bien el porqué de cada paso, dejando poco espacio para la curiosidad.

Posiblemente, ambos tipos de libro tengan su público pero: ¿Un término medio, por favor?. Existe un amplio mercado de usuarios que conoce los usos sencillos de CSS pero que se pierde en su terminología y otro grupo también importante al que le gusta que el autor ‘juegue’ con el código.

‘Stylin with CSS’ es, sobre todo, un manual práctico (Wyke es diseñador y se nota en su estilo). No se entretiene en aspectos teóricos (aunque revisa los aspectos más importantes y explica ¡alguien, al fin! de forma clara los términos más técnicos utilizados en CSS). Si estás empezando, el libro te despejará muchas dudas con ejemplos; si ya tienes un nivel intermedio, aprenderás trucos realmente útiles.

El libro se encuentra divido en 8 capítulos

xhtml: CSS funciona mejor con xhtml. El primer capítulo te explica cómo afecta este estandar, en qué se diferencia del resto de html, su correcta declaración, y las normas que debe cumplir para su validación.

Introducción a CSS: Es el capítulo más teórico del libro. Aprenderás cómo puedes declarar los estilos en tu documento(inline,embedded, enlazados), las partes de un estilo y lo que significan conceptos como herencia, jerarquia, selectores contextuales, selectores hijos y hermanos, pseudoclases y pseudoelementos, el concepto de ‘cascada’…

Fuentes y texto: Capítulo dedicado a sus propiedades y (una parte importante del mismo) a cómo las diferentes formas de asignacion de tamaños (pixeles, porcentaje, em…) afectan al resultado final.

El capitulo 4 es el primero de una serie dedicados al posicionamiento con CSS: el concepto de caja (box), los diferentes tipos de posicionamiento y una explicacion de las propiedades float/clear y display son vistas en el mismo de con ejemplos prácticos como introduccion a los 2 siguientes capitulos: Layouts basico y avanzado.

Como layouts basicos, este capitulo muestra ejemplos sencillos con diseños de 2 y 3 columnas (con y sin encabezado) utilizando los atributos float y clear y algunos hacks clasicos que solucionan los problemas con los navegadores conflictivos.

En el capitulo dedicado a layouts avanzados, aprender?s trucos como el uso de los atributos que afectan al fondo (background), falsas columnas utilizando fondos, creacion de layots fluidos y (un metodo que se est’a haciendo bastante popular) el uso de m?rgenes negativos para posicionar objetos flotantes.

El capitulo 7 es un poco mas general, ya que abarca diferentes componentes de interfaz (listas funcionando como barras de navegacion, dropdown menus con multiples niveles, elementos de formularios..) y aprovecha para explicar 2 de los hacks que todo el mundo debe conocer: el ’star hack’ y el ‘backlash hack’

El ultimo capitulo es un resumen de todo lo estudiado (de hecho aprovecha gran cantidad del codigo utilizado en capitulos anteriores) para un ejemplo practico. Al mismo tiempo podras aprender una serie de buenas practicas que te ayudaran a mejorar tu rendimiento durante el proceso de creacion de un sitio con CSS.

El libro tambien incluye un apendice con un listado de propiedades, su descripcion correpondiente, valores posibles, compatibilidad con NN, IE (y la version desde la que lo soporta) y su nivel (CSS1 o CSS2). Del mismo, es muy util la descripcion para las propiedades abreviadas, que muestra el orden en el que los valores deben ser definidos.

Como deciamos al principio, pueden existir libros más completos pero excesivamente te?ricos. Este, en cambio, te permite ponerte a practicar desde el primer capítulo (incluso encontrarás el codigo comentado linea por linea, de manera que entenderas con un simple vistazo lo que manipula cada una).

Ficha tecnica:

• Titulo: “Stylin’ with CSS”
• Autor: Charles Wyke-Smith
• P?ginas: 275
• ISBN: 0-321-30525-6
• Precio (sin descuentos): $34.99
• Editor: New Riders
• URL: http://www.peachpit.com/title/0321305256
]]> http://www.dwug.es/go/226/feed 0 http://www.dwug.es/go/216 http://www.dwug.es/go/216#comments Wed, 02 Mar 2005 07:45:53 +0000 Andres Cayon http://beta.dwug.com/go/216 Revisi?n del libro escrito por Tom Green sobre la cada vez m?s popular aplicaci?n de Macromedia para eLearning

Posiblemente hayas probado otras aplicaciones para e-learning (como Camtasia studio o ViewletBuilder) y pienses que Captivate es, sencillamente una m?s de la lista.

Y es entonces cuando uno lee este libro y se da cuenta de la gran cantidad de caracteristicas ?tiles que una aplicacion como Captivate ofrece frente al resto de rivales, que la hacen diferente y a las que se encuentra utilidad en cuanto se sabe que existen.

Aunque el libro no es (ni intenta serlo) un manual exhaustivo de Captivate, est? dise?ado como gu?a de referencia ?til si est?s m?s o menos familiarizado con la aplicaci?n (o con su antecesor, RoboDemo). Y si no lo est?s, te ayudar? a desarrollar las habilidades para extraerle todo su potencial.

El libro est? dividido en 3 secciones:

Los primeros dos cap?tulos componen la primera parte: Te presentan la aplicaci?n y c?mo crear una pel?cula en Captivate. El primer cap?tulo comienza con una visi?n general de la aplicaci?n y su interfaz. Ver?s los varios men?s que la componen y el prop?sito de cada una de las ventanas y pantallas que encontrar?s cuando abres por primera vez la aplicaci?n.

El cap?tulo 2 te introduce m?s a fondo en c?mo crear y editar una pel?cula de Captivate. Conocer?s la ventana de capturas y muchas de las interesantes opciones que ofrece. Despu?s conocer?s las vistas Edici?n y Diapositivas usadas para editar la pel?cula. Por el camino descubrir?s c?mo crear y usar plantillas, definir tus preferencias y a?adir controles de reproducci?n a una pel?cula. Tambi?n aprender?s a a?adir sonido y manipular el movimiento del cursor en tus capturas.

Los cap?tulos 3 al 8 conforman la segunda secci?n. Cada cap?tulo de la misma es una exploraci?n detallada de las diferentes herramientas utilizadas en el trabajo con Captivate. Aprender?s a trabajar con slides, el nuevd timeline de Captivate, capturas, sonido y c?mo a?adir otros elementos multimedia a tu presentaci?n.

La ?ltima secci?n (cap?tulos 9 al 13) muestran c?mo extender los contenidos en Captivate. El cap?tulo 9, por ejemplo, explica c?mo crear botones y controles de reproducci?n con Fireworks MX 2004 para su uso en Captivate. Y, como producto Macromedia que es, tambi?n tiene capacidad de ‘conectarse’ con Flash MX 2004 ? Flash MX Professional 2004, como ver?s en el cap?tulo 10.

El cap?tulo 11 se centra en el objeto final de Captivate: el eLearning. El cap?tulo muestra c?mo usar las poderosas caracter?sticas orientadas a eLearning de Captivate, desde la creaci?n de sencillos tests tipo verdadero/falso hasta la conexi?n de resultados con un sistema de eLearning.

Los ?ltimos dos cap?tulos explican c?mo a?adir complejidad al proyecto y los pasos finales del mismo. El cap?tulo 12 ense?a el manejo del generador de men?s (MenuBuilder) de Captivate para enlazar pel?culas. De esta manera un curso completo, compuesto de varios m?dulos, puede ser partido en una serie manejable de pel?culas. Y el ?ltimo cap?tulo te mostrar? c?mo publicar el resultado final en una web, en un CD, en una presentaci?n con Breeze… o incluso subir los contenidos v?a FTP sin abandonar Captivate.

En resumen, Captivate es posiblemente la m?s completa aplicaci?n para desarrollar contenidos de e-learning existente en la actualidad y este libro har? que su uso sea altamemte sencillo… y, mejor aun, hasta divertido!

?

Ficha T?cnica:

• T?tulo: “Macromedia Captivate for Windows – Visual Quickstart Guide”.
• Autor: Tom Green.
• Editorial: Peachpit / Macromedia Press.
• P?ginas: 344
• ISBN: 0-321-29417-3
• Precio: $21.99 (descuento del 20% para DWUG Users)
• URL: http://www.peachpit.com/title/0321294173
]]> http://www.dwug.es/go/216/feed 0