Adobe Dreamweaver es una herramienta tan poderosa para los diseñadores web, porque tiene muchas cosas que se pueden hacer con ella. Por supuesto, todas esas cosas que puedes hacer hacen que sea un reto aprender. Descubra algunas de las muchas cosas que Dreamweaver puede hacer, incluyendo cambios en la última versión, CS5. Y no olvide comprobar las cosas que faltan en Dreamweaver CS5.

Definición de un sitio

• Iniciar un nuevo sitio web
• Crear un sitio web
• Configure sólo las partes del sitio que necesita, cuando las necesite *Nuevo en CS5
• Configuración de servidores remotos, de control de calidad y de pruebas para obtener flujos de trabajo más completos *Nuevo en CS5
• Crear y publicar nuevos directorios
• Cambiar el tipo de documento
• Incluir metadatos en sus páginas

Cómo poner su sitio en vivo

• Definir un sitio remoto
• Archivos FTP al servidor web
• Utilice un sistema de control de versiones para registrar la entrada y salida de archivos
• Conectar con Subversion para un control de versiones más avanzado *Nuevo en CS5
• Deje notas para sus compañeros de equipo

Creación de páginas web

• Escribir una página en modo WYSIWYG
• Escribir una página en HTML
• Crear una nueva página a partir de una plantilla
• Crear una nueva página desde cero
• Crear una plantilla
• Guardar archivos en el directorio de su sitio
• Definir las propiedades de la página

CSS

• Usar hojas de estilo CSS
• Adición de estilos en línea
• Crear una hoja de estilo externa
• Adjuntar una hoja de estilo externa
• Crear selectores de clase, ID, etiqueta y CSS compuesto
• Editar reglas CSS existentes
• Crear CSS para páginas imprimibles
• Habilitar y deshabilitar propiedades de estilo *Nuevo en CS5
• Inspeccionar visualmente el modelo de caja CSS *Nuevo en CS5

Texto

• Modificar texto
• Usar diferentes fuentes
• Insertar un salto de línea
• Usar caracteres especiales
• Incluir la fecha de hoy
• Escribir comentarios
• Aplicar etiquetas HTML al texto
• Agregar atributos HTML a las etiquetas

Enlaces

• Vincular texto e imágenes
• Comprobar los enlaces del sitio
• Cambiar los colores predeterminados de los enlaces (link, visited, hover, active)
• Crear consejos sobre herramientas en enlaces
• Crear enlaces mailto
• Crear anclajes de página web

Imágenes

• Agregar gráficos a una página
• Editar imágenes
• Redimensionar imágenes
• Agregar texto alternativo a las imágenes
• Agregar opciones de accesibilidad adicionales a las imágenes
• Alinear imágenes y texto
• Crear una imagen al pasar el ratón por encima
• Usar mapas de imágenes
• Usar imágenes de rastreo
• Usar marcadores de posición de imagen
• Insertar HTML de Fireworks
• Insertar archivos de Photoshop

Diseño

• Utilice las plantillas gratuitas incluidas *Nuevas disposiciones de inicio de CSS en CS5
• Insertar divs para el diseño
• Editar divs en el panel de estilos CSS
• Insertar elementos absolutamente posicionados
• Formatear los elementos absolutamente posicionados en el inspector de propiedades
• Usar reglas, cuadrículas y guías

Listas

• Agregar listas con viñetas y numeradas
• Personalizar las viñetas y los números de la lista

Tablas

• Crear una tabla
• Agregar filas y columnas de encabezado
• Usar imágenes transparentes para mantener abiertas las celdas de la tabla
• Crear columnas de ancho fijo y ancho flexible
• Cambiar los estilos de borde de las tablas
• Insertar una tabla dentro de una tabla
• Importar datos tabulares

Formularios

• Usar un formulario mailto
• Definir acciones de formulario
• Agregar texto, radio, casilla de verificación, archivo, imagen, casillas de selección y campos de formulario ocultos
• Haga que sus formularios sean accesibles con fieldset y campos de etiqueta
• Crear botones de envío personalizados
• Validar formularios con JavaScript (Spry)

Bases de datos y scripts PHP

• Adjuntar su sitio a una base de datos
• Configure un sitio PHP/mySQL (tag_
• Probar y actualizar una fuente de datos o pantalla de Spry
• Editar sitios dinámicos complejos en la vista de diseño
• Descubre todos los archivos dinámicamente relacionados para ensamblar sitios PHP CMS (WordPress, Joomla y Drupal) *Nuevo en CS5
• Sugerencia de clase personalizada para código PHP, incluyendo marcos de trabajo de terceros como el marco Zend *Nuevo en CS5

Marcos

• Construir un sitio web enmarcado
• Editar contenido de noframes
• Formatear y dar estilo a los marcos
• Establecer objetivos de enlace predeterminados entre tramas

Agregar interactividad

• Crear un álbum de fotos (Ya no en CS5)
• Agregar sonido a las páginas web
• Crear un menú desplegable
• Utilice los comportamientos de Dreamweaver para abrir ventanas emergentes, crear menús de salto, reproducir sonido, intercambiar imágenes y mucho más
• Agregar fuentes RSS a un sitio
• Insertar texto Flash como un rollover
• Insertar texto CSS como un rollover
• Insertar otros plugins
• Agregar barra de menú Spry, paneles con pestañas, acordeón, punta de herramienta y panel plegable
• Utilice el Navegador de widgets para encontrar nuevos widgets para su sitio, sin necesidad de conocer JavaScript

Pruebe sus páginas

• Pruebe sus páginas en Live View para ver los cambios debidos a JavaScript e interactividad *Nuevo en CS5
• Validar su HTML
• Previsualice sus páginas en varios navegadores
• Utilice BrowserLab para previsualizar sus páginas en otros sistemas operativos *Nuevo en CS5
• Utilice Device Central para comprobar el aspecto de las páginas en los dispositivos móviles
• Compruebe la compatibilidad del navegador
• Cambiar la configuración para que coincida con lo que su sitio necesita para trabajar
• Comprobar los enlaces internos del sitio
• Probar la accesibilidad de su sitio (Ya no en CS5)
• Convertir un documento de Word a HTML

Personalizar Dreamweaver

• Añadir extensiones
• Desactivar extensiones
• Personalizar Dreamweaver con accesos directos

Aumente su eficiencia

• Usar métodos abreviados de teclado incorporados
• Usar fragmentos de código
• Crear y utilizar plantillas
• Generar nuevas páginas a partir de plantillas personalizadas
• Actualizar plantillas
• Incluir un archivo en otro con la biblioteca Dreamweaver
• Actualizar los elementos de la biblioteca
• Incluir un archivo en otro usando SSI
• Usar buscar y reemplazar