DIPLOMADO DISEÑO Y DESARROLLO WEB

Transcripción

1 DIPLOMADO DISEÑO Y DESARROLLO WEB

2 DIPLOMADO DISEÑO Y DESARROLLO WEB Escuela de Diseño Conoce las nuevas herramientas y tecnologías disponibles para planificar, diseñar y desarrollar sitios web compatibles con los diferentes dispositivos móviles, ipad y tablets. Acredita tus conocimientos con la Certificación ACA, en Comunicación web usando Adobe Dreamwever Adobe Certified Associate (ACA), Certificación internacional que valida e incrementa conocimientos y habilidades en Comunicación web usando Adobe Dreamwever. Incluye voucher con retake para rendir examen de certificación ACA, en Comunicación web usando Adobe Dreamwever Dictado por Instructores Certificados ACA Diversas empresas del rubro del diseño y desarrollo de sitios web, así como empresas productivas que poseen áreas de diseño, han solicitado a nuestra institución, la capacitación especializada de sus trabajadores en aplicaciones de la línea Adobe, dada la vanguardia y calidad tecnológica de sus programas. El propósito, validar e incrementar conocimientos y habilidades en el uso y aplicación de los programas Adobe, su integración y su óptima utilización. Mejorar la calidad del producto final y por ende la satisfacción del cliente, es la consecuencia que persiguen las empresas. Emprendedores independientes del rubro del diseño web, solicitan de manera permanente a nuestro centro, especialización en programas Adobe y su integración. El propósito es actualizar e incrementar conocimientos, dada la demanda del mercado en el diseño y desarrollo de sitios de alto nivel tecnológico. Dirigido a: Diseñadores multimedia, diseñadores gráficos, publicistas, comunicadores audiovisuales y artistas visuales.

3 Por qué estudiar en Duoc UC? El programa de Educación Continua de Duoc UC, ofrece actividades de capacitación con programas diseñados por nuestras nueve Escuelas e impartidas en las regiones Metropolitana, Valparaíso y Bío Bío. Estos cursos son gestionados sobre la base de los conocimientos y experiencia adquiridos por Duoc UC, a través del contacto permanente con distintos actores involucrados en el mercado laboral y desarrollados con eficiencia y calidad basados en el modelo educativo de Duoc UC. Tratándose de una institución fundada por la Pontificia Universidad Católica de Chile, Duoc UC participa de su vocación de servicio a la educación del país. Este signo distintivo se expresa en un proyecto educativo que reconoce, como responsabilidad inherente, el constituirse en un paradigma de gestión privada en el ámbito de la educación, como cabal expresión del principio de libertad de enseñanza.

4 REQUISITOS DE OBTENCIÓN Haber aprobado los cursos: Fundamentos web: Conceptos, aplicaciones y diseño Diseño de sitios web con Adobe Muse Desarrollo web responsivo e interactivo con HTML5, CSS3 y jquery Desarrollo web dinámico con PHP, MySQL Y Wordpress Desarrollo para móviles con jquery Mobile y Phonegap Build Al término de este Diplomado el alumno será capaz de: Reconocer y aplicar técnicas de planificación, maquetación y diseño de un sitio web mediante el uso de programas especializados de Adobe: Photoshop, Dreamweaver, Muse y Edge Animation. Aplicar e incorporar dentro de sus conocimientos y habilidades, técnicas y herramientas de avanzada para el desarrollo de un sitio web, tales como programación html, php/mysql, hojas de estilo CSS, Wordpress y desarrollo para móviles en JQuery Mobile y Phonegap Build.

5 CURSO FUNDAMENTOS WEB: CONCEPTOS, APLICACIONES Y DISEÑOS Escuela de Diseño Las páginas Web se han convertido en una herramienta de venta y proyección de cualquier tipo de negocio, con una evolución tecnológica constante. Es fundamental que las empresas del área del diseño y comunicación cuenten con personal especializado, actualizado en las competencias y habilidades necesarias para el desarrollo de sitios web. Este curso busca crear y mantener desde sitios web básicos hasta aplicaciones avanzadas, compatibles con las mejores prácticas y las últimas tecnologías digitales basados en estándares a través de Dreamweaver, herramienta líder en la industria del diseño y desarrollo web. Además este curso entrega los conocimientos y el entrenamiento necesario para rendir el examen de Comunicación web usando Adobe Dreamweaver del programa, Adobe Certified Associate (ACA). Conocer los conceptos introductorios y establecer los requisitos del proyecto web - Identificar conceptos, términos y tecnologías web - Comprender el proceso de gestión de proyectos - Reconocer objetivos, audiencia y necesidades de un sitio web - Diferenciar contenido relevante y apropiado para una página web - Conocer términos y conceptos de Copyright - Conocer los estándares de accesibilidad Planificar el diseño del sitio y de las paginas - Identificar los principios básicos de usabilidad, legibilidad y accesibilidad de la web - Describir prácticas recomendadas para mantener coherencia, separar contenido del diseño, uso de fuentes, colores y utilización de jerarquía visual - Conocer conceptos y principios de diseño - Distinguir diagramas de flujo, diagramas funcionales y guiones gráficos Integración de aplicaciones Adobe para la creación de prototipos web - Identificar interfaz, menús, paneles y herramientas - Trabajar con dibujo vectorial, texto y manipulación de objetos - Importación y transformación de imágenes mapa de bits - Utilización de grilla 960

6 Crear prototipo web - Diagramar y editar imágenes - Producción de interfaz web - Conocer formatos de imágenes para web - Exportar y optimizar imágenes - Creación de activos Comprender la interfaz de Adobe Dreamweaver - Conocer el lenguaje HTML - Definir un sitio Dreamweaver - Crear, asignar título y nombre a una página web y guardarla - Añadir texto a una página web - Insertar imágenes y aplicar texto alternativo - Vincular contenido web mediante hipervínculos, enlaces de correos y anclajes con nombre - Incluir video y audio en una página web - Añadir animaciones e interactividad al contenido - Insertar barras de navegación, imagen de sustitución y botones creados en otras aplicaciones. - Crear mapas de imágenes. - Importar datos de tablas en una página web. - Importar y mostrar un documento de Microsoft Word o Microsoft Excel en una página web. - Crear formularios. Organizar y editar el contenido usando Dreamweaver - Definir y modificar propiedades de página - Organizar el diseño de una página web con etiquetas div posicionadas de forma absoluta y relativa, y estilos CSS - Modificar el texto y las propiedades del texto - Modificar las imágenes y sus propiedades - Crear plantillas de página web - Usar etiquetas HTML básicas para configurar un documento HTML, dar formato al texto, añadir vínculos, crear tablas y generar listas ordenadas y sin ordenar - Añadir contenido de encabezado para que una página web sea visible para los motores de búsqueda - Usar CSS para implementar un diseño reutilizable Evaluar y mantener un sitio usando Adobe Dreamweaver - Realizar pruebas técnicas - Identificar técnicas para pruebas básicas de usabilidad - Identificar métodos para recopilar comentarios sobre el sitio - Gestionar los activos, vínculos y archivos de un sitio - Publicar y actualizar archivos de un sitio en un servidor remoto

7 CURSO DISEÑO DE SITIOS WEB CON ADOBE MUSE Escuela de Diseño El desarrollo de contenidos presentes en la web hace indispensable para diseñadores aplicar herramientas específicas, que potencien la creación y publicación de un sitio web. Muse es una nueva aplicación de Adobe que permite diseñar y publicar sitios web HTML para diversos dispositivos, sin la necesidad de escribir código. Los diseñadores que no tengan conocimientos del código fuente, se verán beneficiados con esta aplicación que les permitirá expresar toda su creatividad en la web a través de un flujo de trabajo claro y herramientas gráficas intuitivas. Al término de este curso los alumnos serán capaces de planificar, diseñar y publicar páginas HTML que cumplan los estándares actuales (HTML5, CSS3 y JavaScript).

8 OBJETIVOS ESPECÍFICOS Y CONTENIDOS Introducción al espacio de trabajo y creación de nuevo sitio - Introducción a Adobe Muse - Uso de comandos básicos, herramientas y paneles - Flujo de trabajo de Muse - (Plan, Diseño, Previsualizar y Publicar) - Elementos de interfaz (Menús, menús contextuales y paneles) - Crear un archivo - Definir nuevo sitio - Trabajar en el área de planificación - Organizar mapa del sitio - Organizar paginas (Nombrar, agregar, eliminar y duplicar páginas) Trabajar con paginas maestras - Creación y edición de páginas maestras - Utilización de páginas maestras - Definir áreas - Utilización de guías - Añadir menú de navegación - Editar apariencia del menú de navegación - Estados Trabajar con texto, propiedades de formato y formas - Insertar textos - Cambiar atributos de textos - Trabajo con fuentes tipográficas - Creación y uso de estilos de párrafo y carácter - Crear y editar formas - Crear líneas - Aplicación de fondos - Crear y editar color - Trabajar con muestras y gradientes

9 Insertar imágenes e integrar aplicaciones graficas - Formatos (jpeg, gif, png y psd) - Colocar imágenes - Panel Activos - Trabajar con archivos psd. - Dimensionar, mover, rotar y recortar imágenes - Vínculos a imágenes - Añadir texto alternativo a las imágenes - Creación de diseño para móvil Creación de vínculos y botones - Crear diferentes tipos de vínculos (Internos, externos y mail) - Editar propiedades del vínculo - Crear botones - Estados de un vínculo - Anclas - Colocar botones de Photoshop Insertar efectos creativos - Aplicación de efectos (Sombra, biseles y relieve) - Bordes redondeados - Opacidad - Guardar y aplicar estilos gráficos - Incrustar html Trabajar con Widget - Agregar interactividad a través de Widget basados en las librerías jquery - Insertar Widget - Creación de un slideshow - Crear formulario Integración con Adobe Edge y publicación del sitio. - Integración con Adobe Edge - Publicar y exportar sitio

10 CURSO DESARROLLO WEB RESPONSIVO E INTERACTIVO CON HTML5, CSS3 Y jquery Escuela de Diseño El medio web actual requiere manejar adecuadamente herramientas para otorgar a los sitios Web los estándares de calidad que rigen hoy a Internet. El curso Desarrollo web responsivo e interactivo con HTML5, CSS3 y jquery provee una formación integral de las más recientes e innovadoras tecnologías que existen hoy en Internet y en el desarrollo de sitios que se ajustan a las demandas actuales del mercado. Comenzando con un estudio de lenguaje de páginas HTML y la integración de estilos CSS se busca obtener sitios ágiles y accesibles. El curso integra además los conceptos fundamentales del diseño web responsivo para lograr interfaces fluidas que se adapten a los diferentes tipos de dispositivos, celulares, tablets, netbooks, etc., a partir de las consultas de medios (Medias Queries) de CSS3. Finalmente, para proveer interactividad, el alumno conocerá una de las librerías JavaScript más importantes del mercado, jquery.

11 OBJETIVOS ESPECÍFICOS Y CONTENIDOS Configurar entorno de trabajo y conocer las etiquetas base de marcado HTML - Introducción, historia y evolución del código HTML - Editores de Código Open Source - Etiquetas base para el documento - Etiquetas para texto - Etiquetas para estructura - Probar en navegador Conocer y aplicar etiquetas HTML5 - Lo nuevo en HTML5 - Atributos para formularios HTML5 - Etiquetas semánticas HTML5 - Etiquetas de audio y video HTML Explicar los fundamentos de los estilos CSS y su sintaxis - Declaración de reglas de estilo Hoja de estilo externa Hoja de estilo embebida en el encabezado del documento Estilos en línea - Sintaxis de las reglas de estilo Selectores y propiedades Estructura y herencia - Atributos tipográficos - Atributos de color - Atributos de fondo

12 Identificar y aplicar técnicas para el desarrollo de interfaces web a partir de HTML y estilos CSS - Uso de la etiqueta div - Uso de etiquetas semánticas HTML5 - Modelo de caja - Margen (Margin) - Borde (Border) - Relleno (Padding) - Ancho y alto - Diagramación de columnas con float - Propiedad Position: relative absolute - fixed Identificar y aplicar las nuevas propiedades CSS3 - Opacidad - Bordes redondeados - Sombras - Colores RGB y alpha - Tipografías e iconos personalizados, Google Fonts Identificar y aplicar técnicas para la depuración de sitios en navegadores - Compatibilidad HTML5 y CSS3 según estándares W3C - Herramientas de depuración en Chrome - Prefijos de navegador - Introducción a Modernizr Conocer los fundamentos de los sitios responsivos - Concepto de responsive design - Compatibilidad con los navegadores - Tamaños estándares y resoluciones Aprender y aplicar técnicas para el desarrollo de estructuras web fluidas - Anchos en Porcentaje - Anchos mínimos y máximos - Introducción al uso de grillas

13 Conocer y aplicar la sintaxis de las consultas de medios para la creación de sitios responsivos - Para qué sirven las consultas de medios - Qué características podemos detectar usando media queries - Inclusión en bloques y en enlaces a estilos - Formatear estilos para escritorio, tablets y móviles - Carga de imágenes y adaptación en móviles - Concepto y uso del viewport Explicar los fundamentos y significado de jquery para el desarrollo de interactividad - Introducción a Javascript - Qué es jquery? - Ejemplos de uso de jquery - Compatibilidad con navegadores Exponer y aplicar técnicas para la inclusión de jquery en un proyecto web - Descargar librerías - Vincular librería a proyecto Selectores jquery Qué son? Para qué sirven? Tipos Conocer la sintaxis del lenguaje y su aplicación practica - Métodos para la manipulación de CSS - Métodos para la manipulación del contenido - Métodos para la aplicación de efectos: animaciones, scalas, slider - Definir y detectar eventos de usuario (click, mouse over, mouse move, etc)

14 Integrar librerías y plugins de terceros a un proyecto web - Integrar librería jqueryui - Introducción - Conceptos básicos - Descarga y primeros pasos - Componentes: Dialog, tabs, acordion, - Validador de formularios - Galería de imágenes - Carrusel - Barra de Navegación Introducción al manejo de APls JavaScript - Qué es una API? - Utilizar API de geo localización

15 CURSO DESARROLLO WEB DINÁMICO CON PHP, MySQL Y WORDPRESS Escuela de Diseño Actualmente, es más necesario que nunca tener presencia en internet. Gran parte de las empresas ya la tienen. Este curso busca entregar los conocimientos necesarios avanzados, en las diferentes tecnologías orientadas a la ejecución de código en los servidores web. Nos acercamos a los lenguajes de programación más utilizados en entornos de servidores, PHP y a la gestión de datos a partir de MySQL, para posteriormente integrar Wordpress, Sistema de Gestión de Contenidos, el cual permite trabajar y administrar contenidos a partir de una plataforma open source. Este curso ofrece herramientas y consejos que permitirán crear, diseñar, gestionar y programar sitios web dinámicos, además de conocer las técnicas para la creación de themes (plantillas) personalizadas.

16 OBJETIVOS ESPECÍFICOS Y CONTENIDOS Configurar entorno de trabajo e instalación de servicios - Detalle del software necesario - Xampp: Instalación y prueba de Apache, PHP y MySQL - Configuración de editor de código - Estructura de directorios Conocer el funcionamiento de la base de datos MySQL - Introducción a las bases de datos - Tipos de datos - Normalización - Crear y administrar base de datos con phpmyadmin - Crear, modificar y eliminar tablas - Consultas SQL - Importar Exportar datos Reconocer los elementos de la programación PHP - Sintaxis de PHP - Salida a pantalla - Variables - Estructuras de control - Funciones Aplicar programación PHP para envío de formulario - Parámetros URL GET - Parámetros POST - Función mail - Formulario con archivos adjuntos

17 Aplicar programación PHP para envío de formulario - Parámetros URL- GET - Parámetros POST - Función mail - Formulario con archivos adjuntos Aplicar programación PHP para desarrollar plantillas basadas en PHP - Estructura de archivos - Funciones include() y require () Aplicar programación PHP para operar base de datos - Conectarse a una base de datos - Funciones PHP para el manejo de base de datos - Consultas y juegos de registros - Eliminar, modificar y listar registros - Imágenes dinámicas - Sesiones de usuarios - Consultas con filtro para búsquedas Explicar la importancia de Wordpress como medio de publicación de páginas web y su funcionamiento general. - Definición de CMS y Open Source - Especificaciones técnicas de Wordpress - Características de servidor web par Wordpress Conocer las técnicas para la instalación de Wordpress - Instalar Wordpress en servidor local - Instalar Wordpress en servidor remoto - Editar archivo de configuración Operar la interfaz de trabajo de Wordpress - Acceder al editor (back) y sitio (front) - Introducción al escritorio - Paginas v/s entradas - Control de comentarios

18 Explicar las características de las imágenes y recursos que se van a utilizar en una página web en Wordpress - Librería multimedia Wordpress - Insertar imágenes en entradas y paginas - Galerías de imágenes - Incluir video: Youtube Vimeo Realizar modificaciones a la apariencia y funcionalidades del sitio Wordpress mediante extensiones - Introducción a Widget - Instalación, activación y uso de plugins para formularios de contactos, redes sociales y galerías de imágenes - Administración de menús - Instalar y descargar temas - Configurar opciones de temas - Themes gratuitos vs themes de pago Conocer y aplicar técnicas para el desarrollo de themes para Wordpress personalizados - Mirada a Wordpress desde el código PHP - Consideraciones para diseñar un theme de Wordpress - Adaptar desde boceto web en HTML, CSS y Photoshop - Incluir medias queries para crear un theme responsivo - Estructura de archivos de un theme Wordpress - Adaptar archivos HTML y CSS a la estructura de archivos Wordpress - Integrar bucles a un theme - Integrar códigos y funciones php bases para crear themes - Integrar menús y widget personalizados - Implementar slider y funciones jquery en theme - Incluir custom post types Conocer y aplicar técnicas para realizar mantenciones y ajustes a una instalación Wordpress - Editar perfil usuario - Añadir usuarios - Plugins de seguridad - Mover sitio Wordpress a otro servidor - Integrar enlaces permanentes - Añadir Google Analytics

19 CURSO DESARROLLO PARA MÓVILES CON jquery MOBILE Y PHONEGAP BUILD Escuela de Diseño El comportamiento de los usuarios de internet, que navegan a través de dispositivos móviles está en aumento constante. En este contexto, nace este taller diseñado para introducir a los alumnos al desarrollo para móviles, a partir de JQuery Mobile y el Framework Phonegap Build, el cual permite el desarrollo de aplicaciones híbridas multiplataforma basadas en HTML5, CSS y APIs Javascript.

20 OBJETIVOS ESPECÍFICOS Y CONTENIDOS Introducción al desarrollo móvil - Web Móvil v/s aplicaciones móviles - Aplicaciones híbridas v/s nativas - Consideraciones al diseño de interfaces móviles Conocer la metodología para crear interfaces web con jquery Mobile - Roles y atributos - Documentos multipágina - Barras de navegación, listas interactivas, formularios y controles - Personalizando la UI y paleta de colores Conocer el funcionamiento de la API Javascript para dispositivos móviles - Qué es una API? - Introducción a los eventos para dispositivos - Geolocalización en dispositivos móviles - Acceder a algunas características del equipo móvil: cámara Empaquetado y distribución - Crear cuenta Adobe PhoneGap Build - Emuladores y simuladores - Empaquetar como aplicación con servicio PhoneGap Build - Publicar como web móvil en un servidor remoto

21 INFORMACIÓN GENERAL REQUISITO DE APROBACION: Asistencia mínima 75% y nota igual o superior a 4.0. Franquicia SENCE* Curso Fundamentos Web: conceptos, aplicaciones y diseños. *Código Sence: Curso Diseño de Sitios Web con Adobe Muse *Código Sence: Curso Desarrollo Web Responsivo e Interactivo con HTML5, CSS3 y jquery *Código Sence: Curso Desarrollo Web Dinámico con PHP, MySQL y Wordpress *Código Sence: Curso Desarrollo para Móviles con jquery Mobile y Phonegap Build *Código Sence: *Actividad/es de capación autorizadas por el SENCE para los efectos de la franquicia tributaria de capacitación, no conducente/s al otorgamiento de un título o grado académico.

22 FORMAS DE PAGO EMPRESAS: Se debe enviar una Orden de compra de la Empresa, a nombre de: Fundación Instituto Profesional Duoc UC PARTICULAR: : Caja Sede Antonio Varas -Cheque -Tarjetas de crédito bancarias -Transferencia o depósito a: Cuenta corriente Banco Santander a nombre de Fundación Instituto Profesional Duoc UC Rut: DESCUENTOS: -Los alumnos egresados o titulados de carreras de pregrado en Duoc UC tienen un 15% descuento sobre el valor del programa. -5% de descuento por transferencia electrónica y pago en efectivo *Descuentos no acumulables. *Duoc UC se reserva el derecho de suspender o retrasar cualquiera de sus Cursos o Diplomados en caso de no contar con el quorum necesario para ser dictado.