Diplomado en Diseño y Desarrollo de Sitios Web Dinámicos

Transcripción

1 Diplomado en Diseño y Desarrollo de Sitios Web Dinámicos

2 Justificación El desarrollo del Internet por parte de las organizaciones exige cada vez más de profesionales que respondan a las necesidades de comunicación y difusión que las mismas requieren. Los sitios Web son una herramienta indispensable para fortalecer la imagen corporativa, la promoción y difusión de productos y servicios, para fortalecer procesos de mercadeo, venta directa e indirecta y fortalecer procesos de comunicación en las empresas. Información general En este sentido el mercado empresarial y organizacional requiere de profesionales preparados en el uso y manejo de herramientas especializadas para la construcción de sitios Web, pero principalmente, demanda de profesionales que conozcan el medio de Internet y les brinden asesoría en la aplicación de alternativas pertinentes para resolver las necesidades, que en comunicación digital, las empresas requieren. Duración: 120 horas Horario: Viernes de 6:00 p.m. a 10:00 p.m. y sábados de 7:00 a.m. a 1:00 p.m. Metodología: Presencial. Sede: Bogotá. Inversión 2017: $ Aplica tarifa vigente al momento del pago. Perfil de ingreso requerido Profesionales en Diseño Gráfico, Diseño Industrial, Diseño Textil, Diseño Visual, Arquitectura, Publicidad, Artes Visuales, Mercadeo, Ingeniería de Sistemas, Ingeniería Electrónica, Ingeniería en Telecomunicaciones, interesados que deseen adquirir o perfeccionar el conocimiento para la construcción de sitios web. Propósitos de formación Capacitar a los diplomantes en el desarrollo e implementación de sitios web dinámicos, considerando aspectos de diseño, accesibilidad, usabilidad, diseño de la información, así como aspectos del contexto de Internet, uso y aplicación de lenguajes de programación estándar.

3 Competencias a desarrollar Plantear y proponer planes de acción encaminados a obtener un resultado determinado. Identificar alternativas de solución y sustentar su selección con criterio profesional. Ubicar, analizar y procesar información especializada obtenida por medio de la Internet para incorporarla en la ejecución de tareas específicas. Utilizar la Internet para la comunicación, colaboración y participación en redes. Identificar los diferentes roles en un equipo de trabajo a partir de la dinámica presente en una situación. Implementa las herramientas de maquetación Web. Administra herramientas de optimización de gráficos e imágenes. Maneja los lenguajes estándar de programación. Manipula herramientas para creación de elementos interactivos y multimedia. Plan de estudios 0 ASPECTOS GENERALES Y AMBIENTACIÓN Origen y funcionamiento de internet. Versiones. Qué es HTML5? El protocolo http y otros protocolos de transmisión de datos por internet. Clasificación de los websites. Navegadores web y soporte de accesibilidad. 1 CONSTRUCCIÓN DE WEBSITES Utilización de Dreamweaver Modelo de caja Sitios de Dreamweaver y carpeta raíz Posicionamiento Etiquetas básicas HTML5 Round corners CSS y Dreamweaver Drop e inset shadows Sintaxis CSS3 Text shadows Estilos en línea, selectores, clases, Id y Gradients Pseudoclases Color y opacity Tipografía con CSS fuentes en línea y Creación de vínculos y navegación fuentes Listas y elementos de lista Panel estilos CSS Anclas Categorías Navegación interactiva estilo Parallax

4 Gráficos y sus propiedades Mapas de imagen Plantillas de dreamweaver y sus propiedades Formularios y validación Marco flotante Iframe Favicon Elementos media audio y video Objetos SVG Galería fotográfica con JQuery lightbox Sliders con JQuery Menús desplegables Transformaciones (Rotate, Scale, Translate Reflection) Transiciones y sus propiedades Rollovers y animations Creación de Newsletters y mailing (correo masivos) Optimización de gráficos con Photoshop e Illustrator Formatos de optimización Gif animados con Photoshop Exportación de gráficos Adobe Animate Adobe Muse 2 HTML5 y CSS3 HTML5 desde código Estructuración de un sitio Técnicas CSS3 Propiedad Flexbox Responsive design Responsive design Menus responsive Retículas responsive Técnicas para sitios móviles Redireccionamiento Pensando el diseño para dispositivos Jquery Mobile Plantilla con responsive 3 CAPA DE COMPORTAMIENTO DE UNA PÁGINA HTML Capa de comportamiento de una página HTML Quitar un estilo CSS de un elemento Qué es Java Script? HTML mediante JS Incluir JS en una página HTML Implementación de un menú interactivo Agregar comentarios al código Implementación de un TEST con Escribir en el documento HTML calificación de resultados Mostrar un cuadro de mensajes Interactuando con HTML CSS y JS Variables y tipos de datos Cuadros combinados sincronizados Operadores Matemáticos Implementación de acordeones Operadores Lógicos Implementación de Pop-Up Cambiar el flujo del programa: Implementación de ToolTips Condicionales Implementación de galerías de imágenes - If - Switch Animaciones con JS Bucles Timer - For Control del tiempo - While Posicionamiento - Do While Ejemplos de animación Creación de funciones Cookies: Crear, leer, modificar y eliminar. Eventos Implementación de un contador de Interactuando con HTML CSS y JS visitas de un usuario

5 Uso de JS con formularios - Eventos - Validación de un formulario Establecer un estilo CSS a un elemento HTML mediante JS JQuery Descargar Implementar JQuery Librerías o Frameworks Basados en JavaScript Qué es una Librería o Framework? Mención de Frameworks o Librerías más usados Sintaxis de JQuery Ejemplos básicos de uso 4 ADMINISTRACIÓN DE SERVICIOS DE HOSTING Diferencia entre hosting y dominio Información necesario para administrar el hosting Información necesaria para administrar el dominio Donde comprar hostings y dominios y cuánto cuesta Qué cosas hay que tener en cuenta antes de comprar un hosting o un dominio? La compra del hosting y el dominio Obtener Hosting Gratuito Publicar un website mediante un cliente FTP Estructura de carpetas Qué es SEO? Técnicas de Posicionamiento Técnicas que son penalizadas Recomendaciones Generales. Herramientas de palabras claves Optimización de páginas para la estrategia SEO Promoción del Website

6 Docentes Javier Avelino Rosas Hurtado Coordinadora del programa Diseñador Gráfico, Universidad Jorge Tadeo Lozano. Curso Especializado en Gerencia en Publicidad y curso especializado en Marketing Online de la Universitat de Barcelona. Amplia trayectoria en los campos del medio impreso, Website y multimedia, varios años de experiencia en el sector educativo en las áreas de sistemas CAD/CAM Adobe, Macromedia y Corel y en disciplinas teóricas (Identidad Visual e Infografía). Nelson Fabio Espítia Cruz Experto en Diseño y programación, manejo de Dream weaver, Html; VBcritp, Asp, Asp.Net, PHP, CSS, FTP, Visual.NET, Postgres, MySQL. Certificado por Microsoft Office Specialist. Experiencia de 14 años como docente. Fabián Ochoa Diseñador Gráfico, Universidad Jorge Tadeo Lozano. Ha hecho parte de las principales agencias de publicidad en Colombia, como Leo Burnett, Lowe SSP3 y Wunderman. Experiencia en áreas de diseño web y diseño de interfases. Manejo de Adobe Creative Suite (nivel experto), Flash (nivel avanzado en animación con actionscript 2.0), CSS/HTML (nivel experto), Java Script/JQuery (implementación de animaciones con frameworks), 3D (Swift 3D)

7 Contáctenos Dirección de Posgrados y Educación Continuada Universidad Piloto de Colombia direccionpostgrados@unipiloto.edu.co PBX: Calle 45 A No Bogotá - Colombia. La Universidad se reserva el derecho de apertura o aplazamiento de los programas en caso de no contar con el número mínimo de inscritos. El grupo docente estará sujeto a cambios según disponibilidad de su agenda al igual que el cronograma y horarios de actividades académicas VIGILADA MINEDUCACIÓN Vigencia 2017