You are on page 1of 18

Este es un curso consta de 91 vídeos, repartidos en 18 capítulos que orientados para todas las audiencias.

Desde principiantes que podrán seguir el curso de principio a fin, o como referencia para usuarios más experimentados que buscan resolver una duda específica. Capítulo 1: La Interfaz. En este capítulo aprenderás sobre la interfaz de Dreamweaver: Espacio de trabajo, Barras de propiedades, paneles, etc. Vídeo1: Conociendo la interfaz del programa

link: http://www.youtube.com/watch?v=J4rEBz5CjM0 En este vídeo comenzarás a familiarizarte con la interfaz del programa

Vídeo2: La pantalla de bienvenida

link: http://www.youtube.com/watch?v=Qonb5NpYvFc En este vídeo comenzarás a familiarizarte con la interfaz del programa y la pantalla de bienvenida

Vídeo3: La barra de insertar

link: http://www.youtube.com/watch?v=WzIvO_Y-PbA Acá aprenderás las funciones de la barra insertar

Vídeo4: El Inspector de propiedades

link: http://www.youtube.com/watch?v=Uq_UAQb7084 La barra de propiedades es una de las herramientas que más utilizarás en Dreamweaver, y en este vídeo te diremos para qué sirve.

Vídeo5: Barra de documento

link: http://www.youtube.com/watch?v=36B7QwvzZuU La barra de Documento es la que nos permite, además de otras cosas, ver el código de nuestro sitio, la vista de diseño y la vista combinada.

Vídeo6: La ventana de documento

com/watch?v=5uZ0RvHY6og En este vídeo aprenderás a crear un sitio web en Dreamweaver CS4 Vídeo2: El Panel de Archivos link: http://www. la estructura de las rutas y la importación de contenidos externos.com/watch?v=tnlB8vE7B_0 En este vídeo aprenderás a ubicar los paneles de la manera que te sea más cómoda para trabajar. Vídeo1: Creando un sitio nuevo link: http://www.com/watch?v=8ApGFf5mghI En este último video de la parte 1 de nuestro curso podrás aprender cómo editar las preferencias del navegador que Dreamweaver utilizará para previsualizar tu trabajo.com/watch?v=iwPl_MAgUoI La ventana de documento es el área en donde ocurre la mayor parte de nuestro trabajo. Vídeo7: Los paneles link: http://www.youtube.youtube.com/watch?v=aaJ8VxAM-nQ Una vez hayas modificado la distribución del área de trabajo como más te guste. conociendo cómo se crea uno. este video te enseñará cómo guardarla. Vídeo8: Guardar el espacio de trabajo link: http://www.com/watch?v=9EyoyPkys5Y .youtube. En este capítulo aprenderá a manejar un sitio Web. o como te funcione mejor para un proyecto.youtube. Este video te dará una idea de lo que puedes hacer en esa área.youtube. Si prefieres verlo como lista de reproducción con los 9 vídeos seguidos: Pincha aquí Capítulo 2: Control del Sitio.youtube.link: http://www. Vídeo9: Editar las preferencias para previsualizar link: http://www.

Vídeo4: Importar contenido link: http://www.youtube.Este vídeo te enseñará cómo manejar y organizar los archivos que componen tu sitio web Vídeo3: Estructura de archivos link: http://www. Vídeo1: Creando un sitio nuevo en blanco link: http://www. Aprenderá a crear un documento en blanco. Vídeo3: Tipos de documento link: http://www.youtube. insertar texto e imagenes.youtube.com/watch?v=FAOtXHh2LlU En el ultimo video de esta 2a parte veremos cómo importar contenido a nuestro sitio creado en DreamWeaver. En este capítulo aprendera las cosas básicas de los documentos. etc. escoger el tipo de documento.com/watch?v=nkUAzPsvPVA En este video aprenderás sobre los diferentes tipos de HTML y sus estándares .com/watch?v=9CSLzOTFVRI En este video aprenderás a crear un sitio de Dreamweaver a partir de carpetas creadas previamente en Windows Vídeo2: Crear un nuevo documento link: http://www. Si prefieres verlo como lista de reproducción con los 4 vídeos seguidos: Pincha aquí Capítulo 3: Bases del Documento.youtube.com/watch?v=mtqwNcD5QTk En este video estudiaremos cómo estructurar los archivos de tu sitio en DreamWeaver.com/watch?v=4JZjbkRek2A Es este video aprenderás cómo crear un nuevo documento dentro de Dreamweaver y conocerás los diferentes formatos que el programa maneja.youtube.

youtube. documentos y objetos internos y externos.com/watch?v=Mwiv1ZvDDi8 Aprende a agregar enlaces (hipervínculos) en tus documentos en Dreamweaver Vídeo2: Enlaces externos link: http://www.Vídeo4: Agregar imágenes link: http://www.com/watch?v=_9MqB6JiADs Aprende a alinear el texto en tus documentos en Dreamweaver Vídeo7: Etiquetas Meta link: http://www. Vídeo1: Enlaces básicos link: http://www.com/watch?v=kt7HZSu8sd4 Aprende a insertar texto en tus documentos en Dreamweaver Vídeo6:Alinear el texto link: http://www.youtube.youtube.youtube.com/watch?v=AHiPp_AQuJo Aprende a insertar imagenes en tus documentos en Dreamweaver Vídeo5: Agregar texto link: http://www.com/watch?v=d9N4ZBAspME Aprende a agregar etiquetas meta en tus documentos en Dreamweaver Si prefieres verlo como lista de reproducción con los 7 vídeos seguidos: Pincha aquí Capítulo 4: Vinculando En este capítulo aprenderemos las distintas formas de vincular.com/watch?v=GQt9Sra64lw .youtube.youtube.

com/watch?v=uPgHBYLqOAw Aquí aprenderás a hacer anclajes. en el que crearás vínculos en áreas específicas de una imagen. .youtube. Vídeo5: Vincular a archivos link: http://www.youtube. es decir. Si prefieres verlo como lista de reproducción con los 7 vídeos seguidos: Pincha aquí Capítulo 5: Tipografías En este capítulo aprenderemos sobre tipografías y formato de texto.youtube. enlaces que abren tu applicación predeterminad de email para enviar correspondencia a una dirección específica.youtube. Vídeo4: Enlaces a correos link: http://www. enlaces que van a lugares específicos de un dentro de un documento. es decir.Aprende a agregar enlaces (hipervínculos) externos en tus documentos en Dreamweaver Vídeo3: Crear anclajes link: http://www.com/watch?v=5nOtBn9fMqo En este video aprenderas a señalar archivos usando esta novedosa caracteristica incluida en tu Adobe Dreamweaver CS4 Vídeo7: Mapa de imagen link: http://www.com/watch?v=iP8sVO4ROT4 Aquí aprenderás a hacer un enlace hacia un archivo dentro de tu sitio Vídeo6: Vincular a archivos señalando link: http://www.com/watch?v=eE0Lu6fjJaM En este video aprenderas a crear un mapa de imagen.com/watch?v=qlO846De8s8 Aquí aprenderás a hacer enlaces a direcciones de email.youtube.

Vídeo3: Alinear texto link: http://www.com/watch?v=pTVDpbakgpA En este video aprenderás a alinear el texto.youtube.youtube.com/watch?v=tG0k14UF4qI En este video aprenderás a hacer listas.Vídeo1: Dar forma al texto link: http://www.youtube.youtube. Vídeo4: Hacer listas link: http://www.com/watch?v=7izmDX-bzTE En este video conocerás el código HTML que utiliza una tabla Vídeo2: Creando una tabla .com/watch?v=_9gTBsCpro4 En este video aprenderás a dar forma al texto.com/watch?v=-9NSBwQpFwU En este video aprenderás a usar las listas de fuentes. Vídeo1: Código HTML para tablas link: http://www.youtube. Vídeo2: Listas de fuentes link: http://www. Si prefieres verlo como lista de reproducción con los 4 vídeos seguidos: Pincha aquí Capítulo 6: Tablas En este capítulo aprenderemos a insertar tablas a nuestra página.

youtube.com/watch?v=EpwYbuHaZXY En este video conocerás el código HTML que utiliza una tabla Vídeo3: Bordes de la tabla link: http://www.com/watch?v=OWMYDELqJlI En este vídeo aprenderás a ordenar el contenido que has puesto dentro de tu tabla Vídeo7: Anchos de tablas link: http://www.youtube.com/watch?v=9tnBFcsES0c En este vídeo aprenderás a modificar los bordes de la tabla Vídeo4: Colorear tabla link: http://www.youtube.com/watch?v=qWuKkzUOf4o Alguna vez te has preguntado como darle aspecto redondeado a las esquinas de tu tabla? Obtén aquí tu respuesta.youtube.link: http://www.com/watch?v=YP_5oNX-tmU En este vídeo aprenderás a colorear una tabla Vídeo5: Alinear contenido de tablas link: http://www.youtube.youtube. Si prefieres verlo como lista de reproducción con los 8 vídeos seguidos: Pincha aquí .com/watch?v=lUreFVQWTeo En este vídeo aprenderás a controlar el ancho de tu tabla Vídeo8: Tabla con apariencia redondeada link: http://www.youtube.com/watch?v=DqkHwJT-5LY Aquí aprenderás como alinear el contenido dentro de una tabla Vídeo6: Ordenar contenido de tabla link: http://www.

no se ven en los exploradores Vídeo2: Usando Div PA link: http://www.youtube. En este primer video de este capitulo aprenderemos a dar estilo a la página.youtube. En este capítulo aprenderemos a diseñar para dispositivos móviles e imprentas de escritorio.youtube. Si prefieres verlo como lista de reproducción con los 2 vídeos seguidos: Pincha aquí Capítulo 8: Diseño para dispositivos. un programa que permite saber cómo se verá nuestra página desde un dispositivo móvil. Las imagenes de rastreo son bocetos que colocamos como fondo de la página y nos guiará en el diseño de esta. Vídeo1: Insertando imágenes de rastreo link: http://www.com/watch?v=uoYGimdCCSc En este capitulo aprenderemos a diseñar para dispositivos. estilo que se aplicará únicamente cuando se imprima la página Vídeo2: Device Central link: http://www.com/watch?v=VSWs3ghzfvA En este video aprenderemos a usasar las imagenes de rastreo. Si prefieres verlo como lista de reproducción con los 2 vídeos seguidos: Pincha aquí . ¿Qué son las etiquetas Div? ¿Para qué sirven? ¿Cómo usarlas en Dreamweaver? En este video recibiremos respuestas a esas preguntas.youtube. Estas imagenes solo son visibles en Dreamweaver.com/watch?v=XconROzTkGI En este video aprenderemos cómo insertar etiquetas Div.Capítulo 7: Diagramación En este capítulo aprenderemos aprenderemos a insertar Imágenes de rastero y DIVS.com/watch?v=a9gLvQZfzS0 En este video aprenderemos a probar nuestras páginas en Adobe Device Central. Vídeo1: Estilo para impresión link: http://www.

Capítulo 9: XHTML En este capítulo aprenderá sobre la escritura del código XHTML en Dreamweaver Vídeo1: Usando imágenes de sustitución link: http://www.com/watch?v=QyEtA7JtYOo .com/watch?v=EZQ8uEUMBs8 En este video aprenderás a crear una barra de navegación.youtube.youtube. Vídeo2: Efecto rollover con imágenes independientes link: http://www. la vista dividida y otras funciones que tienen que ver con el código en Dreamweaver Vídeo1: Vista de código link: http://www.youtube.com/watch?v=XAyBXWtE8QU En este video aprenderás a hacer un rollover desasociado con imágenes Vídeo3: Crear una barra de navegación link: http://www.youtube. Si prefieres verlo como lista de reproducción con los 3 vídeos seguidos: Pincha aquí Capítulo 10: La vista de código En este capítulo aprenderás sobre la vista de código.youtube.com/watch?v=HD6__0VADk8 En este video aprenderemos a poner el efecto RollOver simple a los vínculos de nuestra página.com/watch?v=7WWECZRNWG8 En este video te familiarizarás con la vista de código en Dreamweaver CS4 Vídeo2: HTML y Vista dividida link: http://www.

En este video aprenderemos a insertar campos de texto dentro de un formualario. Vídeo1: Aprendiendo a utilizar formularios link: http://www.youtube. que facilitaran el uso del HTML Vídeo6: Aprendiendo a utilizar fragmentos (snippets) link: http://www.com/watch?v=ir0OyxX-n00 Snippets o Fragmentos son pequeños trozos de código HTML predeterminados que puedes utilizar para agilizar tu trabajo.youtube. Si prefieres verlo como lista de reproducción con los 6 vídeos seguidos: Pincha aquí Capítulo 11: Formularios En este video aprenderemos a insertar formularios.com/watch?v=tg9GncEi3U4 En este capítulo aprenderemos a trabajar con Formularios.com/watch?v=FH7uuhKiwjE Aquí aprenderás a colapsar el código para optimizar tu área de trabajo Vídeo5: Insertar etiquetas HTML link: http://www.youtube.Aquí aprenderás a editar en la vista de código y ver simultáneamente los resultados en la vista de diseño Vídeo3: La barra de herramientas de la vista de código link: http://www. .com/watch?v=d8y0ebnr82I Aquí aprenderás ulilizar los quick tags.com/watch?v=WOWo-7NtCsM En este video podrás ver las opciones que te ofrece la toolbar (barra de herramientas) de la vista de código Vídeo4: Expandir y contraer el código link: http://www.youtube.youtube.

Vídeo5: Añadiendo estilos al formulario link: http://www.youtube.com/watch?v=PIMJcdq2yjg En este video aprenderemos sobre los botones de Restablecer y Enviar formulario.com/watch?v=lgoCekFjLos En este video aprenderemos a insertar Menús y Listas en el formulario. Vídeo1: Comportamientos.youtube.com/watch?v=WqG_mCD6P-0 En esta presentación aprenderemos a dar estilos al formulario. Vídeo3: Insertar menús y listas al formulario link: http://www. Vídeo4: Botones de Enviar y reestablecer link: http://www. Si prefieres verlo como lista de reproducción con los 6 vídeos seguidos: Pincha aquí Capítulo 12: Comportamientos Esenciales En este capítulo aprenderemos a usar el panel de comportamientos.youtube. vínculos para diferentes ventanas . Esto nos mostrará cómo usar CSS para cambiar el aspecto al formulario.youtube.Vídeo2: Botones de opcion y grupos de opciones en formularios link: http://www.youtube.com/watch?v=Bl0_okTQQ8M En este video aprenderemos a insertar y usar las casillas de Verificación y los botones de Opción.com/watch?v=ybA1jJBYBi4 En este video veremos cómo validar formularios. Vídeo6: Validar formularios link: http://www.

Si prefieres verlo como lista de reproducción con los 5 vídeos seguidos: Pincha aquí Capítulo 13: Interacción con Photoshop En este capítulo aprenderemos a interactuar Dreamweaver con Photoshop.com/watch?v=X3Koes3e_o4 En este video aprenderemos a usar el comportamiento de mensajes emergentes o "Mensajes Pop-Up". Vídeo1: Preferencias para trabajar con otros programas .youtube.com/watch?v=_rHO4uMvIoM En este vídeo aprenderás a descargar nuevos comportamientos y contenido extra del sitio de Adobe Vídeo5: Desinstalar Extensiones link: http://www.youtube.com/watch?v=V5nVyyt_FJY En este video aprenderemos a Quitar Extensiones que previamente Instalamos. Vídeo3: Validar formulario con panel de comportamientos link: http://www.com/watch?v=PxECTuxOCAo En este video aprenderemos a usar el comportamiento "Abrir Ventana" Vídeo2: Mensajes Emergentes link: http://www.youtube.link: http://www.youtube.youtube.com/watch?v=0Rn4yYC78Hc En este vídeo aprenderás a validar formulario con panel de comportamientos Vídeo4: Descargar nuevos comportamientos desde Adobe link: http://www. tal y como aprendimos en el video anterior.

youtube. Vídeo2: Insertar contenido en una region editable link: http://www.youtube.youtube. Vídeo2: Editar una imagen desde Dreamweaver link: http://www.youtube.youtube.link: http://www. Vídeo3: Modificar imagen desde Photoshop link: http://www.com/watch?v=NBU3VnMUzqc En este video aprenderemos a modificar las fotos usando el Editor Interno de Dreamweaver. En los videos posteriores aprenderemos cómo usar esta plantilla y cómo modificarla. es decir. Vídeo1: Creando Plantillas link: http://www. a copiar desde Adobe Photoshop y pegarlo en Dreamweaver.com/watch?v=AoBj6L_pYSM En este video aprenderemos a Copiar-Pegar. Vídeo4: Pegar elementos desde otro programa link: http://www.com/watch?v=FWSfGj5O1EE .com/watch?v=5-yNcua5RlI En este video aprenderemos a Crear una plantilla.com/watch?v=NZh8VHQDJ-w En este video aprenderemos a editar una imagen utilizando Adobe Photoshop.youtube.com/watch?v=OHLb8WvxT20 En este video aprenderemos a editar las preferencias a fin de Integrar Photoshop o Fireworks. Si prefieres verlo como lista de reproducción con los 4 vídeos seguidos: Pincha aquí Capítulo 14: Plantillas En este capítulo aprenderemos a usar las plantillas.

youtube. Vídeo6: Usar regiones opcionales link: http://www.com/watch?v=yFdLaAOIKq4 En el video anterior aprendimos a insertar áreas repetidas. .com/watch?v=cLK1aog3VIM En este video aprenderemos a insertar y Usar "Regiones Opcionales" Vídeo7: Agregar objetos a la biblioteca link: http://www.com/watch?v=rfw-6ffvbqM En este video aprenderemos a insertar áreas repetidas. En este video aprenderemos a usar esas áreas.youtube. Vídeo8: Editar la biblioteca link: http://www.youtube.com/watch?v=LG18pcxavo0 En este video aprenderemos a modificar una plantilla Vídeo4: Insertar areas repetidas link: http://www.com/watch?v=8qyhTjrPrdU En este video aprenderemos a crear una Biblioteca del panel de Activos. ¿Qué son las áreas repetidas y para qué sirven? Averígualo en este video. Vídeo3: Modificar la plantilla link: http://www.youtube.youtube.youtube. Vídeo5: Usando area repetida link: http://www.com/watch?v=IW5C4zCC00A En este video aprenderemos a editar las Bibliotecas.En este video aprenderemos a aplicar el estilo de una plantilla a una página existente.

youtube.com/watch?v=dno03arOK6c En este capítulo aprenderemos a usar las herramientas de automatización de Dreamweaver. Vídeo1: Automatizacion: hacer y deshacer link: http://www.youtube.Si prefieres verlo como lista de reproducción con los 8 vídeos seguidos: Pincha aquí Capítulo 15: Automatización En este capítulo aprenderemos las opciones de automatización.youtube.com/watch?v=sltKKtXObQ0 En este video aprenderemos a editar las preferencias de accesabilidad. En este video aprenderemos a usar la herramienta de Deshacer y Rehacer.com/watch?v=4oAemL1L6cI En este video aprenderemos a usar los comandos del panel Historial. Vídeo1: Preferencias de accesabilidad link: http://www. Vídeo2: Opciones de accesabilidad al insertar imagenes . Vídeo3: Comando buscar y reemplazar link: http://www. Si prefieres verlo como lista de reproducción con los 3 vídeos seguidos: Pincha aquí Capítulo 16: Accesabilidad En esta presentación aprenderemos sobre las opciones de accesabilidad. Vídeo2: Comandos de historial link: http://www.youtube.com/watch?v=Mx6MA-4qyNM En este video aprenderemos a usar la herramienta de Dreamweaver para buscar y reemplazar texto.

youtube. Si prefieres verlo como lista de reproducción con los 4 vídeos seguidos: Pincha aquí Capítulo 17: Insertar objetos multimedia En este capítulo aprenderemos a insertar objetos multimedia a nuestras páginas.youtube.link: http://www.com/watch?v=YZBS4qsWj34 En ese video aprenderemos a enlazar objetos multimedia.com/watch?v=9ONp5JP36v4 En este video aprenderá sobre las opciones de accesabilidad de los formularios.youtube. .youtube. Vídeo2: Insertar archivo multimedia link: http://www. Vídeo4: Opciones de accesabilidad de formularios link: http://www.com/watch?v=MmymcmKpmGI Aprenda cómo utilizar las opciones de accesabilidad de imagenes. Vídeo3: Atrículos de accesabilidad para tablas link: http://www.youtube. Vídeo1: Vincular a archivos multimedia link: http://www.com/watch?v=dx7YB_46LHI En este video aprenderemos a Insertar en la página objetos multimedio.youtube. Vídeo3: Insertar flash link: http://www.com/watch?v=Pt75-QzH7fw En este video aprenderemos sobre las opciones de accesabilidad de las tablas.com/watch?v=coub2lO-nmY En este video aprenderemos a Insertar Objetos de Flash.

youtube.com/watch?v=fAhLJtDebJM En este video aprenderemos a ingresar la información remota. Si prefieres verlo como lista de reproducción con los 4 vídeos seguidos: Pincha aquí Capítulo 18: Publicando su sitio Web en Internet Para finalizar este curso.youtube. Vídeo3: Ingresar informacion remota link: http://www. Vídeo4: Publicar a una ubicación remota link: http://www. aprenderemos a publicar el sitio Web en Internet. Vídeo1: Informes de errores en el sitio link: http://www.com/watch?v=TOiiKYDWaKE En el capítulo final aprenderemos a subir a un servidor Web el sitio completo.Vídeo4: Insertar videos flash link: http://www.com/watch?v=4toeBaaJ3kc En este video aprenderemos a publicar Remotamente el sitio Web Vídeo5: Actualizar archivos . En este primer video aprenderemos a buscar errores en el sitio.youtube.youtube.com/watch?v=Y9uXmOaPdpM En este video aprenderemos a chequear los enlaces del sitio. Vídeo2: Revisar vínculos link: http://www.youtube.com/watch?v=LKqDsJGWz1k En este video aprenderemos a insertar videos de Flash (en formato FLV).

youtube.link: http://www. .com/watch?v=P1SkdaL9tSU En este video aprenderemos a actualizar los archivos del sitio Web.