P. 1
Tutorial de Dream Weber

Tutorial de Dream Weber

|Views: 18|Likes:
Publicado porAlonso Preciado

More info:

Published by: Alonso Preciado on Feb 18, 2013
Copyright:Attribution Non-commercial

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as DOCX, PDF, TXT or read online from Scribd
See more
See less

05/02/2014

pdf

text

original

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=aaJ8VxAM-nQ Una vez hayas modificado la distribución del área de trabajo como más te guste.link: http://www. En este capítulo aprenderá a manejar un sitio Web.youtube. Vídeo7: Los paneles link: http://www.com/watch?v=9EyoyPkys5Y . Vídeo1: Creando un sitio nuevo link: http://www. la estructura de las rutas y la importación de contenidos externos. este video te enseñará cómo guardarla.youtube. Vídeo9: Editar las preferencias para previsualizar link: http://www.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.com/watch?v=iwPl_MAgUoI La ventana de documento es el área en donde ocurre la mayor parte de nuestro trabajo. Si prefieres verlo como lista de reproducción con los 9 vídeos seguidos: Pincha aquí Capítulo 2: Control del Sitio. conociendo cómo se crea uno. Vídeo8: Guardar el espacio de trabajo link: http://www.youtube.youtube.youtube.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.youtube.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. o como te funcione mejor para un proyecto. 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 4 vídeos seguidos: Pincha aquí Capítulo 3: Bases del Documento.youtube. etc. insertar texto e imagenes.youtube.com/watch?v=nkUAzPsvPVA En este video aprenderás sobre los diferentes tipos de HTML y sus estándares . Vídeo1: Creando un sitio nuevo en blanco link: http://www. Vídeo4: Importar contenido link: http://www.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.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. En este capítulo aprendera las cosas básicas de los documentos. escoger el tipo de documento.youtube.com/watch?v=mtqwNcD5QTk En este video estudiaremos cómo estructurar los archivos de tu sitio en DreamWeaver.com/watch?v=FAOtXHh2LlU En el ultimo video de esta 2a parte veremos cómo importar contenido a nuestro sitio creado en DreamWeaver. Aprenderá a crear un documento en blanco.youtube.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. Vídeo3: Tipos de documento link: http://www.

youtube.youtube.com/watch?v=AHiPp_AQuJo Aprende a insertar imagenes en tus documentos en Dreamweaver Vídeo5: Agregar texto link: http://www.Vídeo4: Agregar imágenes link: http://www.youtube.com/watch?v=GQt9Sra64lw . documentos y objetos internos y externos.com/watch?v=kt7HZSu8sd4 Aprende a insertar texto en tus documentos en Dreamweaver Vídeo6:Alinear el texto link: http://www.youtube.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=Mwiv1ZvDDi8 Aprende a agregar enlaces (hipervínculos) en tus documentos en Dreamweaver Vídeo2: Enlaces externos link: http://www. Vídeo1: Enlaces básicos link: http://www.youtube.youtube.com/watch?v=_9MqB6JiADs Aprende a alinear el texto en tus documentos en Dreamweaver Vídeo7: Etiquetas Meta link: http://www.

youtube.com/watch?v=uPgHBYLqOAw Aquí aprenderás a hacer anclajes.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. 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.Aprende a agregar enlaces (hipervínculos) externos en tus documentos en Dreamweaver Vídeo3: Crear anclajes link: http://www. en el que crearás vínculos en áreas específicas de una imagen.youtube. Vídeo4: Enlaces a correos link: http://www. enlaces que van a lugares específicos de un dentro de un documento.com/watch?v=qlO846De8s8 Aquí aprenderás a hacer enlaces a direcciones de email.youtube. Vídeo5: Vincular a archivos link: http://www.youtube. enlaces que abren tu applicación predeterminad de email para enviar correspondencia a una dirección específica. . es decir.com/watch?v=eE0Lu6fjJaM En este video aprenderas a crear un mapa de imagen.youtube. es decir.

youtube.youtube.com/watch?v=tG0k14UF4qI En este video aprenderás a hacer listas.com/watch?v=_9gTBsCpro4 En este video aprenderás a dar forma al texto. Vídeo2: Listas de fuentes link: http://www. Vídeo3: Alinear texto link: http://www.Vídeo1: Dar forma al texto link: http://www.com/watch?v=-9NSBwQpFwU En este video aprenderás a usar las listas de fuentes. Vídeo4: Hacer listas link: http://www.youtube. 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.com/watch?v=pTVDpbakgpA En este video aprenderás a alinear el texto.youtube.youtube. Vídeo1: Código HTML para tablas 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 .

youtube.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=qWuKkzUOf4o Alguna vez te has preguntado como darle aspecto redondeado a las esquinas de tu tabla? Obtén aquí tu respuesta.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.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.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.link: http://www.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.youtube.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.youtube. Si prefieres verlo como lista de reproducción con los 8 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. Estas imagenes solo son visibles en Dreamweaver.youtube.com/watch?v=uoYGimdCCSc En este capitulo aprenderemos a diseñar para dispositivos.Capítulo 7: Diagramación En este capítulo aprenderemos aprenderemos a insertar Imágenes de rastero y DIVS. Si prefieres verlo como lista de reproducción con los 2 vídeos seguidos: Pincha aquí Capítulo 8: Diseño para dispositivos. Vídeo1: Estilo para impresión link: http://www.youtube. Vídeo1: Insertando imágenes de rastreo link: http://www. En este capítulo aprenderemos a diseñar para dispositivos móviles e imprentas de escritorio.com/watch?v=XconROzTkGI En este video aprenderemos cómo insertar etiquetas Div. estilo que se aplicará únicamente cuando se imprima la página Vídeo2: Device Central link: http://www.youtube. En este primer video de este capitulo aprenderemos a dar estilo a la página.com/watch?v=a9gLvQZfzS0 En este video aprenderemos a probar nuestras páginas en Adobe Device Central. Si prefieres verlo como lista de reproducción con los 2 vídeos seguidos: Pincha aquí .youtube.com/watch?v=VSWs3ghzfvA En este video aprenderemos a usasar las imagenes de rastreo. Las imagenes de rastreo son bocetos que colocamos como fondo de la página y nos guiará en el diseño de esta. un programa que permite saber cómo se verá nuestra página desde un dispositivo móvil. no se ven en los exploradores Vídeo2: Usando Div PA link: http://www.

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.youtube. Vídeo2: Efecto rollover con imágenes independientes link: http://www.com/watch?v=QyEtA7JtYOo .youtube. 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.youtube.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=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.com/watch?v=HD6__0VADk8 En este video aprenderemos a poner el efecto RollOver simple a los vínculos de nuestra página. 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.com/watch?v=EZQ8uEUMBs8 En este video aprenderás a crear una barra de navegación.youtube.

.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.youtube.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. Vídeo1: Aprendiendo a utilizar formularios link: http://www. En este video aprenderemos a insertar campos de texto dentro de un formualario.youtube.youtube.com/watch?v=tg9GncEi3U4 En este capítulo aprenderemos a trabajar con Formularios.com/watch?v=d8y0ebnr82I Aquí aprenderás ulilizar los quick tags.com/watch?v=ir0OyxX-n00 Snippets o Fragmentos son pequeños trozos de código HTML predeterminados que puedes utilizar para agilizar tu trabajo. que facilitaran el uso del HTML Vídeo6: Aprendiendo a utilizar fragmentos (snippets) link: http://www.youtube.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.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.

vínculos para diferentes ventanas . 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.com/watch?v=ybA1jJBYBi4 En este video veremos cómo validar formularios.com/watch?v=Bl0_okTQQ8M En este video aprenderemos a insertar y usar las casillas de Verificación y los botones de Opción. Vídeo1: Comportamientos. Vídeo6: Validar formularios link: http://www.youtube.com/watch?v=lgoCekFjLos En este video aprenderemos a insertar Menús y Listas en el formulario.youtube.Vídeo2: Botones de opcion y grupos de opciones en formularios link: http://www.youtube.youtube. Vídeo3: Insertar menús y listas 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=WqG_mCD6P-0 En esta presentación aprenderemos a dar estilos al formulario. Esto nos mostrará cómo usar CSS para cambiar el aspecto al formulario. Vídeo4: Botones de Enviar y reestablecer link: http://www. Vídeo5: Añadiendo estilos al formulario link: http://www.

Vídeo1: Preferencias para trabajar con otros programas . Vídeo3: Validar formulario con panel de comportamientos link: http://www.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.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.link: http://www.youtube.com/watch?v=PxECTuxOCAo En este video aprenderemos a usar el comportamiento "Abrir Ventana" Vídeo2: Mensajes Emergentes link: http://www.com/watch?v=X3Koes3e_o4 En este video aprenderemos a usar el comportamiento de mensajes emergentes o "Mensajes Pop-Up".youtube.youtube.com/watch?v=V5nVyyt_FJY En este video aprenderemos a Quitar Extensiones que previamente Instalamos.youtube. 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. tal y como aprendimos en el video anterior.youtube.

com/watch?v=OHLb8WvxT20 En este video aprenderemos a editar las preferencias a fin de Integrar Photoshop o Fireworks.youtube.youtube.com/watch?v=AoBj6L_pYSM En este video aprenderemos a Copiar-Pegar.com/watch?v=5-yNcua5RlI En este video aprenderemos a Crear una plantilla.youtube. a copiar desde Adobe Photoshop y pegarlo en Dreamweaver.youtube. Vídeo2: Insertar contenido en una region editable 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.link: http://www. 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. En los videos posteriores aprenderemos cómo usar esta plantilla y cómo modificarla.com/watch?v=FWSfGj5O1EE . es decir.com/watch?v=NZh8VHQDJ-w En este video aprenderemos a editar una imagen utilizando Adobe Photoshop. Vídeo2: Editar una imagen desde Dreamweaver link: http://www. Vídeo4: Pegar elementos desde otro programa link: http://www. Vídeo1: Creando Plantillas link: http://www.youtube.youtube.

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

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. Vídeo1: Preferencias de accesabilidad link: http://www.com/watch?v=4oAemL1L6cI En este video aprenderemos a usar los comandos del panel Historial. 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.com/watch?v=dno03arOK6c En este capítulo aprenderemos a usar las herramientas de automatización de Dreamweaver.youtube. En este video aprenderemos a usar la herramienta de Deshacer y Rehacer. Vídeo1: Automatizacion: hacer y deshacer link: http://www.com/watch?v=Mx6MA-4qyNM En este video aprenderemos a usar la herramienta de Dreamweaver para buscar y reemplazar texto.youtube.com/watch?v=sltKKtXObQ0 En este video aprenderemos a editar las preferencias de accesabilidad.youtube. Vídeo2: Opciones de accesabilidad al insertar imagenes . Vídeo2: Comandos de historial link: http://www.

Vídeo4: Opciones de accesabilidad de formularios link: http://www. Vídeo1: Vincular a archivos multimedia link: http://www. Vídeo3: Insertar flash link: http://www. .youtube. Vídeo2: Insertar archivo multimedia link: http://www.com/watch?v=MmymcmKpmGI Aprenda cómo utilizar las opciones de accesabilidad de imagenes.com/watch?v=coub2lO-nmY En este video aprenderemos a Insertar Objetos de Flash.youtube.com/watch?v=YZBS4qsWj34 En ese video aprenderemos a enlazar objetos multimedia.com/watch?v=Pt75-QzH7fw En este video aprenderemos sobre las opciones de accesabilidad de las tablas. 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.youtube.com/watch?v=dx7YB_46LHI En este video aprenderemos a Insertar en la página objetos multimedio.youtube.youtube. Vídeo3: Atrículos de accesabilidad para tablas link: http://www.com/watch?v=9ONp5JP36v4 En este video aprenderá sobre las opciones de accesabilidad de los formularios.

aprenderemos a publicar el sitio Web en Internet.Vídeo4: Insertar videos flash link: http://www.com/watch?v=LKqDsJGWz1k En este video aprenderemos a insertar videos de Flash (en formato FLV).youtube. En este primer video aprenderemos a buscar errores en el sitio.com/watch?v=Y9uXmOaPdpM En este video aprenderemos a chequear los enlaces del sitio. Vídeo2: Revisar vínculos link: http://www.com/watch?v=TOiiKYDWaKE En el capítulo final aprenderemos a subir a un servidor Web el sitio completo. Vídeo1: Informes de errores en el sitio link: http://www. 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.com/watch?v=fAhLJtDebJM En este video aprenderemos a ingresar la información remota.youtube.com/watch?v=4toeBaaJ3kc En este video aprenderemos a publicar Remotamente el sitio Web Vídeo5: Actualizar archivos .youtube. Vídeo3: Ingresar informacion remota link: http://www.youtube. Vídeo4: Publicar a una ubicación remota link: http://www.

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

You're Reading a Free Preview

Descarga
scribd
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->