Diplomado en diseño y desarrollo web con aplicaciones Adobe

Transcripción

1 Diplomado en diseño y desarrollo web con aplicaciones Adobe 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 CSS3 OBJETIVOS Este diplomado en Diseño y desarrollo web con aplicaciones Adobe, entrega al participante los conocimientos de los diferentes softwares, tecnologías, herramientas y estrategias necesarias para la creación de un sitio web integral. Desde la planificación, construcción, optimización del diseño, edición de código html y CSS, publicación y mantenimiento. Basado en las reglas de posicionamiento web (SEO). El resultado final un sitio dinamico, profesional, competitivo y con alta tecnología. DIRIGIDO A Profesionales del área multimedia, diseñadores gráficos, publicistas, comunicadores audiovisuales, artistas visuales, docentes y profesionales afines que deseen actualizar sus conocimientos en las nuevas tecnologías aplicadas al diseño y creación de páginas web. MODULOS Conceptos introductorios a la web, planificación y diseño del sitio web (3 hrs) Creación de prototipos web con Adobe Fireworks CS5 (12 hrs) Introducción a Adobe Dreamweaver CS5 (12 hrs) Introducción a Adobe Flash CS5 (Nuevas aplicaciones Adobe Edge) (12 hrs) Aplicaciones interactivas con Adobe Flash Catalyst CS5 (18 hrs) HTML y CSS en Dreamweaver (Lo nuevo en HTML5 y CSS3) (24 hrs) Desarrollo de sitios dinámicos con PHP/MYSQL en Dreamweaver (30 hrs) Desarrollo de sitios web para móviles con Dreamweaver (24 hrs) Introducción a CMS (Content Management System. Joomla / Wordpress) (15 hrs) Herramientas Seo (Search Engine Optimizer) (9 hrs) INFORMACION Inicio: 23 de mayo de 2012 Término: 8 de octubre de 2012 Horas: 159 hrs. Sesiones: 53 de 3 hrs. c/u Lunes, miércoles y viernes Horario: 19:00 a 22:00 hrs. Valor: $ * Código Sense: En trámite Contacto: Catalina Gutiérrez cgutierrez@maconline.cl cursos@maconline.cl (562) Av. Kennedy 8484 Vitacura, Santiago. *Consulta descuento por inscripción anticipada enviando un correo a cursos@maconline.cl MacOnline se reserva el derecho de suspender o prorrogar el inicio del diplomado sino se cumple con la cantidad mínima de participantes, así como la realización de cambios en la programación y contenidos.

2 CONTENIDO Conceptos introductorios a la web Conceptos básicos de Internet Definición de web Protocolos Vínculos El lenguaje HTML Servidor web Imágenes vectoriales versus mapa de bits Planificación y diseño del sitio web Establecer los requerimientos del proyecto Identificar objetivos, audiencia y sus necesidades Identificar el contenido relevante para la pagina web, apropiado para el público objetivo Diseño del sitio y diseño de página Creación de prototipos web con Adobe Fireworks CS5 Introducción y área de trabajo de Fireworks Interfaz de Fireworks Panel de herramientas Panel de propiedades Configuración de un documento Organización en capas Visualización de archivos Dibujo vectorial, texto y manipulación de objetos Aprendizaje y uso de las herramientas de dibujo vectorial Creación de formas básicas Transformación de objetos Aplicación de colores, trazos y rellenos Insertar y formatear texto Importación y transformación de imágenes Importación de imágenes de mapas de bits Aplicación de herramientas mapa de bits Uso de las herramientas de retoque Aplicación de filtros Maquetación web en Fireworks Acerca de la optimización de documentos Exportación del archivo optimizado Interactividad en Fireworks Creación de divisiones y zonas interactivas Creación de un menú emergente Uso de símbolos Creación y edición de botones Vinculaciones Exportar archivos de imagen y HTML Uso de Fireworks como herramienta de prototipo web Introducción a Adobe Dreamweaver CS5 Entender la interfaz de Adobe Dreamweaver CS5 Identificar los elementos de la interfaz de Dreamweaver Vista código y diseño Utilización del panel de propiedades Utilización del panel Activos Utilización del panel Archivos Etiquetas básicas y estructura de un documento HTML Adición de contenido mediante Dreamweaver CS5 Definir un sitio en Dreamweaver Crear nombrar y guardar una nueva página html Añadir título Utilización del panel Insertar Edición del archivo Fireworks en Dreamweaver Organizar el contenido mediante el uso de Dreamweaver CS5 Centrar la página Establecer y modificar las propiedades de página Establecer color e imágenes de fondo Inserción y formato de texto Insertar tabla Insertar archivos swf Creación de estilo de clase Trabajando con páginas, vínculos y barra de navegación Duplicación de páginas Vínculos relativos al sitio Vínculos de correo Vínculos URL Creación de formulario Insertar formulario Incluir elementos de formulario Publicación del Sitio Administración de sitios locales Configurar servidor remoto Publicación del sitio Introducción a Adobe Flash CS5 Introducción a la interfaz de Adobe Flash CS5 Conocer la interfaz de Flash Trabajar con el panel biblioteca Entender y organizar línea de tiempo y capas Utilización del panel de propiedades Escenario y panel de herramientas Creación y edición de ilustraciones Crear un documento nuevo Herramientas de dibujo

3 Transformación de objetos Aplicación de colores, trazos y rellenos Símbolos, instancias y panel Biblioteca Creación de símbolos gráfico y clip de película Creación símbolo tipo botón Edición de símbolos Línea de tiempo y animación Fotograma y fotograma clave Animación cuadro a cuadro Interpolación de forma Interpolación clásica Interpolación de movimiento Publicación Configuración de publicación Introducción a la interfaz de Adobe Edge Aplicaciones interactivas con Adobe Flash Catalyst CS5 Conceptos básicos Interfaz Herramientas Básicas Recursos en línea Planificación del proyecto Inicio del proyecto en Photoshop Inicio del proyecto en Illustrator Inicio del proyecto en Fireworks Nuevo proyecto desde Catalyst Definir componentes Agregar interacción Agregar transiciones Opciones de publicación Componentes Creación de componentes Botones / Checkbox / Radio Button Creación de Sliders y Scrollbars Diseño: Creación y edición Panel línea de tiempo Previsualizar transiciones por defecto Propiedades de objeto Importación de elementos Trabajo con texto Optimización de elementos importados Organización y estructura Editar páginas y estados Panel Biblioteca Conceptos básicos de video y sonido Interacción y transiciones básicas Diseño con datos Componente de lista de datos básico Componente de lista de datos personalizado Ajustar propiedades de una lista de datos Definir transiciones Dibujo y edición de arte Herramientas de dibujo en Flash Catalyst Crear formas básicas Agregar y modificar degradados Agrupar y posicionar objetos Aplicar filtros Edición de objetos con Illustrator y Photoshop Integración Rich media Creación de archivos de video Flash Colocar video en un proyecto Control de reproducción de video Agregar efectos de sonido Integración de contenido Flash DesignTime Data Uso de Data lists Creación de un Data list básico Creación de componentes Publicación Formatos de publicación Preparación del proyecto para publicación Publicación de archivos de manera local y remota Publicación de un proyecto Adobe AIR Integración con Adobe Dreamweaver Integración con editores de texto para web Extendiendo el proyecto con Adobe Flash Builder Importar un proyecto en Adobe Flash Builder Importar una biblioteca desde Adobe Flash Builder Publicación en formato SWF local y remoto Integración del SWF con Dreamweaver Integración con un editor de texto HTML y CSS en Dreamweaver Profundización en Dreamweaver, enseña las etiquetas HTML base, controlar la presentación de documento mediante hojas de estilos. Introduce además aspectos nuevos de las últimas versiones de HTML5 y CSS3. Introducción Qué es el HTML?

4 Diferencias entre HTML4, XHTML y HTML5 Etiquetas : Sintaxis HTML Comentarios y símbolos especiales Técnicas de aplicación de código HTML desde Dreamweaver Utilización de panel de código Inspector de etiquetas Añadir código HTML en Dreamweaver Depuración de código en diferentes navegadores Configurar preferencias para trabajo con código Buscar y reemplazar etiquetas Estructura del lenguaje html y su funcionamiento Estructura de documentos html Etiquetas para formato de texto Etiquetas y atributos de imagen Etiquetas y atributos de estructuras tablas y Div Etiquetas y atributos de estructuras iframe Lo Nuevo en HTML5 Etiquetas semántica para estructura: Section, nav, article, header, footer Etiquetas para formularios y validación Etiquetas para audio y video Introducción a las CSS Navegador, autor y usuario Diferencias entre CSS2 y CSS3 Tipos de selectores Herencia y orden de lectura Propiedades de elementos Plantillas en base a CSS Diseño plantillas con hojas de estilos CSS Modelo de caja: Diseño de estructuras Div asociadas a estilos CSS La propiedad Float y Clear Plantillas para etiquetas HTML5 Estilos para formulario Lo nuevo en CSS3 Fondos múltiples y tamaños Efectos: Transparencias, sombra, bordes redondeados Animaciones Fuentes personalizadas Media Queries: Estilos según dispositivo (Impresora, tablet, móviles) Herramientas Dreamweaver para el manejo de Estilos CSS Creación y uso de hoja de estilos de cascada (CSS) con Dreamweaver Adjuntar, vincular, importar y editar una hoja de estilos en Dreamweaver Consulta de medios en Dreamweaver: Vista previa para dispositivos Depuración y compatibilidad con navegadores Desarrollo de sitios dinámicos con PHP/MYSQL en Dreamweaver Este modulo incluye contenido dinámico desde base de datos en sitios Web, utilizando el lenguaje de lado de servidor PHP y la base de datos MYSQL. Con estas herramientas podremos hacer sitios autoadministrables, carros de compra entre otras aplicaciones. Instalación de servicios Detalle del software necesario Xamp: Instalación y prueba de Apache, PHP, Mysql Configuración de Dreamweaver Estructura de directorios Base de datos MYSQL Introducción a las bases de datos Tipos de datos Normalización de bases de datos Práctica de normalización Interfaces gráficas: Introducción al phpmyadmin Creación de base de datos Creación de tablas Consultas SQL Importar - Exportar datos Introducción a PHP Sintaxis de PHP Salida a pantalla Variables Incluir y requerir Condicionales Dreamweaver Dinámico Conceptos básicos de Dreamweaver dinámico Definir sitio local en Dreamweaver Herramientas de Dreamweaver para el trabajo con lenguajes dinámicos Instalación de extensiones. Fragmentos de código Construir una aplicación web Dinámica con Dreamweaver Conexión a la base de datos Creación de consultas y juego de registros Tabla dinámica Recuento de registros

5 Paginación de juego de registros Visualizando imágenes dinámicas Modificar registros Eliminar registros Filtrar resultados Autentificación de usuarios Manejo de sesiones de sistema Restringir el acceso a páginas Comprobar nuevo nombre de usuario Publicación Publicar sitio dinámico en servidor remoto Talleres Creando un buscador Enviar correos Galería de imágenes Sitio autoadministrable Desarrollo de sitios web para móviles con Dreamweaver Este módulo contempla las bases para la creación y optimización de sitios web para móviles, ipad, tablets, android entre otras, basado en estándares, utilizando las herramientas de Dreamweaver. Introducción Desarrollo orientado a contexto Modos de interacción Resoluciones de pantalla y color Maquetación fluida versus maquetación fija Arquitectura de contenidos DOCTYPE y codificación MIME Types HTML y CSS para móviles Sintaxis Listado de etiquetas soportadas Estructura básica de un documento Textos: Fuentes y medidas Modelo de caja y posicionamiento Crear hojas CSS para dispositivos Diagramación y contenido para la web móvil Listas Tablas Enlaces Galerías de imágenes Contenidos multimedia Formulario Interactividad en tablets Equivalencia de eventos Toques individuales Gestos: Demostración en emulador Depuración y validación W3C ready.mobi Adobe Device Central Formatos condicionales con CSS Media Queries Introducción a CMS (Sistemas de administrador de contenidos) Introducción a la instalación y creación de contenido web utilizando las aplicaciones CMS Joomla y Wordpress Introducción a Wordpress Wordpress.com v/s Wordpress.org Instalar en servidor local - remoto Crear base de datos Panel de administración Ajustes de configuración Panel multimedia Gestión de usuarios Gestión de Contenidos Administrar contenidos Crear y administrar entradas Crear y administrar páginas Categorías Gestión de comentarios Temas, Widget y Plugins Instalar temas Configurar widgets Instalar plugins Introducción a Joomla Archivos de instalación Instalar en servidor local - remoto Crear base de datos Panel de administración Ajustes de configuración Panel multimedia Gestión de usuarios Gestor de Contenidos Secciones, categorías y artículos Gestión de artículos Gestión de menús Presentación de artículos

6 Componentes, módulos y plugins Componentes para contacto, encuestas y banner Configurar módulos Instalar plugins Instalar extensiones Instalar plantillas Herramientas Seo Modulo para proporcionar los conocimientos necesarios para definir una estrategia SEO y poder posicionar de forma orgánica un sitio web. Investigación y estrategia Palabras claves: Por frases y por URL Lista de competidores Obtención de palabras claves Evaluación Estructura semántica Técnicas para escribir contenidos Tiempo de descarga de una página web Uso indebido de tablas anidadas Antigüedad del dominio Google Page Rank Optimización Título Meta Description - Meta Keywords Atributo Alt Mapa de sitio web Enlaces internos Popularidad de los enlaces Seguimiento y mejoras Alta en buscadores Archivo robots.txt Google Sitemap Google Analitics Extensiones Seo para Firefox Trucos POLÍTICA DE CANCELACION Y REEMBOLSO Una vez hecha la reserva y por motivos de causa mayor no podrá asistir. Debe dar aviso en un plazo mínimo de 5 días hábiles al inicio del diplomado, en ese caso MacOnline procederá sólo a la devolución del 80% del total cancelado. No habrá reembolso para cancelaciones realizadas después del plazo estipulado.