DISEÑO WEB MÓDULO II PROGRAMACIÓN CON HTML MÓDULO I GESTIÓN DE UN PROYECTO WEB CURSO TÉCNICO SUPERIOR

Transcripción

1 MÓDULO I GESTIÓN DE UN PROYECTO WEB MÓDULO II PROGRAMACIÓN CON HTML 01. PLANIFICACIÓN Y DESARROLLO DE UN PROYECTO WEB 02. EL DISEÑO GRAFICO APLICADO A WEB Definicion de un sitio web Planificación de un proyecto web El Briefing. Arquitectura de la Información Usabilidad en la web. Accesibilidad. Facilidad de navegación, diseño atractivo y tiempo de respuesta Guia para planificar un sitio web: Consideraciones generales. Descripción de la audiencia (target) Identidad Corporativa e información lenguaje, rotulado, estructura y navegación Diseño de la página Conceptos básicos de Adobe Photoshop para web 01. PROGRAMACIÓN BÁSICA EN HTML Introducción WWW Consortium Elementos HTML Etiquetas encabezado Párrafos y saltos de línea Regla horizontal Formateo Texto Identidades carácter HTML Anidado de etiquetas Elementos inline y block level Enlaces Imágenes Etiquetas DIV y SPAN Tablas Listas Formulario Practica final 02. INTODUCCION A SEO 03. INTRODUCCION A JOOMLA 04. INTRODUCCION A PRESTASHOP

2 MÓDULO III ADOBE DREAMWEAVER CS5 01. UNA APROXIMACIÓN A INTERNET 02. INTRODUCCIÓN AL DISEÑO WEB 03. CONOCIENDO LA INTERFAZ 04. FAMILIARIZÁNDOSE CON EL PROGRAMA 05. DEFINIR UN SITIO Y CREAR PÁGINAS WEB 06. TRABAJAR CON TEXTO Historia y evolución de Internet Las páginas Web Los sitios Web Elementos de una página Web La pantalla de bienvenida La nueva interfaz de Dreamweaver CS5 El espacio de trabajo Utilizar el Inspector de propiedades Paneles y herramientas Definir un sitio El panel Archivos Crear un nuevo documento Abrir y guardar un documento El texto en el diseño Web Estilo de fuente: Negritas Interlineado Ajuste del espacio entre letras (kerning) Ancho de línea El color del texto Alineación del texto Uso de mayúsculas Importar texto Crear tablas Otras funciones de texto Las reglas CSS El Inspector de propiedades y el panel Estilos CSS 07. TRABAJAR CON CSS 08. EL COLOR Y EL 09. TRABAJAR CON IMÁGENES Editar estilos CSS Editar estilos en el Panel Estilos CSS Crear y editar estilos con el Inspector de Propiedades Crear hojas de estilo externas Crear reglas CSS Las reglas de selectores Compuestos Crear hojas de estilos para otros medios Eliminar estilos CSS El color en la Web La teoría del color Psicología del color Colores para un sitio Definir los colores en Dreamweaver Insertar el color de fondo Cambiar el color de fondo de la página con CSS Definir el color del texto Las imágenes para la Web Insertar imágenes en Dreamweaver CS5 Optimizar las imágenes Los formatos para la Web Optimizar las imágenes desde el Inspector de propiedades Herramientas gráficas adicionales integradas en Dreamweaver

3 MÓDULO III ADOBE DREAMWEAVER CS5 10. CREAR HIPERVÍNCULOS Las rutas de acceso Crear vínculos El color de los vínculos Actualizar vínculos 11. CREAR PÁGINAS INTERACTIVAS 12. EL DISEÑO DE LAS PÁGINAS CON CSS 13. AGREGAR CONTENIDO MULTIMEDIA 14. PROBAR Y PUBLICAR EL SITIO Los Spry Efectos de Spry Datos de Spry Spry widgets Crear un Acordeón de Spry Utilizar estilos CSS para diseñar las páginas Crear diseños de página con elementos <div> Exportar los estilos CSS Las imágenes de sustitución o rollover Los plugins Sonido digital Vídeo digital Contenido Flash Comprobar sitio Publicar su sitio Web

4 MÓDULO IV HOJAS DE ESTILO CSS 01. INTRODUCCIÓN A LAS HOJAS DE ESTILOS CSS. 02. SELECTORES 03. UNIDADES DE MEDIDA Y COLORES 04. MODELO DE CAJAS (BOX MODEL) 05. POSICIONAMIENTO Y VISUALIZACIÓN Qué es CSS? Breve historia de CSS Especificación oficial Funcionamiento básico de CSS Cómo incluir CSS en un documento XHTML Glosario básico Medios CSS Comentarios Sintaxis de la definición de cada propiedad CSS Selectores básicos Selectores avanzados Agrupación de reglas Herencia Colisiones de estilos Unidades de medida Colores Anchura y altura Margen y relleno Bordes Margen, relleno, bordes y box model Fondos Tipos de elementos Posicionamiento Posicionamiento normal Posicionamiento relativo Posicionamiento absoluto Posicionamiento fijo Posicionamiento flotante Visualización 06. TEXTO 07. ENLACES 08. IMÁGENES 09. LISTAS 10. TABLAS 11. FORMULARIOS 12. LAYOUT 13.OTROS Tipografía Texto Centrar una página horizontalmente Centrar una página verticalmente Estructura o layout Alturas/anchuras máximas y mínimas Propiedades shorthand Versión para imprimir Personalizar el cursor Hacks y filtros Prioridad de las declaraciones CSS Validador Recomendaciones generales sobre CSS

5 MÓDULO V ADOBE FLASH CS5 01. INTRODUCCIÓN 02.EL ESPACIO DE TRABAJO 03. LOS DOCUMENTOS EN FLASH El entorno de trabajo Los paneles de Flash Distribución del área de trabajo Los documentos de Flash Crear un nuevo proyecto Abrir un documento existente Trabajar con varios archivos Cerrar un documento Configurar un documento de Flash Asignar un título y otros metadatos La línea de tiempo Visualizar una animación 06. LOS OBJETOS Las muestras de color El panel Kuler Aplicar colores con los botes de pintura La herramienta Cuentagotas Flash Imprimir Los objetos de Flash Dibujar en modo objeto Crear objetos compuestos Organizar objetos Transformar objetos Alinear objetos Ajustes en la escena 04. DIBUJAR CON FLASH 05. LOS COLORES Flash como herramienta de dibujo Gráficos vectoriales y mapas de bits Herramientas de dibujo Dibujar con la pluma Modificar figuras utilizando la herramienta Subseleccionar Modificar figuras utilizando la herramienta Flecha Seleccionar mediante el lazo Borrar con Flash Los modos de dibujo de Flash Dividir una figura en varias partes Modificar rellenos La herramienta Deco Color de trazo y color de relleno Los cuadros de color El selector de colores Degradados 07. TRABAJAR CON TEXTOS 08. SIMBOLOS 09. CREACIÓN DE BOTONES Trabajo con textos en Flash Insertar bloques de texto Operaciones sobre bloques de texto Modificar la apariencia del texto Flujo del texto en varios cuadros Crear un símbolo nuevo La biblioteca de símbolos Las instancias Filtros y mezclas Efectos 3D Creación de un botón Botones que funcionan Botones animados Zona activa La línea de tiempo

6 MÓDULO V ADOBE FLASH CS5 10. LA LINEA DE TIEMPO La línea de tiempo Las capas Los fotogramas Uso de símbolos en las animaciones 11. CREACIÓN DE ANIMACIONES 12. LAS IMÁGENES Animaciones por interpolación Interpolación Animación por interpolación Animación por interpolación clásica Animación mediante capas guías Animaciones con máscaras Interpolación de forma Animación por cinemática inversa Animación de un sistema de cinemática inversa Copia de animaciones Elementos multimedia Formatos disponibles en Flash Importar una imagen Transformar imágenes Transformar un mapa de bits en una imagen vectorial Separar un mapa de bits Utilizar una imagen como relleno Las imágenes y los símbolos 13. PRÁCTICAS DE CREATIVIDAD

7 MÓDULO VI PROGRAMACIÓN BÁSICA CON ACTIONSCRIPT 01. FUNDAMENTOS DE ACTIONSCRIPT Edición de Scripts Introducción Mayúsculas y Minúsculas Variables Instrucción Trace Comentarios Sentencias If / Else Operadores de Comparación Operadores Aritméticos 06. LAS CLASES DATE Y SOUND 07. EJERCICIO FINAL El Objeto Date El Objeto Sound Proyecto Web Hacer Una Web con los Conocimientos Adquiridos 02. ACTIONSCRIPT Y LOS OBJETOS FLASH Introducción Programación Orientada a Objetos Objetos Flash Los Nombres de Instancia Referencia Propiedades Objetos Movieclip y Button: Propiedades Métodos para el Control de Película: Acciones Rutas Relativas /Absolutas 03. CONTROL DE EVENTOS Eventos Eventos de Botón 04. CARGA DINÁMICA DE CONTENIDO Métodos de Carga Carga de Archivos XML: El Objeto XML y XMLNODE Qué es XML? XML y Flash Noticias. 05. CAMPOS DE TEXTO Objeto Campo de Texto: Textfield Objeto de Formato de Texto: Textformat Formularios de Contacto