foto1
Cursos Multimedia Interativa
foto1
Cursos Diseño Página Web
foto1
Cursos Diseño Gráfico
foto1
Cursos Multimedia Elearming
foto1
Cursos Ofimatica
Joomla
Centro de Adiestramiento CDC TecnoEduc.com

Adobe Dreamweaver 

 

Adobe dreamweaver

Adobe Dreamweaver: Es una aplicación enfocada a la construcción y edición de sitios y aplicaciones Web basadas en estándares. Es el programa de este tipo más utilizado en el sector del diseño y la programación web, por sus funcionalidades, su integración con otras herramientas como Adobe Flash 

Adobe Dreamweaver permite crear sitios de forma totalmente gráfica, y dispone de funciones para acceder al código HTML generado. Permite la conexión a un servidor, a base de datos, soporte para programación en ASP, PHP, Javascript, cliente FTP integrado, etc.
Adobe Dreamweaver es la principal competencia de Microsoft FrontPage.

Objetivo General

El alumno aprenderá a diseñar páginas Web; Integrar elementos de Aplicaciones como: Photoshop, Flash, Director y Fireworks; Crear y administrar su Sitio Web, Alojar el Web Site en un hospedaje de un Servidor de Internet sin necesidad de saber código HTML o JavaScript.

Contenido Programatico

Parte 1

Tema 1: HTML: Introducción a Dreamweaver : Internet y WWW, World Wide Web, Ventajas del web, Introducción a Dreamweaver CS3, Qué es Dreamweaver, Mejora del trabajo con Dreamweaver, Filosofía de la aplicación, Ajustando las preferencias de Dreamweaver, Preferencias: General, Preferencias: Barra de estado, Preferencias: Capas, Preferencias: Colores de código, Preferencias: Elementos invisibles, Preferencias: Estilos CSS, Preferencias: Formato de código, Preferencias: Fuentes/Codificación, Preferencias: Paneles, Preferencias: Reescritura de código, Preferencias: Resalto y Vista en Navegador, Preferencias: Sitio, Preferencias: Tipos de archivo/Editores, Preferencias: Modo de diseño

Tema 2: Crear una página web sencilla: Una página web básica, Editor HTML, Etiquetas: tags, Ejemplo: crear la primera página, Secciones Principales, Atributos de las etiquetas, Atributos de la etiqueta Body , Saltos de línea

Tema 3: Trabajar con texto: Apariencia del texto, Fuentes, tamaños, colores, Etiqueta basefont, Marcas físicas, Cursiva, Tachado, Subrayado, Grande y pequeño, Mecanografiado, Subíndices y superíndices, Propiedades del texto, Comprobando el código del texto, Seleccionando elementos del código, Seleccionar utilizando las etiquetas, Sincronía entre diferentes modos de vista, Etiquetas: BR, Regla horizontal, Copiar y pegar, Insertando caracteres especiales, Banco de caracteres especiales, Formateado del texto, Diferencias entre formateado Físico y Lógico, Menú Texto: Sangría, Menú Texto: Formato de párrafo, Menú Texto: Fuente, Menú Texto: Estilo, Menú Texto: Tamaño, Menú Texto: Opciones de alineado, Menú Texto: Aplicar alineado

Tema 4: Hiperenlaces: Enlaces, Etiquetas para vínculos, Enlaces Externos, Enlaces a páginas propias, Enlaces a páginas entre diferentes directorio, Enlaces dentro de la mima página, Enlaces con un archivo, Enlaces con un correo electrónico

Tema 5: Sitio web: Dreamweaver y Sitios web, Definir el sitio web., Nuevo Sitio.,Nuevo Sitio: Datos locales., Nuevo Sitio: Datos locales (2)., Nuevo Sitio: Datos remotos., Nuevo Sitio: Desing Notes., Nuevo Sitio: Disposición del mapa del sitio.,Nuevo Sitio: Columnas vista archivo., Ventana Sitio., Elementos de la ventana Sitio,Mapa del Sitio, Crear un mapa del Sitio

Tema 6: Propiedades y cabecera del documento: Propiedades del nuevo documento, Nuevo documento HTML: Título, Nuevo documento HTML: Nombre, Nuevo documento HTML: Barra de estado, Propiedades de la página, Propiedades de la página: Vínculos, Propiedades de la página: Márgenes, Propiedades de la página: Título/Codificación, Propiedades de la página: Imagen de rastreo, Insertando elementos en la cabecera del documento , Meta información , La cabecera en la ventana Documento

Tema 7: Insertar Imágenes: Formatos de las imágenes: GIF, JPG y PNG, ¿Cómo insertar una imagen desde Dreamweaver?, Ajustar las propiedades de una imagen,Alinear imágenes, Insertar un RollOver básico, Crear y modificar mapas de imagen,¿Cómo crear zonas interactivas en una imagen? Barras de navegación, ¿Cómo crear una barra de navegación?, Primer paso: Nombrar los botones de la barra de navegación, Segundo paso: Los diferentes estados de los botones, Tercer paso: Las URLs para los botones, Cuarto paso: Definir el estilo de la barra de navegación

Parte 2

Tema 8: Insertar Tablas: Introducción a las tablas, Insertar una tabla, Añadir contenido dentro de una tabla, Seleccionar y cambiar las propiedades de una tabla,Seleccionar columnas, filas y celdas, Combinar celdas, Dividir celdas, Alinear el contenido de las celdas, Copiar y Pegar celdas, Agregar y quitar filas y columnas),Diseños predefinidos para tabla Tablas de diseño: Dibujar celdas de diseño, Dibujar tablas de diseño, Modificar celdas y tablas de diseño, Propiedades de las celdas y tablas de diseño, Diagramar una pagina con tabla de diseño. 

Tema 9: Crear, guardar y modificar marcos: Crear, guardar y modificar marcos,Introducción, Insertar un conjunto de marcos, Guardar archivos de marcos y conjuntos de marcos, Modificar las propiedades de marcos y conjuntos de marcos, Especificar el tamaño para los marcos, Controlar el contenido del marco con vínculos

Tema 10: Crear y trabajar con iframe: Especificar el tamaño para los iframe,Controlar el contenido del iframe con vínculos, Propiedades de los iframe

Tema 11: Crear un formulario desde Dreamweaver: Introducción a los formularios, Insertar un formulario, Objetos de formulario y Propiedades, Campos de texto, Tipos de campos de texto, Botones de enviar y restablecer formulario, Casillas de verificación Botones de opción, Insertar listas y menús, Menús emergentes, listas, Campos de archivo, Campos de imagen , Botónn de envío, Form_email

Tema 12: Trabajar con capas: Crear capas, Panel de capas, Anidar capas, Propiedades de las capas, Convertir capas en tablas, Ocultar y Mostrar capas, Animaciones con capas

Tema 13:  Hojas de estilo CSS: Hojas de estilo CSS, Crear un estilo,Tipo de estilo, Crear estilo personalizado (.clase), Tipo de estilo: Redefinir etiqueta HTML, Tipo de estilo: Usar selector CSS Definir sólo en documento o, crear archivo .css, Categorías un estilo, Definir estilo: Tipo, Fondo, Definir estilo: Bloque, Definir estilo: Cuadro, Definir estilo: Borde, Definir estilo: Lista, Definir estilo: Posición, Definir estilo: Extensiones, Editar una hoja de estilo aplicada a un documento, Editar una hoja de estilo externa, El panel Editar hoja de estilos, Editar un estilo, Aplicar hojas de estilo

Tema 14: Animación con DHTML: Introducción, Definición de la Línea de tiempo, Opciones de reproducción, Canales de fotogramas, Añadir un elemento a la línea de tiempo, Crear un fotograma clave, Eliminar un fotograma clave, Animar una capa cambiando su posición, Animar una capa grabando el, recorrido, Animar una capa grabando el recorrido (II), Animar modificando las propiedades de una capa, Animar modificando las propiedades de una capa (II), Añadir comportamientos en la línea de tiempo,, Controlando la línea de tiempo, Detener línea de tiempo, Ir a un fotograma en la línea de tiempo, Reproducir línea de tiempo

Tema 15: Elementos Multimedia: Insertando películas de Flash, Insertar botones Flash, Insertar texto Flash, Paleta de Propiedades de una película de Flash, Insertar HTML de Fireworks, Insertar Applets, Insertar un control ActiveX, Comprobar Plug-ins

Tema 16:  Administración y publicación de nuestro sitio web: Comprobar compatibilidad entre navegadores, Comprobar la compatibilidad de uno o varios documentos con navegadores I, Comprobar y actualizar enlaces, Publicar utilizando el FTP de Dreamweaver, Subir ficheros al servidor, Sincronizar el site remoto y el site local. 

 

Adobe