Diseño de Página Web

Unidad didáctica 1. Historia de Internet. Fundamentos para crear un sitio web

1. Historia y evolución de Internet
   • El origen de Internet
   • Cronología
   • Internet en la actualidad
   • Internet en el futuro
2. Internet como mecanismo de comunicación
   • Un nuevo canal de comunicación
   • Medios de comunicación y redes sociales
   • Legislación en Internet. La protección de datos privados y los derechos de autor
3. Conexión a Internet. Terminología y protocolos
   • Elementos necesarios para conectarse a Internet
   • Tipos de conexiones a Internet
4. Los servicios de Internet y su funcionamiento
   • El servicio web
   • El servicio FTP
   • El servicio de correo electrónico
   • Servicios de chat y mensajería instantánea
   • Voz sobre IP
5. Los buscadores web
   • Una herramienta para buscar información
   • Tipos de buscadores web
   • Algunas preguntas sobre los índices temáticos y los motores de búsqueda
   • Aspectos básicos del funcionamiento de Google
   • Otros servicios de Google
6. Perfiles que intervienen en un proyecto web y organización de la producción
   • Introducción: ¿qué es un proyecto web?
   • Las fases del diseño web

Unidad didáctica 2. Diseño gráfico aplicado a la web

1. Teoría del color
   • Las propiedades del color
   • El tono y matiz
   • La saturación o intensidad
   • El valor o brillo
   • El modelo de color aditivo
   • El modelo de color sustractivo
   • Aplicaciones de los diferentes modelos de color
   • El significado del color
   • El color en el diseño web
2. Dispositivos de visualización, estándares y resoluciones
   • El píxel
   • La profundidad de color
   • La resolución
   • ¿Qué es la resolución?
   • Resolución de imagen aplicada a web
   • Resolución de imagen aplicada a dispositivos móviles
3. Tipos de imágenes aplicadas al diseño web
   • La compresión de imágenes para web
   • Otros tipos de imágenes de mapa de bits
   • Imagen vectorial
4. Herramientas de trabajo para optimizar imágenes web
   • Optimizar imágenes para web en Photoshop (Jpg, Gif y Png)
5. Diseño gráfico y usabilidad aplicada a la web
   • La usabilidad
   • Análisis de la audiencia o público objetivo
   • La regla de los tres clics
   • La Interfaz web
   • Hacer los contenidos de la web más usables
   • Escribir para la web
6. La tipografía en web
   • Formato serif y formato sans-serif
   • El tamaño de la tipografía en web
   • Otros aspectos importantes sobre la tipografía para web

Unidad didáctica 3. El lenguaje HTML

1. El hipertexto y los lenguajes de marcado
   • Qué es el hipertexto
   • Qué son los lenguajes de marcado
   • Evolución de los lenguajes de marcado
   • SGML y XML - HTML y XHTML
   • La web semántica
2. Estructura y creación de un documento HTML
   • Crear un documento HTML
   • Estructura principal: , y
   • Uso del elemento Doctype (Document Type Declaration)
   • Idioma y codificación de caracteres
3. Principales etiquetas HTML
   • Etiquetas del
   • Etiquetas y propiedades del

Unidad didáctica 4. Introducción a WYSIWYG

1. ¿Qué es Dreamweaver?
   • Qué es una aplicación WYSIWYG
   • Instalación
   • Pasos previos a trabajar con Dreamweaver
   • 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 5. 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 6. 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 7. 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
   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
   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
   2. SEO. Posicionamiento en buscadores
      • 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

Unidad didáctica 8. Usando Flash

Unidad didáctica 9. Publicación del sitio