DIPLOMADO

DISEÑO Y DESARROLLO WEB

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 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.

¿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.

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.

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

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

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).

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

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

CURSO DESARROLL

O 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. 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

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

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)

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

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.

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

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

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

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. 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

INFORMACIÓN GENERAL

REQUISITO DE APROBACION: Asistencia mínima 75% y nota igual o superior a 4.0.

CÓDIGO SENCE*:

1237929717: Fundamentos web: Conceptos, aplicaciones y diseño.

1237929737: Diseño de sitios web con Adobe Muse.

1237930335: Desarrollo web responsivo e interactivo con HTML5, CSS3 y jQuery.

1237930834: Desarrollo Web Dinámico Con Php, Mysql Y Wordpress

1237931592: Desarrollo Para Móviles Con Jquery Mobile Y Phonegap Build.

*Actividad/es de capacitació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.

FORMAS DE PAGO

EMPRESAS:

Se debe enviar una Orden de compra de la Empresa, a nombre de: Fundación Instituto Profesional Duoc UC 72.754.700-2

PARTICULAR:

-Tarjetas de débito - Tarjetas de créditos bancarias (2 a 12 cuotas precio contado) -Transferencia electrónica

DESCUENTOS:

-Los alumnos titulados de carreras de pregrado en Duoc UC tienen un 15% descuento sobre el valor del programa.

-5% de descuento por transferencia electrónica

-Consulta por otros descuentos y convenios

*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.