Curso de Diseño con Dreamweaver MX 2004 - Cursos de Dreamweaver On-Line

Cursos relacionados

Material gratuito

Más material gratis en el Area de Diseño

Venta Pisos
Venta de casas, Compra Venta, Venta de Pisos en Madrid, Venta de Pisos en Barcelona

Alquiler de Pisos en Barcelona
Alquiler piso Barcelona, Alquiler apartamentos Barcelona

Alquiler de Pisos en Madrid
Alquiler piso Madrid, Pisos Madrid en Alquiler

Promociones Inmobiliarias
Promoción Inmobiliaria en Carabaña, Promoción Inmobiliaria en Orusco

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

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

Datos del curso

Cursos relacionados

Material gratuito

Contacta