1.Photoshop CC Esencial #

1. Arrancando con Photoshop – Esencial

1.1 Espacio y Área de trabajo de Photoshop
1.2 Crear un nuevo documento /Resolución
1.3 Gestionar la resolución
1.4 Guardar y abrir un documento.
1.5 Información del documento
1.6 Pixel y vector.
1.7 Modos de color y profundidad de bits.
1.8 Visualización
1.9 Opciones de Zooms
1.10 Organización de imágenes
1.11 Panel Historial Photoshop
1.12 Preferencias y configuración

2. Adobe Bridge

2.1 Ajustes, Metadatos y Palabras clave.
2.2 Búsqueda, etiquetas, filtros, apilar.
2.3 Operaciones con Bridge.

3. Camera RAW esencial.

3.1 Formato RAW
3.2 Abrir archivos en Camera RAW
3.3 Iterfaz de usuario.
3.4 Panel Básico y herramientas de ajuste.
3.5 Trabajar con Camera RAW en lugar de Photoshop

4. Capas y Modos de capa

4.1 Introducción a las capas
4.2 Organizar capas y grupos de capas, enlazar.
4.3 Posibilidades estilos y modos de capa.
4.4 Sombra paralela mediante efectos de capa.
4.5 Apliación de múltiples efectos y estilos de capa.
4.6 Alineación de objetos en un diseño
4.7 Trabajar con objetos inteligentes.
4.8 Conversión de capas en objetos inteligentes.
4.9 Abrir imágenes en bruto como objetos inteligentes.
4.10 Duplicación de objetos inteligentes.

5. Ajustes de imagen.

5.1 Corregir el color y el tono.
5.2 Capas de ajuste de Photoshop
5.3 Capas afectados por una capa de ajuste.
5.4 Mejora de la calidad tonal con Niveles.
5.5 Contraste de tonos medios con Curvas
5.6 Aclarar y oscurecer las zonas.
5.7 Color y la saturación.

6. Selecciones y Máscaras

6.1 Hacer seleccciones.
6.2 Operaciones con selecciones.
6.3 Herramienta de selección rápida.
6.4 Herramienta de lazo.
6.5 Herramienta Varita Mágica.
6.6 Seleccionar parte de una foto.
6.7 Selecciones perfectas.
6.8 Máscaras y extracción de elementos.
6.9 Máscaras rápidas
6.10 Creación y edición de máscaras
6.11 Máscaras de capa
6.12 Máscaras vectoriales

7. Recortar y transformar.

7.1 Recortar una foto. Rellenar
7.2 Tamaño de lienzo, rotación.
7.3 Edición no destructiva de imágenes.
7.4 Cambio de tamaño de imagen.
7.5 Enderezar, distorsiones.
7.6 Enderezar foto con Camera Raw.
7.7 Perspective Warp.
7.8 Perspective Crop Tool.

8. Retoque.

8.1 Pinceles correctores.
8.2 Herramienta ojos rojos.
8.3 Herramienta parche.
8.4 Retocar fotos.
8.5 Corregir fotos con Content-Aware.
8.6 Eliminar polvo y los arañazos en una foto
8.7 Retocar un retrato
8.8 Restauración de imagen, eliminación de rasgaduras y arrugas

9. Desenfoques y Degradados.

9.1 Desenfoques de Movimiento
9.2 Desenfoque de superficie
9.3 Otros desenfoques
9.4 Degradados
9.5 Degradados con transparencia
9.6 Tipos de degradados

10. Photoshop y el texto.

10.1 Agregar texto a las imágenes
10.2 Aplicar estilos al texto.
10.3 Manejo mejorado de fuente
10.4 Fuentes de sincronizaciónn de Typekit en Photoshop

11. Fundamentos de Pintura.

11.1 Uso de pinceles.
11.2 Selección de colores.
11.3 Pincel historia.
11.4 Herramienta de pluma.
11.5 Creación de formas. Herramienta forma. Alineación.

12. Fundamentos de Video.

12.1.1 Crear un gif animado – parte I
12.1.2 Crear un gif animado – parte II
12.2 Clips de video.
12.3 Efectos especiales.

13. Imprimir y compartir imágenes.

13.1 Explorar el cuadro de diálogo imprimir.
13.2 Crear una hoja de contactos.
13.3 Guardar varias imágenes mediante el procesador de imágenes.
13.4 Optimizar imágenes para web.

2.Photoshop CC Web #

1. Introducción

1.1 Introducción a la programación – Intro.
1.2 Introducción a la programación – HTML.
1.3 Introducción a la programación – CSS.
1.4 Introducción a la programación – JavaScript.
1.5 Color hexadecimal.
1.6 Color Indexado.
1.7 Color lab.
1.8 Daltonismo.
1.9 Sincronizar color.
1.10 Operaciones con color.
1.11 Decodificación de tamaño y resolución de pantalla.
1.12 Utilizar Photoshop para el diseño Web.
1.13 Documento. Mesas de trabajo.
1.14 Espacio de trabajo de diseño Web.

2. Diseño Responsive.

2.1 ¿qué es el diseño responsive?
2.2 Seleccionar breakpoints
2.3 Creación de plantillas responsive en Photoshop.

3. Desarrollo Wireframe, desarrollo del proyecto.

3.1 Creación de un boceto.
3.2 Planificar un proyecto.
3.3 Grid Systems.
3.4 Bootstrap Photoshop templates
3.5 Divisiones. Estructura.
3.6 Creación de wirerfame
3.7 Desarrollo de un tema de color.
3.8 Elecciones de las fuentes correctas.
3.9 Estilos de carácter y párrafo.
3.10 Selección de imágenes para la maqueta.
3.11 Temas para la interfaz. Iconos.
3.12 UI theme
3.13 Mockup

4. Composiciones de capas.

4.1 Composiciones de capas.
4.2 Selección de grupo.
4.3 Copia de CSS a partir de capas.

5. Tratamiento del texto.

5.1 Tipos de texto.
5.2 Opciones de texto.
5.3 Estilos de Párrafo
5.4 Estilos de carácter.
5.5 Fuentes compatibles.
5.6 Servicios de fuentes.
5.7 Efectos de textos.
5.8 Controlar el borde de los textos.
5.9 Operaciones de estilos tipográficos.
5.10 Estilos de Hipervínculos.
5.11 Controlar el borde de los textos.

6. Creación de imágenes Sprite.

6.1 ¿Qué es un sprite de imágenes?
6.2 Desarrollo y montaje de un sprite.
6.3 Optimización de sprite.

7. Utilización de otras aplicaciones en el flujo de trabajo.

7.1 Organización del documento.
7.2 Creación y uso de CSS con Photoshop.
7.3 Exportación de HTML de Photoshop a un entorno de desarrollo integrado (IDE)
7.4 Archivos de Photoshop en sitios Web de Muse.

8. Optimización, automatismos y sectorización.

8.1 Sectores. Modificación de sectores.
8.2 Contenido de un sector.
8.3 Guardar para Web.
8.4 Formato Web GIF.
8.5 Formato Web JPG.
8.6 Formato Web PNG.
8.7 Exportación de mesas de trabajo.
8.8 Exportación de capas
8.9 Cuándo utilizar imágenes o CSS.
8.10 Creación de un droplet.
8.11 Secuencia de comandos.
8.12 Creación de galerías fotográficas Web

3.Illustrator CC Esencial #

1. Conceptos básicos

1.1 Vector y mapa de bits
1.2 Generar un nuevo documento. Mesas de trabajo.
1.3 Interface, espacio de trabajo.
1.4 Espacios de trabajo
1.5 Preferencias y algunos ajustes.
1.6 Visibilidad y modos de pantalla
1.7 Colocar. Enlazar e incrustar.
1.8 Importación de archivos.
1.9 Modos de color
1.10 Ajustar documento.
1.11 Guardar y exportación de archivos

2. Primeros pasos

2.1 Herramientas de selección
2.2 Trabajo con la pluma vectorial
2.3 Punto de ancla y curvatura.
2.4 Elementos poligonales.
2.5 Arco y segmento de línea.
2.6 Modos de dibujo.
2.7 Cuadrículas, guías y guías inteligentes
2.8 Mesas de trabajo
2.9 Trabajo con capas.
2.10 Imagen como plantilla
2.11 Cuentagotas y medición

3. Herramientas de trazado y edición

3.1 Trazado con plumas y puntos de anclaje. Edición.
3.2 Lápiz y destello
3.3 Suavizar, borrar y unir
3.4 Borrar, tijeras y cuchillas
3.5 Ajustes de segmentos
3.6 Herramienta de cuadrícula y cuadrícula polar
3.7 Creador de formas
3.8 Herramienta shaper
3.9 Escala, distorsión y reformar
3.10 Rotación y reflejo
3.11Herramienta anchura y deformaciones
3.12 Transformaciones
3.14 Herramienta fusión
3.15 Buscatrazos
3.16 Máscaras de recorte

4. Organización y gestión de objetos

4.1 Selección y agrupación
4.2 Alineación y distribución
4.3 Expansión
4.4 Marcas de corte

5. Herramientas de Dibujo

5.1 Herramienta pincel
5.2 Pincel de manchas
5.3 Trabajo con la malla
5.4 Pintar con rellenos y trazos
5.5 Pintura interactiva
5.6 Motivos
5.7 Azulejo de motivos
5.8 Trabajo con símbolos. Símbolos dinámicos.
5.9 Trabajo con degradados
5.10 Transparencias y modos de fusión
5.11 Calco de imagen
5.12 Pinceles caligráficos

6. Color

6.1 Panel color, selección de colores.
6.2 Selector de colores, muestras.
6.3 Panel guía de color, armonías
6.4 Editor de colores
6.5 Panel temas de color (Kuler)
6.6 Muestras de color, grupos.
6.7 Tintas planas, CMYK, RGB
6.8 Reventar y reventado manual

7. Texto en Illustrator

7.1 Texto en un punto y área
7.2 Gestión del área de texto
7.3 Filas y columnas de texto
7.4 Enlaces de texto y ruptura
7.5 Ceñir texto, alinear con objeto.
7.6 Texto en un trazado.
7.7 Texto vertical, vertical en trazado y área.
7.8 Escalar y rotar texto
7.9 Panel carácter y párrafo.
7.10 Estilos de carácter y párrafo
7.11 Fuentes, fuentes Opentype
7.12 Glifos y crear contornos

8. Aplicar efectos y estilos a objetos

8.1 Distorsión de objetos con envolvente
8.2 Efectos y filtros
8.3 Efectos Illustrator.
8.4 Efectos Photoshop.
8.5 Apariencia y estilos gráficos
8.6 Filtros SVG

9. Gráficos

9.1 Creación de gráficas
9.2 Datos y ancho de la columna.
9.3 Introducir rótulos.
9.4 Gráficas de dispersión y tarta.
9.5 Formato para las gráficas.
9.6 Imágenes y símbolos a las gráficas.

10. Illustrator para web y dispositivos

10.1 Gráficos para web, pixelado perfecto
10.2 Sectores y mapas de imagen
10.3 Creación de animaciones
10.4 SVG y SVG‑t

11. Elementos 3D

11.1 Objeto 3D
11.2 Giro 3D
11.3 Grupo 3D
11.4 Mapear
11.5 Cuadrícula de perspectiva.
11.6 Dibujo en perspectiva
11.7 Distorsión de objetos.

12. Impresión y exportación

12.1 Ajuste del documento para impresión
12.2 Marcas de impresión y sangrados
12.3 Impresión, sepración y gestión de color
12.4 Empaquetado de archivos para la impresión

4.Tipografía Web #

1. Introducción a la tipografía Web con Dreamweav…

1.2 Inspector de propiedades HTML
1.3 Inspector de propiedades CSS.
1.4 Cuadro de diálogo de regla CSS.
1.5 Panel de estilos CSS.

2. Limitaciones de la tipografía Web.

2.1 La selección de fuentes. Categorías.
2.1.1 La selección de fuentes. Pila de fuentes..
2.1.2 La selección de fuentes. Pila de fuentes dreamweaver.
2.2 Guiones y separaciones.
2.3 Ajustes de espacio.
2.4 Opciones fuentes web
Test de repaso del tema 1 y 2.

3. Unidades tipográficas.

3.1 Unidades de medidas.
3.2 Trabajar con ems y píxeles.
3.2 Trabajar con ems y píxeles.
3.3 Tamaños de fuentes, escala modular.

4. Tipografías en nuestro sitio.

4.1 Obtener fuentes Web.
4.2.1 Obtener fuentes. Font Squirrel.
4.2.2 Obtener fuentes. Font Squirrel, archivos.
4.3 Configuración de @font-face.
4.3 Incorporación de fuentes de Google.
4.4 Google font y dreamweaver.
Test de repaso del tema 3 y 4.

5. Estilo tipográfico.

5.1 El peso de la fuente. Etiqueta strong y propi…
5.2 Normal, itálica u oblicua. Propiedad Font Sty…
5.3 Ancho de la fuente. Propiedad Font Stretch.
5.4 Mayúsculas, minúsculas, versales. Text transform.
5.4.2 Mayúsculas, minúsculas, versales. Font Varia…
5.5 Espacios entre letras y palabras. Letter Spacing.
5.5.2 Espacios entre letras y palabras. Word Spaci…
5.7 Capitulares.

6. Trabajando con párrafos.

6.1 Longitud de la línea.
6.2 Altura de la línea.
6.3 Espacios en blanco.
6.4 Puntuación colgante.
6.5 Columnas de texto.
6.6 Variaciones de primera línea. Sangría.
6.6.2 Variaciones de primera línea, first line.
Test de repaso del tema 5 y 6.

7. Tipografía y opciones de color.

7.1 Color Web.
7.2 Tipografía y color.
7.3 Transparencia en el tipo, RGBA.

8. Efectos de texto.

8.1 Sombras en el texto. Propiedad Text-Shadow.
8.2 Rotación del texto.
8.2.2 Sombra en la caja.
8.3 Degradados en el texto.

Test de repaso del tema 7 y 8.
Proyecto final de tipografía para la Web
Control de calidad

5.Muse #

Desarrollo web con muse

¿Que es adobe muse?
Introducción al programa
Guardar y configurar un sitio web
Estructura de un sitio web
Modo diseño
Propiedades de la pagina
Margenes y paddings
Zoom y opciones de ayuda
Estilos
Imágenes I
Imágenes II
Imágenes III
Panel activos
Rectángulo
Widgets

Planear un sitio web

Introducción
Boceto de la pagina maestra
Boceto de la pagina inicio
Boceto de la pagina formadores
Boceto de la pagina videos
Boceto de la pagina destacados
Boceto de la pagina blog
Boceto de la pagina ubicanos
Boceto de la pagina redes
Boceto de la pagina contacto
Visualización del sitio

Diseño de un sitio web

Diseño de la pagina maestra
Diseño de la pagina inicio
Diseño de la pagina formadores
Diseño de la pagina videos
Diseño de la pagina destacados
Diseño de la pagina nosotros, blog y contactenos
Diseño de la pagina redes
Diseño de la pagina contacto
Visualización del sitio

6.Bases del diseño web #

Bases Diseño Web
WD_0101_intro
WD_0102_Estructura_web
WD_0103_Estructura_maquetadores
WD_0104_Div_y_Secciones
WD_0105_Manual_HTML
WD_0106_Manual_CSS
WD_Filezilla_Descarga
WD_FileZilla Client Tutorial
WD_0107_ej_maq_1Col
WD_0107_Ej_Maquetación_1Col
WD_0108_ej_maq_2Col
WD_0108_Ej_Maquetación_2Col
WD_0109_ej_Maqueta_cabecera
WD_0110_ej_Maqueta_contenido
WD_0111_ej_Maqueta_pie
WD_0112_ej_Maqueta_CSS-I
WD_0113_ej_Maqueta_CSS-II
WD_0113_ej_Maqueta_CSS-III
WD_0114_Ej_Maqueta Web

7.UX-UI #

Indice Arquitectura Web, usabilidad y accesibilida…
1. Introducción

1.1 Ejercicio Análisis Usabilidad
1.2 Test Introducción

2. Usabilidad

2.1 Ejercicio La Usabilidad y el Usuario
2.2 Test Usabilidad

3. Accesibilidad Web

3.1 Ejercicio Análisis Accesibilidad Web
3.2 Test Accesibilidad Web

4. Arquitectura Web

4.1 Ejercicio Arquitectura Web
4.2 Test Arquitectura Web

5. El Diseño Web

5.1 Ejercicio El Diseño Web
5.2 Test El Diseño Web

Bibliografía del temario.
Ejercicio Final Usabilidad
Test Final Usabilidad
Control de calidad

8.HTML #

1. HTML I Básico

Anexo I. Libro HTML
Materiales
1.1 Estructura
Test Estructura HTML
1.2 Sintaxis
Test Sintaxis HTML
1.3 Atributos
Test Atributos HTML
1.4 Conceptos básicos
1.5 Conceptos básicos
Test Conceptos básicos

2. HTML II Elementos

2.1 Cabeceras
2.2 Párrafos
2.3 Líneas horizontales
2.4 Comentarios
Test Elementos HTML I
2.5 Salto de línea
2.6 Formato de texto
2.7 Atributos estilo
2.8 Link
Test Elementos HTML II
2.9 Imágenes
2.10 Background
2.11 Flotar
2.12 Sizes
2.13 Botón
Test Elementos HTML III
Ejercicio Elementos HTML

3. HTML II Medio

3.1 Tablas
3.2 Tablas complejas
Test Tablas HTML
4. Listas
4.1 Listas
4.2 Ejercicio Tablas Complejas y Listas HTML
Test Listas HTML
5. Formularios
5.1 Formularios
5.2 Envío formulario.
5.3 Ejercicio Formulario HTML
Test Formulario HTML
6. Color
6.1 Color
6.2 Colores por nombre
6.3 Web safe color
6.4 Colores hexadecimales
Test Color en HTML
7. Etiqueta iframe
Test iframe

4. HTML5

4.1.1 Por qué HTML5?
4.1.2 Novedades
4.1.3 Novedades II
4.1.4 Novedades III
4.2 Doctype y directiva html
4.2.1 Header
4.3 Directiva Nav
4.4 Directiva SECTION
4.5 Directiva ARTICLE
4.6 Directiva ASIDE
4.7 Directiva FOOTER
Test HTML5 Básico I
4.8 MICRODATOS
4.9 Directiva ADDRESS
4.10 Directiva MARK
4.11 Directiva CITE, BLOCKQUOTE y Q
4.12 Directiva SMALL, STRONG, EM
4.13 Directiva WBR
4.14 Directiva VIDEO
Test HTML5 Básico II
4.15 Directiva AUDIO
4.16 Directiva FIGURE y FIGCAPTION
4.17 Directiva DIV
4.18 Uso de Listas en HTML5
4.19 Carga de un documento en cache con Manifest
4.20 Contenido editable
4.21 Directiva Canvas
Test HTML5 Básico III
5.1 Definición de un esquema
5.2 Directiva HGROUP
5.3 Creación de un Esquema
Ejercicio Esquema Web HTML5
Test HTML5 Esquema
6.1 Introducción a Formularios
6.2 Campos requeridos
6.3 Campos invalidos
6.4 Creando encuestas con Sliders
6.5 Fechas con DATE
6.6 Creando campo color
6.7 Opciones valores numéricos
Ejercicio Formulario HTML5
7.1 Reset css compatibilidad
7.2 Compatibilidad con navegadores antiguos
Ejercicio Compatibilidad Navegadores y Hoja de Reset
Test HTML5 Avanzado
Ejercicio Final XHTML
Control de Calidad

9.CSS #

1. CSS básico

1.1 Sintaxis
Test Sintaxis
1.2 ID y Class
Test id y class
1.3 CSS en html
Test CSS en html
Ejercicio CSS Básico

2. Estilos

2.1 Background
Test Background
2.2 Texto
Test Texto
2.3 Fuentes en CSS
Test Fuentes
2.4 Links
Test Links
2.5 Listas
Test Listas
2.6 Tablas
Test Tablas
Ejericicio Estilos CSS

3. Cajas

3.1 Cajas en CSS
Test Cajas
3.2 Margin
Test Margin
3.3 Padding
Test Padding
Ejercicio Cajas

4. Avanzado

4.1 Grouping
Test Agrupación y Anidación
4.2 Dimension
Test Dimensión
4.3 Display
Test Display y Visibility
4.4 Positioning
Test Positioning
4.5 Float
Test Float
4.6 Align
Test Align
Ejercicio CSS Avanzado
4.7 Pseudo class
Test Pseudo Clases
4.8 Barranav
4.9 Imágenes
4.10 Media types
Ejercicio Barra de Navegación

Anexos CSS

Anexo I. Introducción CSS
Anexo II. CSS avanzado
Anexo III: Chuleta CSS

Ejercicio Final CSS
Test Final CSS
Control de Calidad

10.Dreamweaver CC #

Sección 1: Dreamweaver CC

Introducción a novedades
Novedades
Espacio de trabajo
Cambios en el panel nuevo

Sección 2: Diseñador CSS

Organización generales
Opciones de filtros css

Sección 3: Nuevo flujo de trabajo

Añadir fuentes
Añadir medios
Añadir selectores y propiedades

Sección 4: Diseño de cuadricula fluida

Crear nueva cuadricula fluida
Edición de cuadriculas

Sección 5: HTML5 y jQuery

Estructura del panel insertar
Panel estructura

Sección 6: Formularios

Etiquetas de formularios
Inserción y propiedades

Sección 7: Panel medios

Vídeo HTML5
Audio HTML5
Objetos edge animate

Sección 8: Panel jQuery UI

Nuevos widgets jquery
Ejemplos basicos
Personalización de un acordeon
Personalización de tabs
Propiedades del resto de elementos

Sección 9: Efectos jQuery

Efectos
Efectos disponibles

Sección 10: Web fonts

Cuestiones básicas
Incrustación de web fonts
Inscrustación de fuentes locales
Añadiendo nuevos conjutos de fuentes

Sección 11: Proyecto web – Catering

Presentación de la plantilla
Cortes/Slides y exportación de la plantilla
Estructura HTML5
Estilos CSS 1/3
Estilos CSS 2/3
Estilos CSS 3/3

11.PSD a Diseño Web Estructurado #

WD_0201_Proyecto_PSD
WD_0201_Proyecto_PSD Mockup
WD_0202_Planificar
WD_0203_SublimeText
WD_0204_SublimeText_personalizar
WD_0205_Snippet
WD_0206_Package_Control
WD_0207_Emmet
WD_0208_Emmet_sintaxis
WD_0209_Emmet_HTML
WD_0210_Emmet_CSS
WD_0211_Emmet_atajos
WD_0212_PSD_Template
WD_0212_PSD-I
WD_0213_PSD-II
WD_0214_PSD_III
WD_0215_Cortes_rectangular
WD_0216_Cortes_sectores
WD_0217_HTML_cabecera
WD_0218_HTML_contenido
WD_0219_CSS_cabecera
WD_0220_CSS_contenido
WD_0221_Anexo_CSS
WD_0222_Anexos
WD_0203_Ej_Proyecto

12.jQuery UI #

jQuery UI url
WD_0401_jQuery_UI
WD_0402_Descarga
WD_0403_Personalizar
WD_0404_incorporar
WD_0405_draggable
WD_0405_Ej_draggable
WD_0406_droppable
WD_0406_Ej_droppable
WD_0407_resizable
WD_0407_Ej_resizable
WD_0408_selectable
WD_0408_Ej_selectable
WD_0409_sortable
WD_0409_Ej_sortable
WD_0410_acordeon
WD_0410_Ej_acordeon
WD_0411_autocomplete
WD_0411_Ej_autocomplete
WD_0412_botones
WD_0412_Ej_botones
WD_0413_calendar
WD_0413_Ej_calendar
WD_0414_dialog
WD_0414_Ej_dialog
WD_0415_progressbar
WD_0415_Ej_progressbar
WD_0416_slider
WD_0416_Ej_slider
WD_0417_tabs
WD_0417_Ej_tabs

13.jQuery Library #

WD_0301_jQuery
WD_0302_Descargar
WD_0303_Vincular
WD_0304_Importar
WD_0305_Seleccion_ID
WD_0306_Varias_propiedades_css
WD_0307_Seleccion_class
WD_0307_Ej_Seleccion_class
WD_0308_Cambio_propiedades_html
WD_0308_Ej_Cambio_propiedades_html
WD_0309_Seleccion_atributo
WD_0309_Ej_Seleccion_atributo
WD_0310_Selecciones_multiples
WD_0310_Ej_Selecciones_multiples
WD_0311_poner_quitar_clases
WD_0311_Ej_poner_quitar_clases
WD_0312_Insertar_HTML
WD_0312_Ej_Insertar_HTML
WD_0313_mouseover_mouseout
WD_0313_Ej_mouseover_mouseout
WD_0314_Hover
WD_0314_Ej_Hover
WD_0315_Mousemove
WD_0315_Ej_Mousemove
WD_0316_mouseup_mousedown
WD_0316_Ej_mouseup_mousedown
WD_0317_focus
WD_0317_Ej_focus
WD_0318_Blur
WD_0318_Ej_Blur
WD_0319_hide_show
WD_0319_Ej_hide_show
WD_0320_fadein_fadeout
WD_0320_Ej_fadein_fadeout
WD_0321_fadeto
WD_0321_Ej_fadeto
WD_0322_toggle
WD_0322_Ej_toggle
WD_0323_slide
WD_0323_Ej_slide
WD_0324_animate
WD_0324_Ej_animate

14.960 Grid System #

WD_0501_frameworks
WD_0502_ventajas
WD_0503_tipos_frameworks
WD_0504_960GS
WD_0505_fundamentos_960GS
WD_0506_fundamentos_960GS_II
WD_0507_grid_12col
WD_0508_flujo_trabajo
WD_0509_960GS_practica
WD_0509_Ej_960GS_practica
WD_0510_Plantilla_PSD
WD_0510_960GS_PSD
WD_0511_PSD_slides_I
WD_0512_PSD_slides_II
WD_0513_HTML_head
WD_0514_HTML_content
WD_0515_HTML_footer
WD_0516_CSS_I
WD_0517_CSS_II
WD_0518_CSS_III
WD_0519_960GS_Proyecto

15.Bootstrap 2 #

WD_0600_Bootstrap Sitio
WD_0601_Bootstrap_2
WD_0602_scaffolding
WD_0602_Ej_scaffolding
WD_0603_scaffolding_col_anidadas
WD_0603_Ej_scaffolding_col_anidadas
WD_0604_scaffolding_col_adaptables
WD_0604_Ej_scaffolding_col_adaptables
WD_0605_scaffolding_col_adaptables_anidadas
WD_0605_Ej_scaffolding_col_adaptables_anidadas
WD_0606_plantilla_fija
WD_0606_Ej_plantilla_fija
WD_0607_tipografias
WD_0607_Ej_tipografias
WD_0608_tablas
WD_0608_Ej_tablas
WD_0609_formularios
WD_0610_formularios
WD_0610_Ej_formularios
WD_0611_botones
WD_0611_Ej_botones
WD_0612_componentes_botones
WD_0612_Ej_componentes_botones
WD_0613_navegacion_tabs_y_pills
WD_0613_Ej_navegacion_tabs_y_pills
WD_0614_navegación_y_paginación
WD_0614_Ej_navegación_y_paginación
WD_0615_etiquetas_y_thumbnails
WD_0615_Ej_etiquetas_y_thumbnails
WD_0616_alertas_y_progressbar
WD_0616_Ej_alertas_y_progressbar

16.Bootstrap 3 #

WD_0617_Bootstrap3 Libreria
WD_0617_Bootstrap_3
WD_0618_ejemplos
WD_0619_descarga
WD_0620_getting_started
WD_0621_sitemas_visuales
WD_0622_platilla_basica
WD_0623_rejilla
WD_0623_Ej_rejilla
WD_0624_col_responsives
WD_0624_Ej_col_responsives
WD_0625_rejillas_avanzadas
WD_0625_Ej_rejillas_avanzadas
WD_0626_fullwidth
WD_0626_Ej_fullwidth
WD_0627_rejillas_anidadas
WD_0627_Ej_rejillas_anidadas
WD_0628_estilos
WD_0628_EJ_estilos
WD_0629_listas
WD_0629_Ej_listas
WD_0630_tablas
WD_0630_Ej_tablas
WD_0631_clases
WD_0631_Ej_clases
WD_0632_clases
WD_0633_formularios
WD_0633_Ej_formularios
WD_0634_formularios_horizontales
WD_0634_Ej_formularios_horizontales
WD_0635_validar_formularios
WD_0636_botones
WD_0636_Ej_botones
WD_0637_images_responsives
WD_0637_Ej_images_responsives
WD_0638_iconos
WD_0638_Ej_iconos
WD_0639_desplegables
WD_0639_Ej_desplegables
WD_0640_botones_verticales
WD_0640_Ej_botones_verticales
WD_0641_menu_nav
WD_0641_Ej_menu_nav
WD_0642_menu_pildoras
WD_0642_Ej_menu_pildoras
WD_0643_paginacion
WD_0643_Ej_paginacion

17.Responsive Web Design #

WD_0700_Responsive_Design
WD_0700_3WC
WD_0701_Responsive_Design
WD_0702_Media_Queries
WD_0702_Ej_Media_Queries
WD_0703_Media_Queries_externos
WD_0703_Ej_Media_Queries_externos
WD_0704_Proyecto Mockup
WD_0704_Proyecto_HMTL
WD_0705_Proyecto_CSS
WD_0706_Proyecto_Desktop
WD_0707_Proyecto_Tablet
WD_0708_Proyecto_Mobile
WD_0709_Proyecto_SimpleFolio

18.WordPress Esencial #

Introducción: Bienvenida
1. ¿Qué es WordPress?

1.1 Obtener la información necesaria
1.2 Descarga de WordPress
1.3 Instalación de WordPress en 5 minutos
1.4 Instalación manual
1.5 Modificar el directorio de WordPress
Test ¿Qué es WordPress?

2. Trabajar con WordPress en modo local

2.1 Instalar XAMPP en Window
2.2 Instalar XAMPP en MacOS
2.3 Obtener la información necesaria
2.4 Instalación de WordPress
Test Trabajar con WordPress en modo local

3. Comenzando con WordPress

3.1 Escritorio
3.2 Ajustes de WordPress
3.3 Modos de contenido Entradas y Páginas
Test Comenzando con WordPress

4. Gestión de Usuarios

4.1 Editor de usuarios
Test Gestión de Usuario

5. Multimedia

5.1 Ajustes
Test Multimedia

6. Gestión de Enlaces

6.1 Editor de enlaces
6.2 Categorías
Test Gestión de Enlaces

7. Editor de contenidos

7.1 Añadir imágenes
7.2 Crear una galería de imágenes
7.3 Creación de enlaces
7.4 Añadir videos de Youtube
7.5 Publicación
7.6 Paneles comunes
Test Editor de contenidos

8. Entradas en WordPress

8.1 Gestión de Entradas
8.2 Creación y gestión de Categorías
8.3 Uso de Etiquetas
8.4 Otros paneles
Test Entradas en WordPress

9. Páginas en WordPress

9.1 Gestión de Páginas
9.2 Jerarquía
9.3 Cómo hacer que una página aparezca en el inici…
Test Páginas en WordPress

10. Herramientas

10.1 Importar y exportar contenido
Test Herramientas

11. Comentarios

11.1 Gestión de comentarios
11.2 Ajustes
Test Comentarios

12. Plugins

12.1 Plugins básicos en WordPress
12.2 Creación de un formulario de contacto
Test Plugins

13. Apariencia

13.1 Instalar Temas
13.2 Buenas prácticas
13.3 Uso de Widgets
13.4 Menús de secciones
Test Apariencia

14. Tema Twenty Eleven

14.1 Formatos de Entrada
14.2 Plantilla de páginas
14.3 Customize
14.4 Widgets
14.5 Opciones del tema
14.6 Cabecera personalizada
14.7 Fondo personalizado
Test Tema Twenty Eleven

15. Indexación en buscadores y redes sociales

15.1 Uso de enlaces permanentes
Test Indexación en buscadores y redes sociales

16. Mantener actualizado WordPress

16.1 Archivos de WordPress
16.2 Copias de Seguridad
Test Mantener actualizado WordPress

17. Proyecto Final WordPress Esencial
Control de Calidad

19.WordPress Diseño Themes #

Materiales de la Asignatura
1. Instalación de WordPress
2. Temas en WordPress
3. Activación del Tema Bici Travel
4. Datos básicos del Tema
5. Carga de Contenido
6. Menú principal
7. Cabecera
8. Pie de página
9. Sidebars
10. Plantilla de la página principal
11. Plantilla de página
12. Entrada individual
13. Archivos
14. Comentarios
15. Resultados de la búsqueda
16. Error 404 (página no encontrada)
Test Final WordPress Diseño Theme
Anexos
Imágenes destacadas: plugins y snippets
Chuleta WP
Control de Calidad

Suggest Edit

©2019 artesvisuales elearning diseño gráfico, web y video.

Inicia Sesión con tu Usuario y Contraseña

¿Olvidó sus datos?