18 Tutoriales Dreamweaver para diseñadores web

Dreamweaver es una de esas aplicaciones que llegó a acercar el mundo del diseño web a aquellos que no tenían conocimientos amplios de HTML. Aunque luego aparecieron otros muchos paquetes de software y servicios similares resulta que muchos todavía consideran a Dreamweaver como el número uno en su campo.

Una ventaja de la popularidad de este software es que puedes encontrar un buen número de tutoriales a lo largo y ancho de Internet donde te explican con detalle cómo sacarle el máximo provecho.

Aquí vamos a recopilar una selección de estos tutoriales para aquellos que quieran adentrarse en el mundo del diseño web con Dreamweaver y también para los que quieren ampliar conocimientos y realizar algunas creaciones algo más complejas de lo habitual.

Aviso que la mayoría de tutoriales está en inglés, pero la ventaja es que a cambio la calidad que ofrecen es bastante alta, algunos incluso llegan desde la web de Adobe, la empresa que comercializa y diseña Dreamweaver. Si no tienes conocimientos de inglés puedes traducir las páginas fácilmente desde el traductor de Google copiando y pegando las URL.

Tutoriales

  • Entheosweb

  • Entheosweb es un sitio especializado en tutoriales relacionados con el diseño web. Incluyen un apartado dedicado a Dreamweaver donde puedes aprender trucos, cómo utilizar el panel de Dreamweaver, los menús, cómo utilizar capas, cómo aplicar y crear templates y plantillas, aplicar CSS e incluso te explican utilidades menos habituales como añadir sonido a tus páginas web o incluir mapas.
    Entheosweb

  • Teacherclick

  • Teacherclick te ofrece un completo curso de Dreamweaver, prácticamente un libro online. Incluye temas básicos donde te explican la interface del programa, cómo definir un sitio web, trabajar con texto e imágenes, enlaces, tablas, capas y divs, formularios e incluso multimedia. En general bastante básico ideal para principiantes.
    Teacherclick

  • Tutorial básico para crear un sitio web con Dreamweaver

  • Este tutorial es ideal para los que quieren ir al grano rápidamente. En una sola página te explican claramente los pasos que tienes que dar para crear un sitio web básico y luego testear el resultado. Incluye detalles como la configuración del dominio del sitio. El tutorial continúa con otras cinco páginas más donde abarcan el trabajo con imágenes en Dreamwaver, fuentes y colores, menús y templates.
    Tutorial Dreamweaver

  • Siteground

  • Este tutorial está dividido en varias partes. Comienza por lo más básico, la instalación de Dreamweaver, y continúa con temas más avanzados. Ideal para comenzar desde cero e ir añadiendo conocimientos poco a poco.
    Siteground

  • Projectseven

  • Aquí puedes encontrar varios tutoriales avanzados para Dreamweaver. Está ideado para aquellos que ya saben manejarse con el software y quieren realizar algunas creaciones algo más avanzadas.
    Projectseven

  • Expresiones regulares en Dreamweaver

  • En este tutorial aprendes sobre las expresiones regulares en Dreamweaver, Regexes.
    Expresiones regulares en Dreamweaver

  • Tutorial audivisual Dreamweaver

  • Este curioso tutorial está en formato audivisual. Visualiza los vídeos mientras escuchas a alguien contarte los pasos que tienes que realizar para aprender a manejar el software.
    Tutorial audivisual Dreamweaver

  • Tutoriales Adobe

  • Adobe dispone de su propio centro para desarrolladores con un buen número de tutoriales. Aquí puedes encontrar bastantes temas interesantes que no verás en otros sitios, por ejemplo cómo crear webs para móviles, aplicaciones para smartphones, cómo trabajar con CSS, cómo crear sitios dinámicos, transiciones animadas e incluso toca el terreno del HTML5 y jQuery.
    Tutoriales Adobe

    Trucos Dreamweaver y tutoriales específicos

    Algunos trucos y tutoriales para aprender a realizar tareas específicas.

  • Cómo editar temas WordPress con Dreamweaver

  • Este práctico tutorial está ideado para aquellos que quieren crear o modificar temas para WordPress aprovechando la facilidad de uso de Dreamweaver.
    Editar temas WordPress con Dreamweaver

  • Cómo crear RSS con Dreamweaver

  • Dreamweaver también puede servirte para crear feeds RSS. En este tutorial te explican cómo hacerlo.
    RSS con Dreamweaver

  • Animaciones en Dreamweaver

  • Dreamweaver incluye su propio gestor de animaciones con una línea de tiempo parecida a Flash.
    Animaciones en Dreamweaver

  • Cómo crear capas dinámicas con imágenes interactivas

  • En este tutorial aprendes cómo sacar provecho a las capas en Dreamweaver añadiendo elementos dinámicos con imágenes que cambian al hacer hover con el ratón. Ideal si buscas crear páginas web dinámicas.
    Cómo crear capas dinámicas con imágenes interactivas

  • Cómo personalizar Dreamweaver

  • Aprende a ajustar Dreamweaver según tus preferencias personales.
    Personalizar Dreamweaver

  • Cómo crear aplicaciones PHP/MySQL con Dreamweaver

  • La potencia de Dreamweaver te permite crear y trabajar con PHP directamente desde la interface de edición del software. Puedes crear conexiones MySQL desde PHP para manejar bases de datos o aplicar cualquier código de programación PHP.
    Crear aplicaciones PHP con Dreamweaver

  • Cómo crear una página de login

  • En este tutorial te explican cómo crear una página de login de forma que quede estética y además tenga un mínimo de seguridad a la hora de introducir los datos en el formulario.
    Cómo crear una página de login

  • XML en Dreamweaver

  • Aprende a manejar XML desde Dreamweaver.
    XML en Dreamweaver

    Formularios en Dreamweaver

    En este tutorial aprendes a personalizar y ajustar formularios para que no tengan simplemente el aspecto clásico. También aprendes cómo validar los campos del formulario y personalizar colores y fuentes.
    Formularios en Dreamweaver

  • Mapas de imágenes en Dreamweaver

  • Aquí puedes aprender a crear mapas de imágenes dividiendo una fotografía en varias zonas virtuales y asignándole un enlace a cada una.
    Mapas de imágenes

    Deja un comentario

    Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

    Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>