Información general
Descripción:
Un Diseñador Web, o también conocido como Diseñador de Páginas Web, es el encargado de todo el aspecto visual de las páginas o aplicaciones web lo cual lo habilita para trabajar en equipo junto a los programadores web en sitios o aplicaciones web de alta complejidad o también hacerse cargo completamente solos de sitios o aplicaciones web de baja complejidad, en este sentido hemos creado este curso con el fin de formar a un Diseñador Web. Podrás crear: páginas responsive para diferentes dispositivos, menús, links, tablas, listas, formularios, animaciones, banners, editarás imágenes, insertarás imágenes, vídeos y sonidos para sitios y aplicaciones web, crearás con código algunas aplicaciones web que se ejecutarán en el cliente web. El Diseñador Web se puede calificar en otros rangos para lo cual también tenemos cursos: Diseño Web Junior, Diseño Web Semi Senior. Si deseas especializarte en la programación web te recomendamos alguno de los siguientes cursos: Programación Web, Programación Frontend Web Senior o Programación Backend Senior.
Requisitos:
Ser usuario de Windows, Mac OS o Linux.
Duración:
140 Horas.
Curso integrado
Este es un curso integrado, un curso integrado esta compuesto por varios cursos/modulos. Para obtener el certificado de este curso integrado puedes hacerlo cursando cada curso con nosotros o solo presentando los exámenes de los cursos que consideras ya posees conocimientos. Si solo presentarás el examen de algún curso, entonces solo debes pagar la certificación de dicho curso. Recuerda que para obtener el certificado debes aprobar todos los exámenes.
Fechas de inicio
Si verás este curso integrado en la modalidad presencial u online en vivo ve las fechas de inicio en la página de cada curso/modulo que componen este curso integrado. Si verás este curso integrado en la modalidad online videocurso puedes iniciar cuando quieras. Puedes ir viendo los cursos en el orden mostrado en la tabla "Precios" o también puedes verlos en el orden de tu preferencia, sin embargo debes estar pendiente de las prelaciones.
|
Contenido
Introducción a HTML
- Estructura de un documento HTML
- Encabezado y cuerpo de las páginas
- Etiquetas
<body>, <head>
- Crear mi primera página web
Texto y parrafo
- Tamaños y tipos de fuentes
- Color del texto
- Salto de párrafos y salto de línea
- Línea horizontal
- Texto preformateado
- Códigos de caracteres
- Alineación
- Elementos que modifican el aspecto del texto
- Listas: ordenadas, desordenadas y de definición
Enlaces
- Atributos
href, name, target
- Enlaces a correos electrónicos:
mailto
Multimedia
- Imágenes: etiqueta
<img> y sus atributos
- Imágenes estáticas y animadas
- Sonido y video
Tablas
- Etiquetas
<table>, <tr>, <thead>, <th>, <tbody>, <td>
- Atributos
rowspan, colspan, border
- Manejo de
cellpadding, cellspacing
Formularios
- Introducción
- Etiqueta
<input>
- Cajas de texto y de contraseña
- Atributo
type y sus variants
- Botones y tipos
- Botones de selección y de radio
- Listas de selección y áreas de texto
- Etiquetas
<fieldset>, <legend>, <label>
Elementos Adicionales
- Introducción a JavaScript
- Introducción a CSS
CSS
- El Comienzo
- Introducción
- Sintaxis
- Como se hace
- Colors, Backgrounds, Borders
- Margins, Padding, Height/Width, Box Model, Outline
- Text, Fonts, Icons, Links, Lists
- Tables
- Display, Max-width, Position, Overflow, Float, Inline-block
- Align
- Combinators, Pseudo-class, Pseudo-element
- Opacity
- Navigation Bar, Dropdowns
- Tooltips
- Image Gallery
- Image Sprites
- Attr Selectors
- Forms
- Counters
CSS3
- Introducción
- Rounded Corners
- Border Images
- Backgrounds, Colors, Gradients, Shadows
- Text, Fonts
- 2D Transforms, 3D Transforms
- Transitions, Animations
- Images
- Buttons
- Pagination
- Multiple Columns
- User Interface, Box Sizing, Flexbox
- Media Queries, MQ Examples
Responsive
- Introducción
- Viewport
- Grid View
- Media Queries
- Images
- Videos
- Frameworks
- Templates
Introducción a Photoshop
- Qué es Photoshop
- Adobe Bridge
- Formatos de Imagen
- Abrir Imagen
- Guardar Imagen
Área de Trabajo
- Sistemas de Color RGB-CMYK-LAB-WEB-HSB-INDEX
- Pixeles y resolución de una imagen
- Barra de menú
- Caja de herramientas
- Paletas o ventanas de herramientas
- Utilización de atajos de teclado (shortcuts)
Capas
- Trabajo con capas
- Creación de máscaras de capa
- Grupos de capa
- Estilos de capa
Vectores y Texto en Photoshop:
- La plumilla
- Dibujos vectoriales
- Compatibilidad con Illustrator
- Efectos de texto
- Manipulación de textos
Edición y Aplicación de Efectos
- Estilos de objetos
- Filtros y fotomontajes
Retoques Fotográficos Profesionales
- Aplicación de filtros y estilos
- Creación de imágenes fantásticas con fotografías ordinarias
Configuración y uso de un panel de control
- Cambio de password
- Cambio de lenguaje
- Cambio de estilos
- Actualización de la información de contacto
Configuración de dominios y subdominios
- Dominios y Subdominios
- Apuntadores a dominios
- Redirecciones
FTP
- Configuración y uso de accesos
- Configuración de usuarios
- Control de Sesiones
- Introducción a FileZilla
Gestión de archivos y directorios
- Administrador de Archivos
- Manejo de archivos comprimidos
- Respaldos
Bases de Datos
- Asistentes de Creación de Usuarios
- Asistentes de Creación de Bases de Datos
- Introducción a phpMyAdmin
Correo
- Configuración, mantenimiento y uso de usuarios
- Introducción a webmail
- Configuración de un correo en Outlook
Manejo y uso de estadísticas
- Lectura de reportes de estadísticas
- Gestión de reportes de estadísticas
- Respaldo de reportes de estadísticas
Inicio Bootstrap
Columnas
- Tipos de columna
- Desplazando columnas
- Reordenando las columnas
Tipografía
- Titulares
- Clases CSS
- Abreviaturas
- Direcciones
- Blockquotes
- Otras Etiquetas HTML5
Tablas
- Tablas Básicas
- Filas de Cebra
- Posicionamiento encima
- Tablas responsivas
- Paneles con tablas
Imágenes
- Forma de Imágenes
- Imágenes responsivas
Formularios
- Formulario básico
- Formulario en línea
- Formularios horizontales
- Campos de formulario
- Estados de formulario
- Redimensionando campos de formulario
- Mensajes de ayuda
- Botones
Componentes
- Iconos (glyphicons)
- Menús desplegables
- Grupos de botones
- Botones desplegables
- Elementos de navegación
- Barras de navegación
- Migas de pan
- Paginadores
- Etiquetas
- Encabezado de página
- Mensajes de alerta
- Barras de progreso
- Paneles
Plugins de JavaScript
- Js Alert
- JS Button
- Js Carrusel
- JsCollapse
- JsDropdown
- Js Tab
- Js ScrollSpy
Introducción a Illustrator
- Que es Adobe Illustrator
- Adobe Bridge
- Formatos de imagen
- Abrir imagen
- Guardar imagen
Área de Trabajo
- Barra de menú
- Caja de herramientas
- Paletas o ventanas de herramientas
- Utilización de atajos de teclado (shortcuts)
- Relación y compatibilidad con otros programas Adobe
- Líneas guía y cuadrículas
- Mesas de trabajo
Trabajo de Vectores
- Formas básicas
- Manipular la plumilla
- Trabajo con capas
- Rellenos y degradados
- Máscaras
Interaccion entre formas
- Distorsión envolvente
- Fusión
- Utilización del Pathfinder
Texto
- Diagramando en illustrator
- Herramientas de texto
- Corrector ortografico
- Parrafos
- Estilos de parrafo y texto
- Bordear imagenes
- Texto para Adobe Flash
Multimedia
- Sectores o divisiones
- Exportar para la Web
- Animaciones en illustrator
Los algoritmos
- Análisis del problema
- Diseño y verificación del algoritmo
- Pseudocódigo y los diagramas de flujo
Programación estructurada
- Las instrucciones
- Variables y sus tipos
- Operaciones de entrada y salida de datos: leer y escribir
- Control de la ejecución de un programa
- Estructuras de control: secuencias, condicionales y ciclos
- Ciclos infinitos y como evitarlos
Arreglos
- Arreglos de una sola dimensión o vectores
- Operaciones básicas con vectores
- Arreglos multidimensionales
Programación modular
- Introducción a los subprogramas o subalgoritmos
- Funciones y procedimientos o subrutinas
- Envío de parámetros
- Variables locales y globales
- Procedimientos versus funciones
Programación orientada a objetos
- Clases y objetos
- Creación de clases
- Instanciación de objetos
- Propiedades
- Métodos
- Modificadores de visibilidad
- Sobrecarga de métodos
- Constructores
- Herencia
Temas adicionales
- Lenguajes interpretados y compilados
- Tipos de aplicaciones: escritorio, servidor, web, móvil
- Los lenguajes actuales y sus usos
Introducción a JavaScript
- ¿Qué es JavaScript?
- Primer script en JavaScript
- Secuencias de escape
- Sentencias y bloques de código
Variables
- Cadenas de caracteres
- Números enteros y decimales
- Booleanos
- Arreglos y matrices
- Variables globales y locales
Operadores
- Operadores aritméticos y de asignación
- Operadores lógicos y de comparación
- Operadores y cadenas
Estructuras de control
- Sentencias
if-else, switch
- Bucles
while, for, do while
Funciones
- ¿Qué son las funciones?
- Definiendo funciones
Objetos
- Programación orientada a objetos
- Atributos y métodos
- Objetos predefinidos
Eventos
- ¿Qué son los eventos?
- Utilizando eventos
- Listado de eventos
JavaScript y formularios
- Accediendo a los campos de un formulario
- Modificando las propiedades de un campo
- Enviar el formulario
- Manejar una lista
Objetos más utilizados
- Objetos screen, document y window
- Abriendo ventanas popup
- Fecha y Hora
CSS y JavaScript
- Manejar las propiedades de una etiqueta
- Hacer desaparecer/mostrar un elemento
- Cambiar el contenido de una etiqueta
Introducción a jQuery
- ¿Qué es jQuery?
- Ventajas del uso de jQuery
- Función jQuery o función $()
- Core/each: each del core de jQuery
Selectores y filtros en jQuery
- Selectores básicos, jerárquicos, de elementos de formularios.
- Filtros básicos, por atributos, de formularios
Métodos y Eventos en jQuery
- Métodos en jQuery
- Acceder y modificar atributos HTML desde jQuery
- Acceder o modificar HTML y Texto
- Funciones CSS de jQuery
- Eventos en JQuery: definir eventos, eventos de ratón en jQuerymouseenter y mouseleave, eventos de teclado en jQuery, eventos definidos con live()
- Funciones CSS de jQuery
- Efectos en jQuery: efectos básicos, Fading en jQuery, Slide
AJAX con jQuery
- Módulo $.load: Pasar parámetros y ejecutar acciones después de la llamada a Ajax, Ajax jQuery con mensaje de carga
- Módulo $.get y $.post
- Módulo y parámetros de $.ajax
|