miércoles, 18 de agosto de 2010

¿Que´ es Dreamweaver?

Es un programa o un software para el diseño, publicación y edición de sitios web. Trae funciones bastantes avanzadas, permite la edición al mismo tiempo de la visualización de los cambios, así como animaciones y otras funciones mas complejas. Por otra parte permite editar directamente el código HTML, o usar la interface amigable del mismo software.

Así mismo, el programa puede conectarse al servidor e ir subiendo los cambios en las páginas. Una opción más sencilla es el antiguo FrontPage, parte de la suite del office de Microsoft.

Programa CS5

-Adobe® Dreamweaver® CS5 permite a los diseñadores y desarrolladores crear con total confianza sitios web basados en estándares. Diseñe de forma visual o directamente sobre el código, desarrolle páginas con sistemas de gestión de contenido y pruebe de forma precisa la compatibilidad con los navegadores gracias a la integración con Adobe BrowserLab, un nuevo servicio en línea de Adobe CS Live**. Los servicios de CS Live son gratuitos durante un tiempo limitado.


Adobe Dreamweaver es una aplicación en forma de estudio (basada en la forma de estudio de Adobe Flash) enfocada a la construcción y edición de sitios y aplicaciones Web basados en estándares. Creado inicialmente por Macromedia (actualmente producido por Adobe Systems). Es el programa de este tipo más utilizado en el sector del diseño y la programación web, por sus funcionalidades, su integración con otras herramientas como Adobe Flash y, recientemente, por su soporte de los estándares del World Wide Web Consortium. Su principal competidor es Microsoft Expression Web y tiene soporte tanto para edición de imágenes como para animación a través de su integración con otras. Hasta la versión MX, fue duramente criticado por su escaso soporte de los estándares de la web, ya que el código que generaba era con frecuencia sólo válido para Internet Explorer, y no validaba como HTML estándar. Esto se ha ido corrigiendo en las versiones recientes.

Como establecer fuentes

Además de poder manejar las fuentes directamente en el código en la forma tradicional, Dreamweaver presenta algunas herramientas que facilitan el manejo de las fuentes por parte de los diseñadores, haciendo la tarea mucho más sencilla. Para comprender como funcionan las herramientas de fuentes de Dreamweaver, haremos una breve descripción de algunos conceptos básicos del manejo de fuentes con CSS y HTML.

Fuentes HTML

Si bien en la actualidad es desaconsejado establecer los estilos en las etiquetas HTML, esto es posible a través de la etiqueta <Font> y el atributo face. A continuación, veremos un código donde se emplea la mencionada etiqueta:


<p><font face="Georgia, ‘Times New Roman’, Times, serif">

El contenido de este párrafo aparecerá en una fuente Georgia, con una fuente suplente Times New Roman, una segunda fuente suplente Times, y en caso de que ninguna de las anteriores se encuentre instalada, el navegador tomará la fuente tipo serif que el sistema operativo tome por defecto. </font> </p>

En cualquiera de los métodos que se emplee para establecer las fuentes de un texto, siempre es conveniente establecer una fuente con “suplentes” que se encuentren en otros sistemas operativos, de forma tal que cuando el navegador busque la fuente para presentar el contenido, tenga dos o tres opciones además de la original. Siempre es conveniente que las fuentes sean equivalentes, como en el caso que hemos utilizado como ejemplo.

Establecer las fuentes en el código HTML es inconveniente, ya que extiende el código agregando una gran cantidad de etiquetas, lo que dificulta la carga de las páginas, entorpece el escaneo de los robots de los buscadores y aumenta la dificultad del diseño y las posibles correcciones posteriores.