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 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:
92 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
|