Adobe Dreamweaver es una herramienta tan poderosa para los diseñadores web, porque tiene muchas cosas que puedes 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, incluidos los cambios en la última versión, CS5. Y no olvide revisar las cosas que faltan en Dreamweaver CS5.
Definiendo un sitio
- Iniciar un nuevo sitio web
- Crear una página web
- Configure solo las partes del sitio que necesita, cuando las necesite * Nuevo en CS5
- Configure servidores remotos, de control de calidad y de prueba para flujos de trabajo más completos * Nuevo en CS5
- Crear y publicar nuevos directorios.
- Cambiar el doctype
- Incluye metadatos en tus páginas.
Poniendo su sitio en vivo
- Definir un sitio remoto
- Archivos FTP al servidor web.
- Use un sistema de control de versiones para registrar y sacar archivos
- Conéctese con Subversion para un control de versión más avanzado * Nuevo en CS5
- Deja notas para tus compañeros
Creando Páginas Web
- Escribe una página en modo WYSIWYG
- Escribe una página en HTML
- Crear una nueva página a partir de una plantilla
- Crea 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
- Usa hojas de estilo CSS
- Añadiendo 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 las reglas CSS existentes
- Crea CSS para páginas imprimibles.
- Habilitar y deshabilitar propiedades de estilo * Nuevo en CS5
- Inspeccionar visualmente el modelo de caja de CSS * Nuevo en CS5
Texto
- Modificar texto
- Usa diferentes fuentes
- Insertar un salto de línea
- Usar caracteres especiales
- Incluir fecha de hoy
- Escribir comentarios
- Aplicar etiquetas HTML al texto.
- Añadir atributos HTML a las etiquetas
Campo de golf
- Enlace de texto e imágenes
- Revisar los enlaces del sitio
- Cambiar los colores de enlace predeterminados (enlace, visitado, desplazar, activo)
- Crear consejos sobre herramientas en enlaces
- Crear enlaces mailto
- Crear anclajes de páginas web.
Imágenes
- Añadir gráficos a una página
- Editar imagenes
- Redimensionar imagenes
- Añadir texto alt a las imágenes
- Añadir opciones de accesibilidad adicionales a las imágenes.
- Alinear imágenes y texto.
- Crear una imagen de rollover
- Usar mapas de imagen
- Utilizar 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 * Nuevos diseños de inicio de CSS en CS5
- Insertar divs para el diseño.
- Editar divs en el panel de estilos CSS
- Insertar elementos absolutamente posicionados.
- Formato de elementos absolutamente posicionados en el inspector de propiedades.
- Usa reglas, cuadrículas y guías.
Liza
- Añadir listas con viñetas y numeradas
- Personalizar lista de viñetas y números.
Mesas
- Crear una tabla
- Añadir filas y columnas de encabezado
- Usa 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
Formas
- Usa un formulario mailto
- Definir acciones de formulario.
- Agregue texto, radio, casilla de verificación, archivo, imagen, cuadros de selección y campos de formulario ocultos
- Haga que sus formularios sean accesibles con campos de campos y etiquetas
- Crear botones de envío personalizados
- Validar formularios con JavaScript (Spry)
Bases de datos y scripts PHP
- Adjunte su sitio a una base de datos
- Configurar un sitio PHP / mySQL
- Usa los elementos de Spry para conectarte a la base de datos.
- Inserte objetos de datos en sus páginas
- Probar y actualizar una fuente de datos Spry o pantalla
- Editar sitios dinámicos complejos en vista de diseño
- Descubra todos los archivos relacionados dinámicamente para ensamblar sitios PHP CMS (WordPress, Joomla y Drupal) * Nuevo en CS5
- Sugerencias de clase personalizadas para código PHP, incluidos marcos de terceros como el marco Zend * Nuevo en CS5
Marcos
- Construir un sitio web enmarcado
- Editar contenido de noframes
- Formato y estilo de sus marcos
- Configurar destinos de enlace predeterminados entre marcos
Añadir interactividad
- Construye un álbum de fotos (ya no en CS5)
- Añadir 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 más
- Añadir fuentes RSS a un sitio
- Insertar texto Flash como rollover
- Insertar texto CSS como rollover
- Insertar otros complementos
- Agregue la barra de menú de Spry, los paneles con pestañas, el acordeón, la punta de la herramienta y el panel plegable
- Utilice el navegador de widgets para encontrar nuevos widgets para su sitio, sin necesidad de conocer JavaScript
Prueba tus páginas
- Pruebe sus páginas en Live View para ver los cambios debidos a JavaScript e interactividad * Nuevo en CS5
- Valida tu HTML
- Previsualiza tus páginas en varios navegadores
- Utilice BrowserLab para obtener una vista previa de sus páginas en otros sistemas operativos * Nuevo en CS5
- Use Device Central para ver cómo se ven las páginas en dispositivos móviles
- Comprobar la compatibilidad del navegador
- Cambie la configuración para que coincida con lo que su sitio necesita para trabajar
- Compruebe los enlaces internos del sitio
- Pruebe la accesibilidad de su sitio (ya no está en CS5)
- Convertir un documento de Word a HTML
Personaliza Dreamweaver
- Añadir extensiones
- Deshabilitar extensiones
- Personaliza Dreamweaver con atajos
Aumente su eficiencia
- Usa atajos de teclado incorporados
- Utilizar fragmentos de código
- Crea y usa plantillas
- Generar nuevas páginas a partir de plantillas personalizadas.
- Actualizar plantillas
- Incluye un archivo en otro con la biblioteca de Dreamweaver
- Actualizar los elementos de la biblioteca
- Incluye un archivo en otro usando SSI
- Utilice buscar y reemplazar
