Tutorial de Dream Weber
-
Upload
alonso-preciado -
Category
Documents
-
view
27 -
download
2
Transcript of Tutorial de Dream Weber
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
link: http://www.youtube.com/watch?v=iwPl_MAgUoI La ventana de documento es el área en donde ocurre la mayor parte de nuestro trabajo. Este video te dará una idea de lo que puedes hacer en esa área.
Vídeo7: Los paneles
link: http://www.youtube.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ídeo8: Guardar el espacio de trabajo
link: http://www.youtube.com/watch?v=aaJ8VxAM-nQ Una vez hayas modificado la distribución del área de trabajo como más te guste, o como te funcione mejor para un proyecto, este video te enseñará cómo guardarla.
Vídeo9: Editar las preferencias para previsualizar
link: http://www.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.
Si prefieres verlo como lista de reproducción con los 9 vídeos seguidos: Pincha aquí
Capítulo 2: Control del Sitio. En este capítulo aprenderá a manejar un sitio Web, conociendo cómo se crea uno, la estructura de las rutas y la importación de contenidos externos.
Vídeo1: Creando un sitio nuevo
link: http://www.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.youtube.com/watch?v=9EyoyPkys5Y 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.youtube.com/watch?v=mtqwNcD5QTk En este video estudiaremos cómo estructurar los archivos de tu sitio en DreamWeaver.
Vídeo4: Importar contenido
link: http://www.youtube.com/watch?v=FAOtXHh2LlU En el ultimo video de esta 2a parte veremos cómo importar contenido a nuestro sitio creado en DreamWeaver.
Si prefieres verlo como lista de reproducción con los 4 vídeos seguidos: Pincha aquí
Capítulo 3: Bases del Documento. En este capítulo aprendera las cosas básicas de los documentos. Aprenderá a crear un documento en blanco, escoger el tipo de documento, insertar texto e imagenes, etc.
Vídeo1: Creando un sitio nuevo en blanco
link: http://www.youtube.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.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.com/watch?v=nkUAzPsvPVA En este video aprenderás sobre los diferentes tipos de HTML y sus estándares
Vídeo4: Agregar imágenes
link: http://www.youtube.com/watch?v=AHiPp_AQuJo Aprende a insertar imagenes en tus documentos en Dreamweaver
Vídeo5: Agregar texto
link: http://www.youtube.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=_9MqB6JiADs Aprende a alinear el texto en tus documentos en Dreamweaver
Vídeo7: Etiquetas Meta
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, documentos y objetos internos y externos.
Vídeo1: Enlaces básicos
link: http://www.youtube.com/watch?v=Mwiv1ZvDDi8 Aprende a agregar enlaces (hipervínculos) en tus documentos en Dreamweaver
Vídeo2: Enlaces externos
link: http://www.youtube.com/watch?v=GQt9Sra64lw Aprende a agregar enlaces (hipervínculos) externos en tus documentos en Dreamweaver
Vídeo3: Crear anclajes
link: http://www.youtube.com/watch?v=uPgHBYLqOAw Aquí aprenderás a hacer anclajes, es decir, enlaces que van a lugares específicos de un dentro de un documento.
Vídeo4: Enlaces a correos
link: http://www.youtube.com/watch?v=qlO846De8s8 Aquí aprenderás a hacer enlaces a direcciones de email, es decir, enlaces que abren tu applicación predeterminad de email para enviar correspondencia a una dirección específica.
Vídeo5: Vincular a archivos
link: http://www.youtube.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.youtube.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.youtube.com/watch?v=eE0Lu6fjJaM En este video aprenderas a crear un mapa de imagen, en el que crearás vínculos en áreas específicas de una imagen.
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.
Vídeo1: Dar forma al texto
link: http://www.youtube.com/watch?v=_9gTBsCpro4 En este video aprenderás a dar forma al texto.
Vídeo2: Listas de fuentes
link: http://www.youtube.com/watch?v=-9NSBwQpFwU En este video aprenderás a usar las listas de fuentes.
Vídeo3: Alinear texto
link: http://www.youtube.com/watch?v=pTVDpbakgpA En este video aprenderás a alinear el texto.
Vídeo4: Hacer listas
link: http://www.youtube.com/watch?v=tG0k14UF4qI En este video aprenderás a hacer listas.
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.
Vídeo1: Código HTML para tablas
link: http://www.youtube.com/watch?v=7izmDX-bzTE En este video conocerás el código HTML que utiliza una tabla
Vídeo2: Creando una tabla
link: http://www.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.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=YP_5oNX-tmU En este vídeo aprenderás a colorear una tabla
Vídeo5: Alinear contenido de tablas
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.youtube.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=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.
Si prefieres verlo como lista de reproducción con los 8 vídeos seguidos: Pincha aquí
Capítulo 7: Diagramación En este capítulo aprenderemos aprenderemos a insertar Imágenes de rastero y DIVS.
Vídeo1: Insertando imágenes de rastreo
link: http://www.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. Estas imagenes solo son visibles en Dreamweaver, no se ven en los exploradores
Vídeo2: Usando Div PA
link: http://www.youtube.com/watch?v=XconROzTkGI En este video aprenderemos cómo insertar etiquetas Div, ¿Qué son las etiquetas Div? ¿Para qué sirven? ¿Cómo usarlas en Dreamweaver? En este video recibiremos respuestas a esas preguntas.
Si prefieres verlo como lista de reproducción con los 2 vídeos seguidos: Pincha aquí
Capítulo 8: Diseño para dispositivos. En este capítulo aprenderemos a diseñar para dispositivos móviles e imprentas de escritorio.
Vídeo1: Estilo para impresión
link: http://www.youtube.com/watch?v=uoYGimdCCSc En este capitulo aprenderemos a diseñar para dispositivos. En este primer video de este capitulo aprenderemos a dar estilo a la página, estilo que se aplicará únicamente cuando se imprima la página
Vídeo2: Device Central
link: http://www.youtube.com/watch?v=a9gLvQZfzS0 En este video aprenderemos a probar nuestras páginas en Adobe Device Central, un programa que permite saber cómo se verá nuestra página desde un dispositivo móvil.
Si prefieres verlo como lista de reproducción con los 2 vídeos seguidos: Pincha aquí
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.youtube.com/watch?v=HD6__0VADk8 En este video aprenderemos a poner el efecto RollOver simple a los vínculos de nuestra página.
Vídeo2: Efecto rollover con imágenes independientes
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.com/watch?v=EZQ8uEUMBs8 En este video aprenderás a crear una barra de navegación.
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, 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=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.com/watch?v=QyEtA7JtYOo 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.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.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.youtube.com/watch?v=d8y0ebnr82I Aquí aprenderás ulilizar los quick tags, que facilitaran el uso del HTML
Vídeo6: Aprendiendo a utilizar fragmentos (snippets)
link: http://www.youtube.com/watch?v=ir0OyxX-n00 Snippets o Fragmentos son pequeños trozos de código HTML predeterminados que puedes utilizar para agilizar tu trabajo.
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.
Vídeo1: Aprendiendo a utilizar formularios
link: http://www.youtube.com/watch?v=tg9GncEi3U4 En este capítulo aprenderemos a trabajar con Formularios. En este video aprenderemos a insertar campos de texto dentro de un formualario.
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.
Vídeo3: Insertar menús y listas al formulario
link: http://www.youtube.com/watch?v=lgoCekFjLos En este video aprenderemos a insertar Menús y Listas en el formulario.
Vídeo4: Botones de Enviar y reestablecer
link: http://www.youtube.com/watch?v=PIMJcdq2yjg En este video aprenderemos sobre los botones de Restablecer y Enviar formulario.
Vídeo5: Añadiendo estilos al formulario
link: http://www.youtube.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ídeo6: Validar formularios
link: http://www.youtube.com/watch?v=ybA1jJBYBi4 En este video veremos cómo validar formularios.
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.
Vídeo1: Comportamientos, vínculos para diferentes ventanas
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.youtube.com/watch?v=X3Koes3e_o4 En este video aprenderemos a usar el comportamiento de mensajes emergentes o "Mensajes Pop-Up".
Vídeo3: Validar formulario con panel de comportamientos
link: http://www.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.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, tal y como aprendimos en el video anterior.
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.
Vídeo1: Preferencias para trabajar con otros programas
link: http://www.youtube.com/watch?v=OHLb8WvxT20
En este video aprenderemos a editar las preferencias a fin de Integrar Photoshop o Fireworks.
Vídeo2: Editar una imagen desde Dreamweaver
link: http://www.youtube.com/watch?v=NBU3VnMUzqc En este video aprenderemos a modificar las fotos usando el Editor Interno de Dreamweaver.
Vídeo3: Modificar imagen desde Photoshop
link: http://www.youtube.com/watch?v=NZh8VHQDJ-w En este video aprenderemos a editar una imagen utilizando Adobe Photoshop.
Vídeo4: Pegar elementos desde otro programa
link: http://www.youtube.com/watch?v=AoBj6L_pYSM En este video aprenderemos a Copiar-Pegar, es decir, a copiar desde Adobe Photoshop y pegarlo en Dreamweaver.
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.
Vídeo1: Creando Plantillas
link: http://www.youtube.com/watch?v=5-yNcua5RlI En este video aprenderemos a Crear una plantilla. En los videos posteriores aprenderemos cómo usar esta plantilla y cómo modificarla.
Vídeo2: Insertar contenido en una region editable
link: http://www.youtube.com/watch?v=FWSfGj5O1EE En este video aprenderemos a aplicar el estilo de una plantilla a una página existente.
Vídeo3: Modificar la plantilla
link: http://www.youtube.com/watch?v=LG18pcxavo0 En este video aprenderemos a modificar una plantilla
Vídeo4: Insertar areas repetidas
link: http://www.youtube.com/watch?v=rfw-6ffvbqM En este video aprenderemos a insertar áreas repetidas. ¿Qué son las áreas repetidas y para qué sirven? Averígualo en este video.
Vídeo5: Usando area repetida
link: http://www.youtube.com/watch?v=yFdLaAOIKq4 En el video anterior aprendimos a insertar áreas repetidas. En este video aprenderemos a usar esas áreas.
Vídeo6: Usar regiones opcionales
link: http://www.youtube.com/watch?v=cLK1aog3VIM En este video aprenderemos a insertar y Usar "Regiones Opcionales"
Vídeo7: Agregar objetos a la biblioteca
link: http://www.youtube.com/watch?v=8qyhTjrPrdU En este video aprenderemos a crear una Biblioteca del panel de Activos.
Vídeo8: Editar la biblioteca
link: http://www.youtube.com/watch?v=IW5C4zCC00A En este video aprenderemos a editar las Bibliotecas.
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.
Vídeo1: Automatizacion: hacer y deshacer
link: http://www.youtube.com/watch?v=dno03arOK6c En este capítulo aprenderemos a usar las herramientas de automatización de Dreamweaver. En este video aprenderemos a usar la herramienta de Deshacer y Rehacer.
Vídeo2: Comandos de historial
link: http://www.youtube.com/watch?v=4oAemL1L6cI En este video aprenderemos a usar los comandos del panel Historial.
Vídeo3: Comando buscar y reemplazar
link: http://www.youtube.com/watch?v=Mx6MA-4qyNM En este video aprenderemos a usar la herramienta de Dreamweaver para buscar y reemplazar texto.
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ídeo1: Preferencias de accesabilidad
link: http://www.youtube.com/watch?v=sltKKtXObQ0 En este video aprenderemos a editar las preferencias de accesabilidad.
Vídeo2: Opciones de accesabilidad al insertar imagenes
link: http://www.youtube.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.com/watch?v=Pt75-QzH7fw En este video aprenderemos sobre las opciones de accesabilidad de las tablas.
Vídeo4: Opciones de accesabilidad de formularios
link: http://www.youtube.com/watch?v=9ONp5JP36v4 En este video aprenderá sobre las opciones de accesabilidad de los formularios.
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.
Vídeo1: Vincular a archivos multimedia
link: http://www.youtube.com/watch?v=YZBS4qsWj34 En ese video aprenderemos a enlazar objetos multimedia.
Vídeo2: Insertar archivo multimedia
link: http://www.youtube.com/watch?v=dx7YB_46LHI En este video aprenderemos a Insertar en la página objetos multimedio.
Vídeo3: Insertar flash
link: http://www.youtube.com/watch?v=coub2lO-nmY En este video aprenderemos a Insertar Objetos de Flash.
Vídeo4: Insertar videos flash
link: http://www.youtube.com/watch?v=LKqDsJGWz1k En este video aprenderemos a insertar videos de Flash (en formato FLV).
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, aprenderemos a publicar el sitio Web en Internet.
Vídeo1: Informes de errores en el sitio
link: http://www.youtube.com/watch?v=TOiiKYDWaKE En el capítulo final aprenderemos a subir a un servidor Web el sitio completo. En este primer video aprenderemos a buscar errores en el sitio.
Vídeo2: Revisar vínculos
link: http://www.youtube.com/watch?v=Y9uXmOaPdpM En este video aprenderemos a chequear los enlaces del sitio.
Vídeo3: Ingresar informacion remota
link: http://www.youtube.com/watch?v=fAhLJtDebJM En este video aprenderemos a ingresar la información remota.
Vídeo4: Publicar a una ubicación remota
link: http://www.youtube.com/watch?v=4toeBaaJ3kc En este video aprenderemos a publicar Remotamente el sitio Web
Vídeo5: Actualizar archivos
link: http://www.youtube.com/watch?v=P1SkdaL9tSU En este video aprenderemos a actualizar los archivos del sitio Web.