DISEÑO Y DESARROLLO DE PÁGINAS WEB 160 horas. (70 horas presenciales.50 horas autònomas.40 horas investigación) TOTAL CICLO: 14 SÁBADOS INTRODUCCIÓN En este Diplomado se establecen las bases y el método de trabajo necesario para desarrollar un proyecto de Web Dinámica o estática conforme a Estándares Web. Todo ello forma parte los dos pilares (accesibilidad e interoperabilidad) que sostienen la Web presente y futura. Se parte de un breve análisis de la evolución de la Web, comentando las dificultades y problemas de estandarización por los que ha ido pasando, se exponen las principales especificaciones de estructura, presentación, y accesibilidad que nos permitirán desarrollar documentos Web sin barreras de acceso. Y finalmente se analiza un caso real donde se plantean soluciones accesibles a los problemas más comunes de accesibilidad que presenta una Web. Por otro lado aprenderemos a desarrollar aplicaciones de Web Dinámica en arquitectura Flash (actionscript). Aprenderemos trabajar animaciones, optimización por MovieClips, y los componentes que se trabajan para visualización Web. Desarrollaremos Aplicaciones de Multimedia como seguridad y manejo de Variables con fines de datos para Web. Conoceremos las operaciones básicas de diseño y montaje de un sitio Web Finalmente pondremos en marcha todo el sistema de Diseño de Interfaces, desarrollo de la Web con todos sus lenguajes, y Montaje en Servidores.
OBJETIVO Desarrollar aplicaciones Web Dinámica o Estáticas en arquitectura Flash y DreamWeaver (actionscript y HTML trabajando datos en PHP), permitiendo que el estudiante tenga las competencias necesarias para óptimo trabajo en Web. El objetivo primordial, consistirá en aplicar los conocimientos adquiridos sobre Web a un caso o cliente real, esta Web le permitira al cliente desde mostrar su empresa hasta posicionar sus productos. El estudiante aprendera: Conceptuar sobre los conceptos de una Sitio Web Conocer y manejar la interfase de un Sito Web Saber utilizar y darle buen uso a Macromedia Flash y Dreamweaver Publicación, montaje y administración de archivos. Un manejo perfecto de pesos para una perfecta visualización en diferentes Navegadores y con diferencia de conexiones CONTENIDO MÓDULO 1: WEB DINÁMICA Y ANIMACIONES Número de sesiones: 7 PÁGINAS DINÁMICAS FLASH (actionscript2) 1. Introducción al programa, manejo linea de tiempo y animacion para banner. 2. Tecnicas de Animación, Guias, Formas, efectos de animación. 3. Clips de pelicula, Inicio de Prorgramación AS2, creación de menus 4. Creación de página por medio de persianas dinámicas. 5. Creación de un aplicativo tipo cotizador para manejo de productos 6. Cargas externas de archivos como imágenes textos, sonidos y videos. 7. Componentes, ventanas emergentes y analisis de sistios que aun permanecen unicamente con tecnologia Flash.
MÓDULO 2: HTML Número de sesiones: 4 HTML 1. Lenguaje Html en bloc de notas (etiquetas, tablas, imágenes, párrafos, listas, centrar objetos) Introducción a la interfaz de Dreamweaver Tipos de Paginas web -Ejercicio de práctica con una pagina web tipo artículo 2. Dreamweaver, maquetación y Estilos CSS (Lenguaje CSS y elementos divs, propiedades aplicadas a una maqueta sencilla) - Ejercicio tomar una pagina web que les llame la atención y copiarla pero haciendo la maqueta correspondiente 3. Creación de Menú CSS, Creación de Iframes y formulario simple Introducción a JQuery Ejercicio hacer una galería de imágenes con iframes y el menú css 4. Web Marketing, diseño de formularios con CSS, FTP y software Filezilla, Aplicación de Jquery, como montar un sitio en la web y panel de control de un servidor - Ejercicio hacer una web con 4 enlaces informativos y un enlace de contacto con el formulario y subir el sitio a la web MÓDULO 3: PHP Número de sesiones: 3 1. Que es PHP?, teoría en la creación de sitios web dinámicos, variables en php, métodos de envió y vinculación con formularios. Recuperación datos desde un formulario con php Uso de Jquery con PHP -Ejercicio hacer un formulario tipo encuesta y los muestre como resultado organizados
2. Creación de sitios dinámicos con php, subir sitio dinámico a un servidor gratuito, costos y presupuestos de una web. - Ejercicio hacer un sitio de algún tema, anexar la encuesta del formulario del ejercicio anterior y subirlo al servidor 3. Envió de correos con php, como se deben enviar y usar condicionales en php Conexión con un formulario desde flash usando php y Actionscript. - Desarrollar y diseñar un sitio web personal tipo portafolio Nota: Los estudiantes podrán hacer pruebas en servidor en el modulo 3. METODOLOGÍA El diplomado se desarrollará de manera presencial en sala de cómputo, las clases son teórico prácticas, donde el estudiante se verá beneficiado por muestras de casos Web reales, y el material bibliográfico existente en la biblioteca de la Academia de Dibujo. Todos los trabajos se montarán en una plataforma educativa, donde se tendrá una conectividad 24 horas según disposición del docente para la entrega de los mismos. SISTEMA DE EVALUACIÓN ITEM DE EVALUACIÓN TC: trabajo en clase y trabajos semanales de investigación y desarrollo Trabajo final de Modulo PORCENTAJE EQUIVALENTE 50% 50% DIRIGIDO A Diseñadotes, Publicistas, Comunicadores Visuales, y toda persona que trabaje con nuevas estrategias de comunicación, empresas que estén dispuestas a un cambio tecnológico a nivel de publicidad y comunicación, o toda persona natural que desee incursionar en las nuevas Tecnologías.
PERFIL DEL ESTUDIANTE Al terminar el diplomado el estudiante estará en capacidad de desarrollar sitios Web dinámicos y estáticos, utilizando Flash, DreamWeaver y PHP. Adicionalmente, el estudiante conocerá conceptos básicos e importantes en la creación y desarrollo de negocios Web. COMPETENCIAS LABORALES Desarrollo y diseño de interface Estructura de Navegación Administración Web Desarrollo de Web Dinámica Desarrollo de Banner o Pop-UPS Requerimiento para un WebSite (Hosting, Dominios, Server, correo POP) PROFESIONALES/ACADÉMICAS Manejo de logicas para un oroyecto Web. Conocimiento y diferenciación de Lenguajes de programación. Grafismo y optimización de todo elemento para Web. Información e inscripciones Calle 27nte # 6BN-50 B/Sta. Mónica Residencial PBX: 6874100 ext. 104-139 educacion.continuada@fadp.edu.co