Diseño de páginas Web

Estás ante el curso más completo del mercado, de cero a experto. Aprenderás a diseñar páginas web desde 0, a utilizar estándares actuales. Es ideal para quien quiera iniciarse en el diseño web.

Duración: 6 Meses

Aprenderas:



Adobe Animate CC 2018
   

Ver Horario

Ver Silabus
Precio por curso:
S/. 150
Adobe Animate CC 2018

En partes: S/. 200
Al contado: S/. 150
Fecha de inicio Dias Hora
20/05/2019 Lu – Mi – Vi 8:00 am – 10:00 am
20/05/2019  Lu – Mi – Vi  10:00 am – 12:00 am
20/05/2019  Lu – Mi – Vi  2:00 pm – 4:00 pm
20/05/2019  Lu -Mi – Vi  4:00 pm – 6:00 pm
20/05/2019 Lu – Mi – Vi  6:00 pm – 8:00 pm04
20/05/2019  Lu – Mi – Vi  8:00 pm – 10:00 pm
21/05/2019 Ma – Ju 8:00 am  – 11:00 am
21/05/2019 Ma – Ju 11:00am – 2:00 pm
21/05/2019 Ma- Ju 4:00 pm – 7:00 pm
21/05/2019 Ma – Ju 7:00 pm – 10:00 pm

1

SYLLABUS animate cc 2018

Adobe Animate CC, es una poderosa herramienta que te permitirá producir animaciones enriquecidas para la web y poder exportarlo a prácticamente para cualquier formato.

Con este software podrás crear gráficos estáticos e interactivos para la web. Además, trabajarás en tu propio proyecto y utilizarás los componentes fundamentales de la interfaz: los paneles, el espacio de trabajo, el escenario, la línea de tiempo y la mesa de trabajo.

Objetivo:

  • Utilizar Animate CC para diseñar un proyecto interactivo en 2D.
  • Tener una visión general de la aplicación, creación y configuración de proyectos.
  • Aprender a importar varios archivos para su uso dentro de un proyecto animado.
  • Trabajar la animación de diferentes formas y manipular símbolos complejos.
  • Explorar el uso de texto dentro del proyecto e incluso incluir un conjunto de elementos interactivos.

Dirigido a:

  • Público en general
  • Diseñadores gráficos
  • Arquitectos
  • Comunicadores

TEMA 1. HERRAMIENTAS NECESARIAS

  • Nociones preliminares y el proceso de animación
  • Creación y publicación de contenidos
  • Dibujos y creación de gráficos

TEMA 2. INTERPOLACIONES

  • Simbolos: tipos, creación y edición
  • Filtros, efectos y transparencias
  • Animación: Principios y técnicas

TEMA 3. TEXTO, ENLACES, LISTAS, IMÁGENES Y OBJETOS

  • Animación: Principios y técnicas 2
  • Animación: Principios y técnicas 3
  • Cinemática Inversa

TEMA 4. TABLAS, FORMULARIOS Y ESTRUCTURAS

  • Trabajando con animaciones interactivas
  • Interactividad
  • Interactividad aplicada: Proyecto VideoJuego

Html 5
   

Ver Horario

Ver Silabus
Precio por curso:
S/. 150
HTML 5

En partes: S/. 200
Al contado: S/. 150
Fecha de inicio Dias Hora
Consultar

SYLLABUS HTML 5

Hemos actualizado los contenidos del curso profesional de HTML5 para hacerlo más profesional, avanzado y atractivo. Además de enseñarte las novedades de HTML5, CSS3 y Jquery, aprende a crear sitios web según las tendencias de diseño más actuales. Páginas a pantalla completa, navegación con scroll animado en una página, menús y cabeceras fijas, animaciones con scroll parallax, uso de sprites y webfonts, hojas de estilo de reseteo y boilerplates y técnicas para hacer interfaces atractivos y dinámicos. Y como regalo, hemos incluido Bootstrap 3 para redondear un curso de diseño front-end tremendamente completo

Objetivo: Conocer las herramientas necesarias para poder trabajar con HTML5 y CSS3. Crear una página utilizando HTML5 y CSS3

Dirigido a: El curso está dirigido a todas aquellas personas que quieren iniciarse en el mundo del HTML5 y CSS3, y poder crear así su primera página.

TEMA 1. HERRAMIENTAS NECESARIAS

  • Introducción
  • Editor de texto
  • Navegadores

TEMA 2. INTRODUCCIÓN HTML

  • Introducción HTML
  • ¿Cómo creamos documento HTML?
  • Características básicas

TEMA 3. TEXTO, ENLACES, LISTAS, IMÁGENES Y OBJETOS

  • Textos en HTML
  • Enlaces
  • Listas en HTML
  • Imágenes y objetos

TEMA 4. TABLAS, FORMULARIOS Y ESTRUCTURAS

  • Tablas
  • Formularios
  • Estructuras y layout

Adobe Muse 2018
   

Ver Horario

Ver Silabus
Precio por curso:
S/. 150
Adobe Muse 2018

En partes: S/. 200
Al contado: S/. 150
Fecha de inici1o Dias Hora
06/02/2019 Lu – Mi – Vi 7:00 pm – 10:00 pm

SYLLABUS Muse cc 2018

En este curso de Adobe Muse, los estudiantes aprenderán desde cero y crearán sitios web utilizando los últimos estándares web sin escribir código. Con Muse, puede diseñar y crear rápida y fácilmente sitios web interactivos fáciles de usar, sin la ayuda de un desarrollador.

Usted acaba de diseñar su sitio en Adobe Muse utilizando herramientas gráficas de diseño que aprovechan las mismas habilidades que Adobe InDesign y Photoshop. Luego, después de crear su sitio en Muse, puede llevar su sitio en vivo usando alojamiento de Adobe o exportarlo a un proveedor de su elección, publicando su sitio como páginas HTML originales que se ajusten a los últimos estándares web.

Objetivo:

Después de completar con éxito este curso, los estudiantes podrán:  Crear un nuevo sitio en Adobe Muse

  • Crear y editar un mapa del sitio
  • Crea y aplica una página maestra
  • Formato de texto y crear estilos de tipo
  • Trabajar con formas y colores
  • Trabajar con imágenes en un sitio
  • Utilice enlaces, anclas y botones en un sitio
  • Aplicar esquinas redondeadas, efectos y opacidad en los elementos
  • Utilice widgets en un sitio
  • Publique y exporte su sitio

Dirigido a:

  • Público en general
  • Diseñadores gráficos
  • Arquitectos
  • Comunicadores

TEMA 1. UNA INTRODUCCIÓN A ADOBE MUSE

  • Un flujo de trabajo web Muse típico
  • Recorriendo el espacio de trabajo
  • Entender los modos

TEMA 2. CREANDO SU SITIO WEB

  • Creando un nuevo sitio
  • Editando su mapa del sitio

TEMA 3. TRABAJANDO CON PÁGINAS MAESTRAS

  • Diseño web vs. diseño de impresión
  • Construyendo una página maestra
  • Creando una nueva página maestra
  • Aplicando páginas maestras
  • Probando tus páginas

TEMA 4. PUBLICACIÓN Y EXPORTACIÓN DE SU SITIO

  • Comprender la publicación de Adobe Muse
  • Publicando su sitio
  • Subir su sitio a un host de terceros
  • Edición en el navegador

Jquery
   

Ver Horario

Ver Silabus
Precio por curso:
S/. 150
Jquery

En partes: S/. 200
Al contado: S/. 150
Fecha de inicio Dias Hora
Consultar

SYLLABUS JQUERY

jQuery es la biblioteca JavaScript más importante del mundo. Si eres programador web no puedes permitirte el lujo de no conocer jQuery. Con este curso aprenderás a dominarla, partiendo desde cero y llegando hasta los conceptos más avanzados, como el uso de Promises.

jQuery es gratuita, Open Source, muy rápida y de pequeño tamaño. Abstrae a los programadores web de las diferencias entre navegadores, y simplifica mucho la manipulación de los elementos HTML de las páginas, la gestión de eventos, animaciones, elementos de interfaz de usuario y desarrollos AJAX desde cliente entre otras muchas cosas.

Objetivos:

  • Conocerás la biblioteca, sus ventajas, sus usos y cuándo utilizarla.
  • Dominarás los selectores de elementos y el operador $.
  • Aprenderás a gestionar conjuntos de elementos para manipularlos.
  • Podrás gestionar eventos de manera independiente al navegador.
  • Descubrirás cómo crear efectos para hacer interfaces de usuario más atractivas
  • Aprenderás a almacenar información en los elementos de las páginas para usarla luego desde JavaScript.
  • Dominarás las llamadas AJAX para crear aplicaciones interactivas basadas en la comunicación en segundo plano entre navegador y servidor.
  • Descubrirás cómo orquestar y gestionar de manera sencilla procesos en segundo plano gracias a Deferred y Promise, piedra angular de las aplicaciones web modernas.
  • Aprenderás a crear plug-ins para extender la funcionalidad de jQuery.
  • Crear interfaces de usuario avanzadas con jQuery UI: interacciones, controles avanzados, efectos de transición…
  • Crear interfaces de usuario para móviles y tabletas con jQuery Mobile. Tus aplicaciones funcionarán en smartphones de todo tipo con un aspecto idéntico al de las apps nativas, pero en la web.

Dirigido a: Este curso está dirigido a personas con conocimientos previos básicos de HTML, CSS y JavaScript.

TEMA 1. INTRODUCCIÓN A JAVASCRIPT

  • La etiqueta SCRIPT
  • Contenido Alternativo
  • Variables
  • Tipos de Datos
  • Operadores
  • Cuadros de diálogo

TEMA 2. CONCEPTOS BÁSICOS DE PROGRAMACIÓN

  • Introducción
  • Estructuras de decisión
  • Estructuras lógicas
  • Estructuras de repetición
  • Definir funciones
  • Llamadas a funciones
  • Ámbito de las variables

TEMA 3. CONCEPTOS BÁSICOS DE JQUERY

  • Introducción
  • Obteniendo JQuery 1.9.1
  • El nucleo de jQuery
  • Cargar Jquery desde Google
  • Novedades de Jquery 1.9

TEMA 4. SELECTORES

  • Introducción
  • Selectores básicos en jQuery
  • Selectores de jerarquía
  • Filtros en Jquery

TEMA 5. EVENTOS

  • Introducción
  • Evento de carga de Página
  • Eventos en Jquery
  • El objeto Event
  • Todavía más Eventos de Jquery

 


Dreamweaver CC 2018
  Básico 

Ver Horario

Ver Silabus
Precio por curso:
S/. 150
Dreamweaver CC 2018 (Básico)

En partes: S/. 200
Al contado: S/. 150
Fecha de inicio Dias Hora
Consultar

SYLLABUS DREAMWEAVER CC 2018 BASICO

Al finalizar el curso, el alumno será capaz de diseñar y publicar sus propias páginas web, incorporando todos los elementos propios de un sitio web: imágenes, enlaces, texto formularios, marcos, tablas, menús, anclajes, rollovers, capas, elementos flash, album de imágenes, applets de java, sonidos, etc.

La formación está orientada a cualquier persona que quiera aumentar su formación en: aportar al alumno todas las competencias y conocimientos necesarios para la creación, diseño y publicación de páginas web con el editor profesional DREAMWEAVER CC. Este curso está dirigido a diseñadores gráficos, diseñadores y programadores de páginas web, informáticos, estudiantes, desempleados, y en general a cualquier persona que desee aprender a diseñar y crear páginas web. Estudios de diseño web, diseño gráfico, agencias de comunicación y publicidad, artes gráficas, programación, informática, Internet.

Objetivo: Aportar al alumno todas las competencias y conocimientos necesarios para la creación, diseño y publicación de páginas web con el editor profesional Adobe Dreamweaver CC

Dirigido a: Diseñadores gráficos, diseñadores y programadores de páginas web, informáticos, estudiantes, desempleados, y en general a cualquier persona que desee aprender a diseñar y crear páginas web.

TEMA 1. PRESENTACIÓN DE LOS CONTENIDOS

  • Objetivo del curso: Dreamweaver es uno de los programas más potentes para la creación de páginas Web.
  • Dirigido a: Diseñadores gráficos o Web que desean aprender a crear páginas Web.

TEMA 2. CONCEPTOS BÁSICOS Y NOVEDADES ACERCA DE DREAMWEAVER CS6

  • ¿Que es un dominio de un sitio Web?
  • ¿Qué es un servidor Web? Clases de Alojamiento Web: Alojamiento Web gratis, Alojamiento compartido, Housing o colocation.
  • Resolución de pantalla y sus diferentes tamaños: Absoluto y relativo.
  • Lenguaje HTML: el lenguaje con el que se escriben las páginas Web.
  • Diferentes tipografías y colores en la Web
  • Prácticas

TEMA 3. SITIOS Y DOCUMENTOS WEB

  • Sitios en Dreamweaver, Presenta los pasos a seguir para crear y configurar un sitio Web en el programa Macromedia Dreamweaver. Explica las diferencias entre el sitio local y sitio remoto, cómo organizarlos para albergar el contenido creado y las distintas formas de ver los archivos en el sitio local.
  • Configurar un sitio Web.
  • Administrar y editar sitios Web.
  • Crear y abrir documentos: Creación de una página en blanco, Creación de una plantilla en blanco, Creación de una página basada en un archivo de muestra de Dreamweaver CS6, Cómo abrir y editar documentos existentes.
  • Espacio de trabajo de Dreamweaver CS6
  • Vistas del documento: Código, Código dividida, Diseño, en vivo.
  • Propiedades de la página: CSS, HTML
  • Prácticas.

TEMA 4. EDICIÓN Y CREACIÓN DE TEXTO

  • Insertar Texto: Se indica cómo introducir texto en las páginas Web a través del programa Macromedia Dreamweaver CS6. Se estudia el formato del texto (fuente, tamaño, color, alineación, sangría,…), los estilos CSS, la posibilidad de crear listas (numeradas, no numeradas o de definición) e incluso la revisión de la ortografía. Finalmente, también se describe la utilización de otros objetos en las páginas, como reglas horizontales, comentarios y la fecha de la última modificación de la página.
  • Importar documentos de Microsoft Word
  • Propiedades del texto: Propiedades HTML, Propiedades CSS.
  • Creación de listas: Creación de una lista nueva, de una lista usando texto existente, de una lista anidada. Configuración de las propiedades de toda una lista
  • Caracteres especiales en HTML
  • Corregir y sustituir texto, revisión ortográfica, búsqueda y sustitución de texto.
  • Crear un estilo CSS y definición
  • Web fonts: La tipografía es una parte esencial del diseño de páginas Web.
  • Prácticas

TEMA 5. ENLACES

  • Introducción: Explica cómo insertar hipervínculos en las páginas Web a través del programa Macromedia Dreamweaver: vínculos a un lugar determinado de una página (a través de un anclaje con nombre), vínculos a otras páginas (del mismo sitio o a cualquier página de Internet) y vínculos en un menú de salto. Se indican las diferencias entre rutas absolutas y relativas, así como la administración y modificación de hipervínculos en Dreamweaver. Por último, se describe el uso de comportamientos en las páginas, para ejecutar comandos en respuesta a determinados sucesos o eventos.
  • Crear un enlace: Rutas absolutas y relativas al documento. Rutas relativas a la raíz del sitio
  • Vínculo a un correo: Creación de un vínculo de correo electrónico utilizando el comando Insertar vínculo de correo electrónico, creación de un vínculo de correo electrónico mediante el inspector de propiedades.
  • Puntos de ancla: Creación de un anclaje con nombre, establecimiento de un vínculo con un anclaje con nombre.
  • Menú de salto
  • Widget de barra de menús: Adición de un elemento de menú principal, Adición de un elemento de submenú, Eliminación de un elemento de menú principal o submenú
  • Comprobar vínculos: Comprobación de vínculos del documento actual, Comprobación de vínculos en una parte de un sitio local, Comprobación de los vínculos de todo el sitio, Reparación de los vínculos en el panel Verificador de vínculos.
  • Estilos en vínculos: Link, Visited, Active
  • Prácticas

TEMA 6. TRABAJAR CON IMÁGENES

  • Insertar una imagen: e describe el modo de incorporar imágenes en las páginas Web a través del programa Macromedia Dreamweaver. Se presentan los formatos gráficos que se pueden utilizar en una página Web y sus diferencias, así como la creación de imágenes de sustitución, mapas de imagen y barras de navegación.
  • Propiedades de la imagen: El inspector de propiedades
  • Alinear y redimensionar una imagen
  • Rollover: una imagen al visualizarse en un navegador cambia.
  • Mapas de imagen
  • Marcadores de posición
  • Objetos Inteligentes
  • Prácticas

TEMA 7. TABLAS

  • Tablas: Explica la forma de distribuir o colocar los elementos en las páginas Web con el programa Macromedia Dreamweaver: la utilización de capas, tablas y la utilización del modo de diseño, asignación del formato, incluir el contenido, etc.
  • Insertar tablas
  • Selección de elementos de la tabla
  • Propiedades de la tabla: inspector de propiedades
  • Propiedades de las celdas
  • Tamaño de tablas: Cambio del tamaño de tablas, columnas y filas
  • Copiar, pegar, combinar y anidar tablas
  • Formato CSS de tablas.
  • Prácticas

TEMA 8. CAPAS Y COMPORTAMIENTO

  • Las capas: Explica que las capas por lo general se definen con las etiquetas div y span y pueden contener cualquier objeto, por ejemplo un formulario, un fragmento de texto o un pluguin.
  • Posiciones de las cajas: Estática, Relativa, absoluta y fija.
  • Insertar capas
  • Propiedades de las capas: inspector de propiedades
  • Panel de elementos PA
  • Capas prediseñadas
  • Conversión entre elementos PA y tablas
  • Comportamientos: código JavaScript.
  • Aplicar un comportamiento
  • Prácticas

TEMA 9. ESTILOS CSS I

  • Hojas de estilo: Reglas CSS. Explica que las hojas de estilos en cascada (CSS) son un conjunto de reglas de formato que determinan el aspecto del contenido de una página Web. La utilización de estilos CSS para aplicar formato a una página permite separar el contenido de la presentación.
  • Panel estilos: permite supervisar las reglas y propiedades CSS que afectan al elemento de página seleccionado
  • Crear una nueva regla
  • Propiedades de tipo: definición de la configuración básica de la fuente
  • Propiedades de fondo
  • Propiedades de bloque
  • Propiedades del cuadro
  • Propiedades del borde
  • Prácticas

TEMA 10. ESTILOS CSS II

  • Propiedades lista: Aprenderemos más reglas css para una Web atractiva.
  • Propiedades de posición
  • Propiedades de extensiones
  • Transiciones
  • Trabajar con Hojas de estilo
  • Aplicar varias clases estilos
  • CSS con distintos navegadores
  • Hojas de estilos de muestra de Dreamweaver
  • Diseño de páginas con CSS
  • Prácticas

Dreamweaver CC 2018
  Avanzado 

Ver Horario

Ver Silabus
Precio por curso:
S/. 150
Dreamweaver CC 2018 Nivel II

En partes: S/. 200
Al contado: S/. 150
Fecha de inicio Dias Hora
27/02/2019 Lu – Mi – Vi 5:00 pm – 7:00 pm

SYLLABUS DREAMWEAVER CC 2018 AVANZADO

Si le interesa la metodología de nuestra formación en el área de informática, este curso está dirigido a estudiantes y profesionales de los sectores relacionados con el mundo de la informática, diseño gráfico, internet y programación orientada a la web. Internet. Diseño Web. Informática. El diseño web se ha ganado rápidamente un lugar de relevancia dentro del diseño gráfico.

Objetivo:

  • Conocer los aspectos generales de la programación en Java, la estructura de sus programas y la sintaxis de programación.
  • Desarrollar programas manejando la potencia de la programación orientada a objetos, trabajando con la estructura de una clase, sus métodos y atributos, control de accesos, paquetes, etc., para poder dar sentido a la programación orientada a objetos.
  • Controlar errores inesperados a la hora de realizar un programa y saber encauzar estos errores para que la aplicación no tenga una finalización inesperada.
  • Hacer desarrollos utilizando colecciones Java, que nos facilitan el tratamiento, almacenamiento, recuperación, etc., de los objetos creados, y nos facilitan la programación.
  • Adquirir una base teórica y práctica en el campo de la Informática para poder comprender los conceptos prácticos.
  • Aprender la forma de optimizar las bases de datos y protegerlas contra posibles agresiones.
  • Conocer las características especiales que presentan las aplicaciones en PHP, su nuevo enfoque orientado a objetos, la seguridad en la aplicación y el acceso a bases de datos

Dirigido a: Estudiantes y Profesionales de los sectores relacionados con el Mundo de la Informática, Internet y Programación orientada a la web.

TEMA 1. INSTALACIÓN

  • Práctica 9
  • La directiva register_globals
  • Apache y MySQL como servicios
  • Instalar el paquete XAMPP
  • Obtener el paquete XAMPP
  • Introducción
  • ¿Cómo funcionan las páginas PHP?
  • Crear un alias en apache
  • La página principal
  • Práctica 10
  • Las etiquetas PHP
  • Variables
  • Tipos de datos
  • Constantes
  • Práctica 11

TEMA 2. ARRAYS Y ESTRUCTURAS DE CONTROL

  • Práctica 13
  • Parámetros por defecto
  • Paso de parámetros
  • Llamar a una función
  • Crear Funciones
  • Introducción
  • Arrays
  • Estructuras de repetición
  • Estructuras de decisión
  • Combinar estructuras
  • Arrays Asociativos
  • El bucle foreach
  • Arrays Multidimensionales
  • Práctica 12a
  • Práctica 12b
  • Ámbito de las variables
  • Variables estáticas
  • Uso de include y require
  • Incluir solo una vez
  • Seguridad de los archivos incluidos
  • Práctica 14

TEMA 3. PROGRAMACIÓN ORIENTADA A OBJETOS

  • Introducción
  • Clases
  • Propiedades
  • Métodos
  • Visibilidad
  • Crear Objetos
  • Destructores
  • Práctica 15a
  • Práctica 15b
  • Presentación
  • Crear subclases
  • Crear objetos de las subclases
  • Sobrescribir métodos
  • El acceso protected
  • Práctica 16
  • Introducción
  • El array $_GET
  • El array $_POST
  • Recogerlos en una página distinta
  • Recogerlos en la misma página
  • Entradas requeridas
  • Práctica 17a
  • Práctica 17b

TEMA 4. VALIDACIÓN DE FORMULARIOS

  • Expresiones regulares
  • Limpiando la información
  • Comprobando el formulario de origen
  • Práctica 18

 

Algunas imagenes sobre el curso


Otras Carreras técnicas