Adobe Dreamweaver CS3 - Curso online

Creación profesional de sitios web

Este curso interactivo te enseña a utilizar las herramientas que Dreamweaver, la aplicación de Adobe para la creación de sitios web, te ofrece para llevar a cabo diseños modernos, atractivos y profesionales, tanto para la WWW como para intranets. Paso a paso y con material de apoyo que te permite el trabajo por tu cuenta para reforzar lo aprendido, los vídeos tutoriales te irán guiando desde los aspectos más básicos, a la vez que realizar un proyecto de la mano de nuestro experto, Jorge G. Villanueva.

Formadores: Jorge González Villanueva

Fecha de publicación: 3/09/2007

USD 49.95

Este es un curso online, que puedes ver desde donde quieras y cuando quieras, mediante una conexión a internet.

¿Qué voy a recibir?

Este curso video2brain está disponible como descarga y para ser visualizado online. ¡Pero no hace falta que decidas entre las dos opciones! Al comprar el curso, disfrutarás de ambas posibilidades. La descarga te permite ver las lecciones sin estar conectado/a a internet y supone una navegación fácil y ágil entre capítulo y capítulo. Si vas a trabajar en diferentes ordenadores o si no quieres descargarte el curso completo, entra en la web con tus datos de acceso y disfruta directamente de tus vídeos online. Te deseamos que disfrutes de este curso y te resulte de mucha utilidad. Estamos a tu disposición si tienes cualquier tipo de duda o pregunta.

Al carro Descargas

Incluir en favoritos A_un@_amig@ Redacta tu opinión

Cursos similares

Trailer

En este capítulo se enseñan los conceptos básicos de trabajo en Adobe Dreamveaver CS3. También se describen los distintos menús y paneles y se muestra cómo modificar el espacio de trabajo.

Conceptos básicos
- Para poder crear un sitio web se pueden llegar a necesitar gran cantidad de archivos. Dreamweaver se ocupa de que el trabajo con todos estos archivos sea lo más fácil posible usando los "sitios".
  
  Creación de sitios en Dreamweaver
  
  05:27
- Es importante comprender cómo modificar el espacio de trabajo para que los distintos paneles estén siempre a mano y no estorben.
  
  El entorno de trabajo
  
  11:35
- Un programa tan completo como Dreamweaver necesita de muchos paneles agrupados según funcionalidad. En este vídeo se aprende a manejar estos paneles.
  
  Utilización de los paneles
  
  07:29
- Gracias a las ayudas visuales y de programación el programa evita al usuario la repetición de tareas comunes.
  
  Ayudas visuales y de programación
  
  10:17
- Las páginas HTML necesitan etiquetas con información que permita a los navegadores su correcta visualización. Aquí se aprende a controlar el contenido de la etiqueta Head
  
  Contenido de Head
  
  05:27
- Además de paneles, es necesario el uso de varias barras de herramientas, y es necesario saber cómo están estructuradas para poder optimizar su uso.
  
  Las barras de herramientas
  
  03:13
- Para poder sacarle el máximo partido a un programa, lo mejor es usar los atajos de teclado. Dreamweaver además permite su personalización.
  
  Métodos abreviados de teclado
  
  03:43
Para crear webs es necesario el uso de gran variedad de contenidos que las harán interesantes. En este capítulo se aprende a añadir los distintos tipos de contenido a las páginas HTML.

Trabajando con elementos gráficos
- Los textos son la base de casi cualquier sitio web. Por ello es necesario conocer bien las posibilidades de formateo de texto que Dreamweaver ofrece.
  
  Textos
  - Conceptos básicos del texto en Dreamweaver.
    
    Uso del texto en Dreamweaver
    
    04:53
  - Técnicas de formateo de texto: uso de estilos CSS y de etiquetas.
    
    Técnicas básicas de formateo de textos
    
    05:19
  - Uso de los distintos paneles para formatear textos.
    
    Estrategias de formateo del texto
    
    05:47
  - Control de la codificación de los textos en las páginas web.
    
    Codificación de las páginas web
    
    03:20
- Para poder navegar entre páginas web es necesario que existan Hipervínculos que las comuniquen. En este apartado se aprende a añadir y formatear enlaces.
  
  Vínculos
  - Creación básica de vínculos entre páginas. Vínculos a URL relativas y absolutas.
    
    Creación de Hipervínculos
    
    06:08
  - El formato básico de un enlace normalmente no queda estético en las páginas web. En este vídeo se aprende a formatear los Hipervínculos.
    
    Modificación del aspecto de los enlaces
    
    02:52
  - Aquí se aprende a añadir enlaces a archivos pdf o a archivos descargables desde internet.
    
    Enlaces de descarga de archivos
    
    02:14
  - En este vídeo se describe cómo añadir enlaces que envíen correos electrónicos y cómo controlar esos envíos.
    
    Enlaces de correo electrónico
    
    04:05
  - Creación de navegación en una misma página web mediante el uso de anclajes con nombre.
    
    Navegación en una sola página
    
    06:41
  - Es muy útil para mejorar el aspecto de un sitio web el uso de imágenes con la función de vínculos. Así no tendremos que depender del texto simple para crear las botoneras de enlaces.
    
    Uso de imágenes como Hipervínculos
    
    01:57
- Utilización de las imágenes para mejorar el diseño de nuestras páginas web. Formateo de imágenes. Uso de imágenes interactivas.
  
  Imágenes
  - Vinculación de imágenes a los archivos HTML usando Dreamweaver.
    
    Uso de imágenes
    
    04:15
  - Modificación de las propiedades de la etiqueta img. Formateo de imágenes.
    
    Formateo de imágenes
    
    06:59
  - Minimización del ancho de banda consumido en nuestras webs mediante la optimización del ancho de banda desde Dreamweaver.
    
    Optimización de imágenes para la web
    
    03:38
  - Adobe integra en sus suites el Adobe Bridge que simplifica la tarea de ordenar y controlar los archivos de nuestros sitios.
    
    Uso de Adobe Bridge para gestionar imágenes
    
    04:39
  - En este vídeo se enseña a crear el efecto rollover de botones en los que al pasar el ratón sobre ellos cambian de aspecto, usando imágenes de sustitución: varias imágenes con los distintos aspectos del botón en sus diferentes estados.
    
    Imágenes de sustitución
    
    03:13
  - Integración de los programas de la versión CS3 para añadir imágenes a Dreamweaver. Actualización de imágenes transformadas.
    
    Integración de Dreamweaver y Photoshop CS3
    
    03:05
  - Creación de mapas de zonas interactivas en imágenes complejas.
    
    Imágenes con zonas interactivas
    
    04:05
- Multimedia
  - Descripción de los tipos de archivo incrustables desde Dreamweaver. Descripción del uso de plugins.
    
    Uso de archivos multimedia
    
    04:24
  - Vinculación de archivos de Flash en las páginas HTML. Control de los archivos Flash usando JavaScript.
    
    Archivos SWF de Flash
    
    06:17
  - Utilización de textos en flash: creación de rótulos usando tipos de letra no convencionales.
    
    Textos en Flash
    
    04:30
  - Adición de archivos de vídeo a las páginas web. Uso de archivos de vídeo y de archivos de vídeo de Flash (FLV).
    
    Archivos de vídeo
    
    04:44
  - Vinculación simple de archivos de sonido a las páginas html. Uso de plugins.
    
    Archivos de sonido
    
    02:08
Los estilos CSS van mucho más allá del simple formateo del html con etiquetas. En este capítulo se aprende a usar los estilos CSS para mejorar el diseño de las páginas web.

Estilos CSS
- Descripción de los estilos CSS. Uso básico de Dreamweaver con CSS.
  
  Uso de estilos CSS
  
  05:44
- Formateo de texto con estilos CSS. Uso de los estilos CSS.
  
  Formateo de texto con CSS
  
  06:32
- Uso de reglas CSS para formatear todo tipo de elementos en Dreamweaver.
  
  Formateo de elementos gráficos con CSS
  
  06:03
- Reglas CSS avanzadas para la creación de vínculos. Creación de botoneras basadas en texto.
  
  Formateo de vínculos con CSS
  
  06:23
El uso de formularios es fundamental para crear webs dinámicas en las que se pueda recuperar información del usuario. Uso de formularios en Dreamweaver CS3.

Formularios
- Creación de formularios para enviar información desde páginas web. Gestión de los datos enviados.
  
  Creación de formularios
  
  06:14
- Envío de textos desde formularios. Campos de texto, campos de contraseña, áreas de texto.
  
  Campos de texto
  
  04:57
- Creación de listas de opciones no excluyentes. Uso de casillas de verificación (checkboxes).
  
  Casillas de verificación
  
  02:54
- Creación de listas de opciones. Uso de botones de opción (radiobuttons).
  
  Botones de opción
  
  04:47
- Uso de desplegables en formularios. Listas y menús.
  
  Menús desplegables y listas
  
  03:10
- Creación de campos de selección de archivos para subirlos al servidor.
  
  Subir archivos a internet desde un formulario
  
  02:25
- Uso de campos ocultos para enviar información sin molestar al usuario.
  
  Utilización de campos ocultos
  
  03:08
- Creación de botones en formularios. Embellecimiento de formularios.
  
  Mejora del aspecto de los formularios
  
  05:40
Para colocar los distintos elementos visuales donde queremos usar HTML, es necesario el uso de tablas y etiquetas DIV.

Maquetación de páginas HTML
- Organización de datos usando listas. Uso de CSS con las listas.
  
  Formateo de listas
  
  08:11
- Utilización de tablas para organizar los datos y los contenidos visuales. Propiedades de las tablas.
  
  Uso de tablas
  - Descripción básica de los atributos de las tablas. Modificación simple de las tablas.
    
    Descripción básica de las tablas
    
    06:24
  - Embellecimiento de las tablas. Formateo de filas, columnas y celdas.
    
    Formateo de las tablas
    
    07:17
  - Creación de tablas complejas de manera automática mediante la importación de datos guardados en archivos externos.
    
    Importación de datos externos
    
    02:34
  - Ordenación de los datos de las tablas. Criterios de ordenación.
    
    Ordenación de tablas
    
    02:05
- Uso de etiquetas DIV y de estilos CSS para controlar la posición de los distintos elementos de las páginas HTML.
  
  Uso de etiquetas DIV
  - Uso de etiquetas DIV con posicionamiento absoluto para crear web complejas.
    
    Etiquetas DIV PA
    
    07:44
  - Uso de las plantillas basadas en DIV y CSS que suministra Dreamweaver.
    
    Plantillas basadas en DIV y CSS
    
    05:40
- Uso de imágenes de rastreo para el diseño de páginas web.
  
  Uso de imágenes de rastreo
  
  03:07
En webs complejas es necesario minimizar tanto el tiempo de trabajo como el ancho de banda. Para ello es importante el uso correcto de los IFRAMES y de los marcos.

Maquetación mediante IFRAMES y marcos
- Uso de IFRAMES como sustituto de los marcos. Carga de páginas HTML dentro de mis HTML. Formateo de IFRAMES.
  
  Uso de IFRAMES
  
  07:05
- Uso de marcos. Creación de páginas complejas usando múltiples archivos HTML.
  
  Uso de marcos
  
  03:53
- Maquetación web usando marcos. Control del aspecto de los marcos.
  
  Maquetación mediante marcos
  
  05:01
- Uso de enlaces entre distintos marcos. Creación de botoneras.
  
  Vínculos usando marcos
  
  03:53
- Formateo avanzado de webs usando marcos. Creación del índex del sitio de ejemplo
  
  Maquetación avanzada con marcos
  
  04:23
El lenguaje HTML simplemente sirve para mostrar visualmente elementos en el navegador. Dreamweaver en combinación con JavaScript nos ofrece múltiples herramientas que permiten el uso de JavaScript sin necesidad de tener conocimientos de él.

JavaScript
- Herramientas de programación con JavaScript en Dreamweaver. Uso de comportamientos.
  
  Programación en JavaScript con Dreamweaver
  - Programación con JavaScript en Dreamweaver. Herramientas de programación.
    
    Uso de JavaScript en Dreamweaver
    
    02:52
  - Creación de una ventana emergente usando los comportamientos de Dreamweaver. Uso de comportamientos.
    
    Creación de popups con JavaScript
    
    02:39
  - Uso de comportamientos para validar formularios.
    
    Validación de formularios
    
    02:37
  - Control de la navegación dependiendo de la versión de navegador. Comprobación de plugins.
    
    Detección de plugins y navegadores
    
    03:35
- Reutilización de código. Uso, modificación y creación de fragmentos de código reutilizables.
  
  Fragmentos
  - Descripción del panel de fragmentos. Uso de los fragmentos.
    
    Descripción de los fragmentos
    
    04:27
  - Creación y modificación de fragmentos. Ejemplos de fragmentos.
    
    Modificación de fragmentos
    
    02:38
  - Creación de código complejo usando fragmentos. Control de errores de JavaScript usando el navegador.
    
    Creación de elementos complejos con fragmentos
    
    04:35
- Creación de elementos interactivos basados en AJAX. Uso de los elementos suministrador por Dreamweaver.
  
  SPRY
  - AJAX es la suma de varias tecnologías, principalmente JavaScript, XML y CSS. En este vídeo se describen los principios básicos de AJAX y Dreamweaver.
    
    Descripción de AJAX
    
    13:17
  - Elementos de formulario SPRY. Formularios autovalidados.
    
    Elementos de formularios SPRY
    
    09:24
  - Menús y paneles de fichas SPRY. Creación y formateo.
    
    Menús SPRY
    
    07:27
  - Uso de elementos SPRY para la importación dinámica de datos mediante XML y para su presentación en páginas web.
    
    SPRY y XML
    
    09:12
Administración del sitio local y de los archivos en el servidor remoto. Uso de plantillas y biblioteca para automatizar el diseño de múltiples páginas web.

Plantillas y Biblioteca
- Dreamweaver está formado por un editor de páginas web y un organizador de sitios para el control de los archivos del sitio web. Aquí se aprende a configurar sitios y preparar el sitio en el servidor remoto.
  
  Administración de sitios
  - Configuración de sitios. Conexión del sitio local con el servidor remoto. Subida de archivos al servidor.
    
    Configuración de los sitios
    
    12:05
  - Opciones de protección de archivos, sincronización y notas informativas para el trabajo en equipo.
    
    Trabajo en grupo
    
    06:41
  - Uso del mapa de sitio para el control del árbol de navegación. Exportación del árbol de navegación.
    
    Mapa del sitio
    
    04:13
  - Exportación de sitios para su configuración en diferentes ordenadores.
    
    Exportación de sitios
    
    01:41
  - Control del aspecto del panel de archivos. Configuración del firewall en Dreamweaver.
    
    Configuración avanzada de sitios
    
    02:14
- La utilización de plantillas hace que la tarea de crear y modificar páginas HTML similares sea algo simple y automático.
  
  Plantillas
  - Creación de plantillas para la reutilización de diseños y la automatización de los cambios de maquetación.
    
    Creación y uso de las plantillas
    
    06:20
  - Control sobre las etiquetas y sus atributos usando los atributos editables. Archivos vinculados a las plantillas.
    
    Creación de atributos editables
  - En cualquier web se repite parte del diseño en sus diferentes páginas. Para simplificar el trabajo de desarrollo y modificación Dreamweaver nos ofrece las plantillas y en este vídeo se aprende a usarlas para automatizar el desarrollo de nuestras webs.
    
    Regiones opcionales
    
    03:54
  - Anidación entre plantillas. Plantillas anidadas en otras para crear apartados con diseños dependientes.
    
    Plantillas anidadas
    
    02:57
  - Creación de regiones repetidas para controlar elementos de apariencia controlada mediante plantillas repetidos un número indefinido de veces.
    
    Regiones repetidas
    
    03:00
  - Manipulación de los archivos dependientes de plantillas. Separación de archivos. Opciones de plantilla.
    
    Archivos dependientes de plantillas
    
    02:51
- Creación, modificación y reutilización de elementos de biblioteca en sitios de Dreamweaver.
  
  Elementos de biblioteca
  
  05:14
Herramientas globales de control de la calidad del código generado.

Herramientas de código
- Herramientas de control de la codificación en Dreamweaver CS3
  
  Codificación del HTML
  
  09:47
- Mejora del código HTML generado por Microsoft Word.
  
  Optimización del HTML de Word
  
  03:05
- Optimización del HTML generado por otros programas, o de HTML "ensuciado" en el proceso de diseño.
  
  Optimización del HTML
  
  02:02
- Herramientas de búsqueda de errores en el código.
  
  Validación del código
  
  04:47
- Herramientas de comprobación de la compatibilidad del código en diferentes versiones de navegadores.
  
  Compatibilidad con navegadores
  
  03:12
- Generación de informes sobre errores y advertencias en todo el código del sitio.
  
  Informes del sitio
  
  03:16
- Parámetros de accesibilidad en Dreamweaver. Configuración.
  
  Accesibilidad
  
  03:31
- Herramienta de buscar y reemplazar para localizar y cambiar textos, etiquetas o atributos repetidos.
  
  Buscar y reemplazar
  
  03:05
Fundamentos de la creación de aplicaciones de servidor mediante Dreamweaver.

Sitios dinámicos
- Descripción básica de las aplicaciones de servidor. PHP y ASP.NET. Directivas de instalación.
  
  Configuración del equipo
  
  06:46
- Descripción de la configuración de Dreamweaver para trabajar con sitios dinámicos. Configuración de la base de datos.
  
  Configuración del sitio
  
  07:35
- Además de la posibilidad de programar normalmente, Dreamweaver también ofrece elementos dinámicos prediseñados como juegos de regitros o formularios de inserción.
  
  Herramientas de código dinámico
  
  06:21

Este es un curso online, que puedes ver desde donde quieras y cuando quieras, mediante una conexión a internet. Una vez realizada la compra, también podrás descargarlo en el apartado Descargas.

Accede a los vídeos gratis en el apartado Contenido.

Gracias a Adobe Dreamweaver CS3 la programación de sitios web ha pasado de ser un complejo trabajo de programadores a estar al alcance de diseñadores y aficionados a la web que quieran generar sus propios contenidos.

Está formación está pensada para usuarios que, o bien no tengan conocimientos de creación de páginas web y quieran empezar a trabajar en este campo, o bien para profesionales, tanto diseñadores como programadores, que deseen manejar una herramienta de creación web tan potente como Adobe Dreamweaver CS3.

Estructura

El proyecto está estructurado intentando repasar todas las características básicas del programa, presentando los contenidos desde lo más simple a lo más complejo; pero integrándolos dentro de un proyecto de sitio web.

Así se consigue que este vídeo tutorial no sea una simple descripción de las características del programa sino que muestre el modo profesional de trabajo, las prácticas recomendadas por Adobe, algunos trucos y la resolución de errores comunes.

Se explicarán los conceptos esenciales de uso de Adobe Dreamweaver CS3 con distintos lenguajes: html, JavaScript, AJAX, PHP y ASP para disponer de una base mínima que permita aprovechar las herramientas de Adobe Dreamweaver CS3 al máximo, especialmente de html.

Se aprenderá también a configurar el programa para los distintos modos de trabajo (como diseñador y como programador), y a configurar el sistema para poder crear aplicaciones web dinámicas con PHP y ASP.net.

Así la estructura de la formación está pensada basándose en el proceso típico de creación de un sitio web. Se incluyen en él los archivos usados en los ejemplos, con lo que el usuario podrá ir creando mientras avanza el tutorial.

Contenidos

Primero se configurará el programa y el sistema para aprovechar al máximo sus posibilidades y adaptarlo al tipo de trabajo propio del usuario.

Se generará el sitio web y se explicarán las distintas opciones de configuración: uso de tecnologías de servidor, configuración de FTP, trabajo en grupo y gestión de archivos.

Se crearán las diferentes páginas y se aprenderá a distribuir sus contenidos con las diferentes herramientas usando iframes, marcos y estilos CSS para colocar elementos.

Se añadirán contenidos de todo tipo: textos, imágenes, elementos flash, audio y vídeo y se aprenderá a formatearlos y optimizarlos para su uso en web.

Y para añadir la guinda a nuestros sitios web aprenderemos a generar elementos complejos, como menús desplegables, formularios inteligentes, sistemas de validación, etc., usando JavaScript y AJAX.

Al final se darán también las bases para la creación y configuración de webs dinámicas con PHP y ASP.net.

Este vídeo tutorial está pensado también para que sirva de sistema de consulta rápida sobre cómo realizar distintas tareas. Está organizado según los tipos de contenidos, y permite a los usuarios encontrar fácilmente temas concretos, de manera que convierte a la formación no sólo en un tutorial sino también en un manual de consulta.

Así que gracias a los dos modos de trabajo, dispondrás de la herramienta que te permite aprender a aprovechar la potencia de Adobe Dreamweaver CS3 y una vez que hayas aprendido a manejar el programa, el sistema de vídeo ayuda te servirá de manual de consulta rápida.

El sistema de aprendizaje de video2brain

El objetivo de video2brain es poner a su disposición cursos eficientes, adaptados a sus necesidades y que se puedan ver tantas veces como lo desee. Nuestros cursos están disponibles en DVD y online. ¡Aprenda de una forma nueva!

video2brain le ofrece cursos especializados e instructivos, siempre a su disposición y que se pueden repetir tantas veces como lo desee, en casa, en el tren, solo o en grupo. En la creación de los vídeos le concedemos una gran importancia al aspecto práctico, a que la estructura didáctica sea lo más clara posible y a la inclusión de prácticos trucos.

Ya que la práctica es parte fundamental del aprendizaje, incluímos los documentos base con los que los usuarios pueden trabajar en su propio ordenador, siguiendo los ejemplos de los tutoriales. Estamos convencidos de que la calidad de nuestros productos convertirá su aprendizaje en un proceso rápido y satisfactorio y por ello, video2brain trabaja constantemente en la creación de nuevos productos para ayudarle a alcanzar sus metas.

Requisitos del sistema

Conexión a banda ancha a internet
Navegador actualizado, con plugin de Flash
Resolución mínima de pantalla de 1.024 x 768
Tarjeta de sonido, altavoces o auriculares
Pentium 4 a 2,6 GHz o G4 a 1 GHz
512 MB de RAM

Seguid así

SoniaPC

Estos cursos son geniales para aprender. Me gusta la estructura y la calidad del sonido. Y ahora que se puede descargar, mcuho más.

Perfecto para poneme al día

diego

Después de pelear con flash y sus diferentes versiones, necesitaba recordar el manejo de dw. Estoy un poco perezoso para enfrentarme con el manual, y creo que he acertado con este curso. Se me hace muy ameno y el audio complementa fenomenal la explicación. Lo mejor es que lo hace muy sencillo. Enhorabuena!!