MAQUETACIÓN WEB. DREAMWEAVER I (30H)

Transcripción

1 MAQUETACIÓN WEB. DREAMWEAVER I (30H) Diseñar e implementar la estructura de un sitio Web utilizando lenguajes de programación y editores de páginas. INTRODUCCIÓN A DREAMWEAVER Entorno de trabajo Creación de un sitio Automatizar acciones Gestión de CSS Trabajo en vista código Corrección de errores CREAR SITIOS WEB INSERCIÓN DE TEXTO E IMÁGENES Galerías automáticas Texto sin formatear (limpio) ENLACES, Tipología y aplicación CAPAS Y TABLAS Inserción, gestión y edición de capas Comportamiento de las capas Inserción, gestión y edición de tablas Tipos de tablas FTP Transferencia de archivos a la red Creación de un sitio propio Problemas y soluciones (la caché) MAQUETACIÓN WEB. DREAMWEAVER II (30H) Conociendo las bases y manejos elementales del programa controlar el aspecto visual de nuestras páginas mediante hojas de estilo, inserción de marcos y comportamientos avanzados. MARCOS, FORMULARIOS Marcos, cómo utilizar los marcos Las tablas Formularios LAS HOJAS DE ESTILO Introducción a los CSS Las hojas de estilo en Dreamweaver COMPORTAMIENTOS DHTML= HTML + JAVASCRIPT JavaScript de Dreamweaver Capas dinámicas Línea de tiempo 1

2 TRATAMIENTO DE IMÁGENES: PHOTOSHOP Y FIREWORKS (30H) Diseñar y modificar imágenes, utilizando una aplicación informática, optimizándolos en base a la estructura y al soporte específico de salida. A. REPASO DE PHOTOSHOP REPASO GENERAL DE HERRAMIENTAS DE RETOQUE. MODOS DE EXPORTACIÓN PARA LA WEB EXPORTACIÓN PARA LA WEB FORMATOS PARA LA WEB B. FIREWORKS EL ENTORNO DE TRABAJO. LIENZO, CÓMO CAMBIAR LAS PROPIEDADES DEL LIENZO. COMPATIBILIDAD CON OTROS PROGRAMAS: FREEHAND Y PHOTOSHOP INCLUSIÓN DE VÍNCULOS E OPTIMIZACIÓN DE IMÁGENES. ANIMACIÓN. Símbolo de animación. Gif animado con Fireworks. Optimización y exportación de un gif animado. XHTML 1.1 y CSS2 (36H) Diseñar e implementar la estructura de un sitio Web utilizando lenguajes de programación y editores de páginas controlando el aspecto visual de nuestras páginas mediante estilos CSS. XHTML Estructura básica, función de cada parte: head y body Inserción de texto: propiedades y alineamiento. Inserción de imagen: Características, tipología y ubicación CSS2 Vista de disposición. Implantación Sintaxis: Uso y manejo Diseños avanzados Correspondencia con JavaScript 2

3 INTEGRACIÓN MULTIMEDIA: FLASH (42H) Generar diseños interactivos y multimedia, teniendo en cuenta los tamaños de ficheros, simplicidad y economía de espacio en el almacenamiento. ORGANIZACIÓN DE UN PROYECTO Las capas y máscaras Separar, agrupar, desagrupar. Alinear, transformar, organizar. Las escenas e instancias DIBUJO TEXTOS E IMÁGENES Texto separado, texto trazado. Fuentes, suavización, gestión tipográfica en documentos con extensión SWF y FLA. Propiedades y opciones de formato. Formatos gráficos. GIF, JPG y PNG. Comparativas en Photoshop, FireWorks e Image Ready. LÍNEA DE TIEMPO SÍMBOLOS E INSTANCIAS Los botones Los clips de película. ÁREA DE TRABAJO Los documentos SWF, su importancia y su ubicación en la edición web e interactiva. Las herramientas de pintura. Novedades con respecto a otros programas vectoriales. La selección. Las propiedades de las herramientas. Propiedades del documento y su modificación. Transparencia y color. Importación de elementos y relación con otros programas. ANIMACIÓN Concepto y tipos de animación. Reglas en la creación de una animación La línea de tiempo. Los fotogramas. Interpolación de movimiento básica. SONIDOS Principios básicos del sonido. La onda sonora. Calidad. Frecuencia. Muestreo. Resolución. El streaming. Compresión y formatos de archivo. Edición y gestión de documentos de audio sobre Macromedia Flash. 3

4 JAVASCRIPT para diseñadores (36H) S Al terminar el curso el alumno conocerá la sintaxis del lenguaje de programación así como la forma de aportar dinamismo a sus páginas web mediante dicho lenguaje. VARIABLES Cadenas de caracteres Números enteros y decimales Booleanos El valor null Arrays OPERADORES Aritméticos, de asignación, de comparación, lógicos Operadores y Cadenas Pedir valores al usuario ESTRUCTURAS DE CONTROL Sentencias if-else Bucles: while, for, do while Construcciones switch Sentencias de control FUNCIONES Y EVENTOS Qué son las funciones y los eventos?. Definición Variables globales y locales Listado de eventos JAVASCRIPT Primer Script en JavaScript Comentarios. Secuencias de Escape Sentencias y bloques de código JAVASCRIPT Y FORMULARIOS Accediendo a los campos de un formulario. Modificando las propiedades de un campo Enviar el formulario Manejar una lista USO DE LOS OBJETOS MÁS UTILIZADOS El objeto document y el objeto window Abriendo ventanas popup Objeto Screen. Fecha y Hora Utilidades de navegación PHP Y MYSQL para diseñadores (36H) Desarrollar proyectos Web dinámicos basados en este lenguaje y adquieran la soltura necesaria en el uso del mismo para su aplicación en Internet, Intranet y Extranet corporativa. 4

5 INSTALACIÓN Y CONFIGURACIÓN DE APACHE Y PHP. SINTAXIS Y ELEMENTOS DEL LENGUAJE. Identificacion del codigo PHP. Variables. Sentencias. Operadores. Comentarios Cadenas de caracteres. Estructuras de control. Arrays y funciones COMUNICACIÓN DE DATOS ENTRE PAGINAS Y PROCESADO. Formularios. Campos ocultos. Transferir ficheros al servidor. Traspaso de información entre páginas. CREACIÓN Y USO DE SESIONES. Gestión de sesiones $_HTTP_SESSION_VARS y $_SESSION. Opciones de configuración. VARIABLES PREDEFINIDAS DEL SISTEMA. Variables de servidor, de sesión y globales Métodos GET y POST. ACCESO A BASE DE DATOS Y MANIPULACIÓN DE REGISTROS. Conexión con una base de datos MYSQL. Consultas a MYSQL desde PHP. Operaciones con registros. Otras funciones. LENGUAJE SQL ACCESS. MYSQL. PROYECTO (60H) Desarrollar un proyecto web que integre el uso de todas las herramientas de diseño y programación aprendidas a lo largo del curso. 5