Diseño con Dreamweaver MX 2004

Curso Online de DreamWeaver




El presente temario es el predefinido y puede ser personalizado en función de los conocimientos y objetivos del alumno.

1.- HTML: Principio de la historia

  • Internet y WWW.
  • World Wide Web.
  • Ventajas del web.

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.

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.
  • Retornos de carro.

4.- Hiperenlaces

  • Enlaces.
  • Etiquetas para vínculos.
  • Enlaces Externos.
  • Enlaces a páginas propias.
  • Enlaces a páginas entre diferentes directorios.
  • Enlaces dentro de la mima página.
  • Enlaces con un archivo.
  • Enlaces con un correo electrónico.

5.- Introducción a Dreamweaver MX 2004

  • Introducción a Dreamweaver MX 2004.
  • 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.

6.- Interface

  • Ventana Documento.
  • Barra de menús (1).
  • Barra de menús (2).
  • Barra de menús (3).
  • Crear nuevo documento HTML.
  • Barra de herramientas: Vista de código.
  • Barra de herramientas: Vista de código y diseño.
  • Barra de herramientas: Título.
  • Barra de herramientas Insertar.
  • Barra de herramientas: Común y Diseño.
  • Barra de herramientas: Formularios, Texto y HTML.
  • Paletas: Propiedades.

7. 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.

8.- 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.
  • Metainformación.
  • La cabecera en la ventana Documento.
  • Otros elementos de la cabecera.
  • Otros elementos de la cabecera (2).
  • Otros elementos de la cabecera (3).
  • Otros elementos de la cabecera (4).
  • Otros elementos de la cabecera (5).
  • Otros elementos de la cabecera (6).

9.- Texto

  • Trabajando con el texto.
  • 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.
  • 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.

10.- Ordenando el texto de la página

  • Listas.
  • Ordenadas.
  • Definición.
  • Insertar una lista.
  • Propiedades de listas.
  • Estilo de listas.
  • Utilizar la paleta Propiedades.
  • Utilizar la paleta Propiedades (2).
  • Utilizar la paleta Propiedades (3).
  • Utilizar la paleta Propiedades (4).
  • Utilizar la paleta Propiedades (5).
  • Estilos.
  • Ortografía del documento.
  • Corregir la ortografía.
  • Corregir la ortografía (2).
  • Opciones de buscar y reemplazar.
  • Opciones de buscar y reemplazar (2).
  • Opciones de buscar y reemplazar (3).
  • Salvar el documento.

11.- Añadir Enlaces

  • URLs, Enlaces y Targets.
  • URL Absoluta y URL Relativa.
  • Seleccionar el archivo para el vínculo.
  • Seleccionar el destino del vínculo.
  • Enlaces dentro de un documento.
  • ¿Cómo insertar un enlace dentro de un documento?.
  • Crear vínculos entre documentos utilizando texto.
  • Crear vínculos entre documentos utilizando imágenes.
  • Enlaces a una dirección de correo electrónico.

12.- Insertar Imagenes

  • Formatos de las imagenes: GIF, JPG y PNG.
  • ¿Cómo insertar una imágen desde Dreamweaver?.
  • Ajustar las propiedades de una imágen.
  • Ajustar las propiedades de una imágen (2).
  • Alinear imagenes.
  • Insertar un RollOver básico.
  • Crear y modificar mapas de imágen.
  • ¿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.

13.- 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.
  • Copiar y Pegar celdas (2).
  • Copiar y Pegar celdas (3).
  • Diseños predefinidos para tablas.
  • 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.

14.- 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.

15. Crear un formulario desde Dreamweaver

  • Introducción a los formularios.
  • Objetos de formulario.
  • Insertar un formulario.
  • Propiedades.
  • Campos de texto.
  • Propiedades.
  • Tipos de campos de texto.
  • Botones de enviar y restablecer formulario.
  • Propiedades.
  • Casillas de verificación.
  • Propiedades.
  • Botones de opción.
  • Propiedades.
  • Insertar listas y menús.
  • Propiedades de los menús emergentes.
  • Propiedades de las listas.
  • Campos de archivo.
  • Propiedades.
  • Campos de imagen.
  • Propiedades.

16.- Trabajar con capas

  • Crear capas.
  • Panel de capas.
  • Anidar capas.
  • Propiedades de las capas.
  • Convertir capas en tablas.
  • Plantillas de documento.
  • Aplicar plantillas de documentos.

17.- 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.
  • Definir estilo: 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.

18.- Comportamientos y JavaScript

  • ¿Qué es un comportamiento?.
  • Panel Comportamientos.
  • Comportamientos.
  • Comportamientos (2).
  • Eventos.
  • Eventos (2).
  • Insertando Scripts manualmente (programadores).

19.- 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.

20.- 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.

21.- 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 I.
  • Añadir notas de diseño.
  • Panel de Activos.



Diseño con Dreamweaver



Nombre:

Email:

Comentario: