> Temario Curso de Diseño Web <

Transcripción

1 le ayuda a crear hermosos diseños para sitios web y aplicaciones móviles en un instante, sin necesidad de programación. Brinda imágenes vectoriales y de mapa de bits, maquetas, gráficos 3D, y contenido interactivo para las tabletas y teléfonos inteligentes populares Interfaz. Diferentes formas de organizar paneles de trabajo. Barra de menús, barra de herramientas, ventana de documento y ventana de propiedades. Uso de los espacios de trabajo y creación de áreas de trabajo. 2.- Operaciones básicas. Abrir, cerrar y guardar documentos. Creación de documentos y ajuste de características. 3.- Transformación y organización de objetos. Redimensionamiento y rotación por medio de la herramienta de transformación libre. Herramienta de selección. Opacidad y blends. Capas para organizar, bloquear y manejar visibilidad de objetos. Aplicación y edición de filtros a objetos. 6.- Animaciones. Exportación a formato de gif animado. 7.- Optimización y exportación. Segmentación de documentos mediante de la herramienta slice. Formatos de optimización en web. (jpg, gif y png). Exportación a formato html o a conjunto de imágenes. Optimización para definir el formato de salida. 4.- Crear y editar gráficos. Colores sólidos, degradados y texturas. Características de texto. Creación de formas simples y especiales. Transparencia y máscaras vectoriales. Strokes y manejo de sus características especiales. Importación de gráficos. 5.- Live Effects. Edición de efectos. Creación de estilos gráficos. 1

2 le permitirá crear animaciones para sitios web en la línea de tiempo y además una introducción a los fundamentos de la programación aplicados al desarrollo de contenido dinámico con Action Script. 1.- Interfaz. Organización de los paneles de trabajo. Espacios de trabajo y creación de áreas de trabajo personalizadas. Barra de menús, barra de herramientas, escenario, línea de tiempo y capas. 2.- Manipulación de documentos. Creación de documentos y ajuste de características. 3.- Creación y edición de vectores. Aplicación y manipulación de colores sólidos y degradados. Edición de formas. Diferentes herramientas para creación de formas vectoriales. Comportamiento de vectores. Diferencia entre objetos de dibujo y formas normales. Importación de gráficos externos. 4.- Organización y manipulación de objetos. Herramienta de selección. Modificación de elementos de diseño desde la barra de propiedades. Rotación con de la herramienta de transformación libre. 5.- Edición de texto. Edición de texto estático. Manejo de características de texto dinámico. Texto deslizable (scroll). Texto de ingreso de datos (Input). 6.- Símbolos (edición y creación). Aplicación de interactividad y funciones a botones y movieclips. Gráfico, Botón y Movieclip. Librería. 7.- Capas. Creación de máscaras. Capas para organización, visibilidad de objetos y bloqueo. 8.- Manejo de la línea de tiempo. Edición de cuadros en línea de tiempo. Fotogramas (frames) y fotogramas clave (keyframes). 9.- Características de los diferentes tipos de animación. Interpolación clásica. Cuadro por cuadro. Interpolación de formas. Interpolación de movimiento. 10.-Filtros. Copiado y pegado de filtros de un objeto a otro. Aplicación y edición de filtros a símbolos Carga dinámica de películas e imágenes. Uso del método loadmovie para cargar dinámicamente imágenes y películas. 2

3 le permitirá crear animaciones para sitios web en la línea de tiempo y además una introducción a los fundamentos de la programación aplicados al desarrollo de contenido dinámico con Action Script. Precarga de imágenes. Carga de imágenes Audio y video. Adición de audio como atributo de fotograma clave. Sincronización de audio de Evento y de Flujo. Edición de audio. Carga dinámica y control de archivos de audio. Exportación de archivos de video. Control de reproducción de video Preparación para web y multimedia. Organización de sitio web. 3

4 ofrece una intuitiva interfaz visual para la elaboración y edición de sitios web HTML y aplicaciones móviles. Usa una cuadrícula de diseño para la compatibilidad multiplataforma para crear diseños adaptables. 1).- Interfaz del programa. Barra de menús, ventana de inserción de etiquetas, ventana de archivos y ventana de propiedades. Diferentes formas de organizar paneles de trabajo. Espacios de trabajo establecidos y creación de áreas de trabajo personalizadas. 2.- Creación de sitio web. Crear sitio web. Edición de datos de un sitio web. 3.- Fundamentos para entender el lenguaje HTML. Etiquetas HTML XHTML Atributos en etiquetas HTML. Cabeza y cuerpo de un documento HTML. Etiquetas de uso más frecuente. Contenedor, cabeza, contenido, pie, barra de navegación. 4.- Jerarquizar y organizar información. Etiqueta DIV para delimitar zonas lógicas. Inserción de texto plano en un documento HTML. Inserción de etiquetas de encabezado y párrafo (h1, h2 y p). Inserción de imágenes a documentos HTML con la etiqueta img. Creación de enlaces internos y externos con la etiqueta a. 5.- Diseño de documentos HTML con lenguaje CSS (Cascade Style Sheets) Qué es el lenguaje CSS? Sintaxis del lenguaje CSS. Insertar CSS en un documento HTML. Selectores básicos del CSS (tag, class, ID). Selectores descendientes. Principales propiedades CSS para implementar diseño. Propiedad float para acomodar imagen y texto. Uso de Pseudo Classes para estilizar enlaces con sus respectivos estados. Creación de retículas a 1, 2 ó 3 columnas por medio de CSS en Divs. Creación de retículas de página con AP Divs. 6.- Sitios web a partir de plantillas. Creación de plantillas Inserción de regiones editables. Aplicación de plantillas a documentos HTML. 7.- Comportamientos Javascript en documentos HTML. Activación de ventanas emergentes. Intercambio remoto de imágenes. Rollover simples. Aplicación de efectos especiales por medio de click. Inserción de texto automático por medio de click. 8.- Creación de formularios en HTML. Inserción de campos de texto tanto de una línea como multilínea. 4

5 ofrece una intuitiva interfaz visual para la elaboración y edición de sitios web HTML y aplicaciones móviles. Usa una cuadrícula de diseño para la compatibilidad multiplataforma para crear diseños adaptables. Inserción de botones de radio. Inserción de cajas de chequeo. Uso de menú desplegable. Inserción de botones de borrar y enviar información. Manipulación de documento PHP para enviar la información a un correo electrónico. Configuración de la conexión al servidor en nuestro sitio. Subir y bajar archivos al y desde el servidor. 9.- Inserción de sprys en documentos HTML. Tabuladores. Menú desplegable. Paneles colapsables. Acordeones Creación y manipulación de tablas para presentar información tabulada. Inserción de tablas. Etiquetas relacionadas con la etiqueta table. División y unión de celdas Inserción de audio y video. Etiqueta embed para insertar audio y video. Inserción de películas. Inserción de videos Inserción de documentos externos. Uso de la etiqueta iframe para jalar un archivo html externo Proceso de publicación de sitio web en un servidor. Requisitos para poder publicar un sitio web. 5