Diseño de Página Web

Unidad didáctica 1. Introducción al diseño Web.

• 1.¿Qué es Dreamweaver?
• Qué es una aplicación WYSIWYG
• Configuración del sitio
• 2.Profundizando en la interfaz de Dreamweaver
• Descripción del espacio de trabajo clásico
• Trabajar en la Vista código
• 3.Editar HTML con Dreamweaver
• Elegir el tipo de documento y definir sus propiedades
• Vista previa en navegador
• Inserción de elementos

Unidad didáctica 2. Trabajar con hojas de estilo

1. Qué son las hojas de estilo CSS

• Origen e historia
• Compatibilidad de las hojas de estilo CSS y los navegadores
• Uso y sintaxis de las CSS
• Terminología básica

2. Hojas de estilo CSS desde Dreamweaver

• Crear una hoja de estilo
• Insertar una regla de estilo
• Vincular hoja de estilos a un documento HTML
• Aplicación de un estilo

3. .Propiedades CSS

• Propiedades de tipo y bloque
• Propiedades de cuadro, borde y posición
• Propiedades de fondo

4. Consejos prácticos CSS

• Selectores especiales y pseudo-classes
• Uso múltiple de estilos
• Atributo !important
• Hacks para diferentes navegadores
• Propiedades de la notación CSS abreviada

Unidad didáctica 3. Maquetando HTML

1 .¿Qué es la maquetación HTML?

• Partiendo del diseño
• Imaginando la maquetación
• La maquetación semántica
• Dividiendo el diseño y exportando las imágenes

2. Ejemplo práctico de maquetación HTML

• Pasos previos a la maquetación
• El proceso de maquetación
• Otras herramientas de ayuda a la maquetación

3. Uso de plantillas y de estructuras predefinidas

• Las plantillas en Dreamweaver
• Creación de plantillas en Dreamweaver
• Plantillas predefinidas en Dreamweaver

Unidad didáctica 4. Enriquecimiento del HTML mediante Dreamweaver

1. Herramientas prácticas

• Mapa de imágenes
• Fragmentos y uso de Buscar y reemplazar
• Insertar vídeo .flv
• Imagen de sustitución

2. Comportamientos y librería Spry

• Lenguaje JavaScript
• Comportamientos de Dreamweaver
• Librería Spry

3. Creación de formularios

• Etiquetas , y
• Área de texto
• Casillas de verificación y botones de opción
• Campo archivo y botones
• Listas de menú y menú de salto
• Spry de validación
• Envío de un formulario

Unidad didáctica 5. Usando Flash

1. ¿Qué es Flash?

• ?Análisis de la interfaz
• Programa de dibujo vectorial
• Programa de animación
• Programación orientada a objetos

2. Trabajar con Flash

• Símbolos
• Creación de animaciones de transición
• Creación de máscaras de capa y guías de movimiento
• Cajas de texto

3.ActionScript y publicación de la película

• Acciones de control de la línea de tiempo
• Propiedades y eventos
• Uso de variables
• Uso de audio
• Publicar desde Dreamweaver

Unidad didáctica 6. Publicación del sitio

1. Servidores y requisitos

• Servidores locales y servidores remotos
• Características de los servidores remotos
• ¿Qué servidor escoger?
• Entorno de pruebas en un servidor local
• Servidores remotos: ¿qué cliente de FTP escoger?
• Configuración del cliente FTP
• Asociar un dominio al alojamiento
• Servicio de correo asociado al dominio
• La importancia de estar bien posicionado
• Mecanismos para aumentar el tráfico y mejorar el posicionamiento
• Preparando nuestra web y sus meta para buscadores

3. Alta en buscadores y herramientas de Google

• Alta en los principales buscadores: Google, Bing y Yahoo!
• Publicidad: Google AdWords y AdSense
• Estadísticas: Google Analytics
• Da de alta tu negocio en Google Maps
• Otras Herramientas de Google para webmasters