PARTE 1. DISEÑO WEB AVANZADO CON HTML5 Y CSS3

TEMA 1. HERRAMIENTAS NECESARIAS

1. Introducción
2. Editor de texto
3. Navegadores

TEMA 2. INTRODUCCIÓN HTML

1. Introducción HTML
2. ¿Cómo creamos documento HTML?
3. Características básicas

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

1. Textos en HTML
2. Enlaces
3. Listas en HTML
4. Imágenes y objetos

TEMA 4. TABLAS, FORMULARIOS Y ESTRUCTURAS

1. Tablas
2. Formularios
3. Estructuras y layout

TEMA 5. OTRAS ETIQUETAS IMPORTANTES

1. Otras etiquetas importantes

TEMA 6. METAINFORMACIÓN, ACCESIBILIDAD Y VALIDACIÓN

1. ¿Qué es la Metainformación?
2. Accesibilidad
3. Validación

TEMA 7. INTRODUCCIÓN CSS

1. Introducción CSS
2. Soporte de CSS en navegadores
3. Especificación oficial
4. Funcionamiento básico de CSS
5. ¿Cómo incluir CSS en la Web?
6. Estilo básico
7. Medios CSS
8. Comentarios
9. Sintaxis de la definición

TEMA 8. SELECTORES, UNIDADES DE MEDIDA Y COLORES

1. Selectores CSS
2. Unidades de medida
3. Colores

TEMA 9. MODELOS DE CAJAS, POSICIONAMIENTO Y VISUALIZACIÓN

1. Modelo de cajas
2. Propiedades de las cajas
3. Margen, relleno, bordes y modelo de cajas
4. Posicionamiento y visualización
5. Posicionamiento
6. Visualización

TEMA 10. ESTRUCTURAR UNA PÁGINA “LAYOUT”

1. Introducción a layout
2. ¿Cómo centrar una página horizontalmente?
3. ¿Cómo centrar una página verticalmente?
4. Estructura y layout
5. Altura/anchuras máximas y mínimas
6. Estilos avanzados

TEMA 11. TEXTO, ENLACES, IMÁGENES Y LISTAS

1. Textos en CSS
2. Enlaces
3. Imágenes
4. Listas

TEMA 12. TABLAS, FORMULARIOS Y SHORTHAND

1. Tablas
2. Formulario

TEMA 13. OTRAS UTILIDADES DE CSS

1. Versión para imprimir
2. Personalizar el cursor
3. Hacks y filtros
4. Prioridad en las declaraciones
5. Validar CSS
6. Recomendaciones Generales
7. Recursos útiles

TEMA 14. FIREBUG

1. ¿Qué es Firebug?
2. ¿Como se instala?
3. ¿Como usamos Firebug?

TEMA 15. INTRODUCCIÓN HTML5

1. ¿Qué es HTML5?
2. ¿Cuáles son las mejoras?
3. Etiquetas Obsoletas
4. Etiquetas modificadas
5. Lista de etiquetas HTML5
6. Atributos eliminados
7. Otros cambios
8. Estructura HTML5
9. Nueva estructuración del body
10. Otros elementos nuevos de estructuración

TEMA 16. NUEVOS ATRIBUTOS, EVENTOS Y PSEUDO-CLASES

1. Introducción a atributos globales
2. Nuevos atributos
3. Introducción a los nuevos eventos.

TEMA 17. NUEVOS ELEMENTOS SEMÁNTICOS

1. Elemento bdi
2. Elemento command
3. Elemento data
4. Elementos details
5. Elemento mark
6. Elemento meter
7. Elemento progress
8. Elemento ruby
9. Elemento time
10. Elemento wbr

TEMA 18. MEJORAS EN LOS FORMULARIOS

1. Nuevos elementos para los Formularios
2. Cambios en el atributo type (input)
3. Nuevos atributos para form
4. Nuevos atributos para fieldset
5. Nuevos atributos para input
6. Nuevos atributos para textarea

TEMA 19. OTRAS MEJORAS DE HTML5

1. Introducción a los elementos multimedia
2. Etiqueta source
3. Etiqueta track
4. Elemento video
5. Elemento audio
6. Elemento embed
7. Elemento canvas
8. Introducción a MathML
9. Introducción a SVG
10. Introducción a Drag and Drop
11. Validador HTML5

TEMA 20. INTRODUCCIÓN A CSS3

1. Introducción
2. Unidades, colores y fuentes
3. Nuevos Selectores y pseudo-clases

TEMA 21. ANIMACIONES, FONDOS Y BORDES

1. Propiedades para la animación
2. Nuevas propiedades para los fondos
3. Nuevas propiedades para Bordes

TEMA 22. CAJAS, CAJAS FLEXIBLES, COLORES Y FUENTES

1. Propiedades de las cajas
2. Propiedades de las cajas flexibles
3. Propiedades del color
4. Propiedades para las Fuentes

TEMA 23. ENLACES Y MULTI-COLUMNAS

1. Propiedades para los hiperenlaces
2. Propiedades de las multi-columnas

TEMA 24. TEXTO Y 2D/3D TRANSFORMACIONES

1. Propiedades para texto
2. Propiedad 2D/3D Transform

TEMA 25. TRANSICIONES E INTERFAZ DE USUARIO

1. Propiedades para las transiciones
2. Propiedades para la interfaz de usuario
3. Validación CSS3

PARTE 2. PROGRAMACIÓN DE PÁGINAS WEB CON PHP Y JAVASCRIPT (CLIENTE+SERVIDOR)

MÓDULO 1. JAVASCRIPT

TEMA 1. INTRODUCCIÓN A LAS PÁGINAS WEB

1. Introducción
2. Programación del lado del cliente
3. Programación del lado del Servidor
4. ¿Qué utilizaremos?
5. ¿Qué necesita saber?
6. Nuestro primer ejemplo

TEMA 2. INTRODUCCIÓN A JAVASCRIPT

1. La etiqueta SCRIPT
2. Contenido Alternativo
3. Variables
4. Tipos de Datos
5. Operadores
6. Cuadros de diálogo
7. Práctica 2

TEMA 3. CONCEPTOS BÁSICOS DE PROGRAMACIÓN

1. Introducción
2. Estructuras de decisión
3. Estructuras lógicas
4. Estructuras de repetición
5. Definir funciones
6. Llamadas a funciones
7. Ámbito de las variables
8. Práctica 3

TEMA 4. OBJETOS EN JAVASCRIPT

1. Introducción
2. La jerarquía de objetos
3. Propiedades y Eventos
4. Métodos 79
5. Práctica 4

TEMA 5. LOS OBJETOS LOCATION E HISTORY

1. ¿Qué es un URL?
2. El Objeto Location
3. Redirigir a otra página
4. El Objeto History
5. Práctica 5

TEMA 6. EL OBJETO DOCUMENT

1. Introducción
2. La propiedad Title
3. Los colores de la página
4. El método write
5. El conjunto images
6. Práctica 6

TEMA 7. EL OBJETO FORM

1. Formularios HTML
2. El conjunto forms
3. La propiedad elements
4. Validar la información
5. ¿Cuándo realizar la validación?
6. Tipos de Validación
7. Práctica 7

TEMA 8. LOS OBJETOS FRAME, NAVIGATOR Y SCREEN

1. El conjunto frames
2. El objeto navigator
3. El objeto screen
4. Práctica 8

MÓDULO 2. PHP

TEMA 9. INSTALACIÓN

1. Introducción
2. Obtener el paquete XAMPP
3. Instalar el paquete XAMPP
4. Apache y MySQL como servicios
5. La directiva register_globals
6. Práctica 9

TEMA 10. CREAR UN SITIO WEB

1. ¿Cómo funcionan las páginas PHP?
2. Crear un alias en apache
3. La página principal
4. Práctica 10

TEMA 11. INTRODUCCIÓN A PHP

1. Las etiquetas PHP
2. Variables
3. Tipos de datos
4. Constantes
5. Práctica 11

TEMA 12. ARRAYS Y ESTRUCTURAS DE CONTROL

1. Arrays
2. Estructuras de repetición
3. Estructuras de decisión
4. Combinar estructuras
5. Arrays Asociativos
6. El bucle foreach
7. Arrays Multidimensionales
8. Práctica 12a
9. Práctica 12b

TEMA 13. FUNCIONES

1. Introducción
2. Crear Funciones
3. Llamar a una función
4. Paso de parámetros
5. Parámetros por defecto
6. Práctica 13

TEMA 14. INCLUIR ARCHIVOS

1. Ámbito de las variables
2. Variables estáticas
3. Uso de include y require
4. Incluir solo una vez
5. Seguridad de los archivos incluidos
6. Práctica 14

TEMA 15. PROGRAMACIÓN ORIENTADA A OBJETOS

1. Introducción
2. Clases
3. Propiedades
4. Métodos
5. Visibilidad
6. Crear Objetos
7. Destructores
8. Práctica 15a
9. Práctica 15b

TEMA 16. HERENCIA

1. Presentación
2. Crear subclases
3. Crear objetos de las subclases
4. Sobrescribir métodos
5. El acceso protected
6. Práctica 16

TEMA 17. RECOGER INFORMACIÓN DEL USUARIO

1. Introducción
2. El array $_GET
3. El array $_POST
4. Recogerlos en una página distinta
5. Recogerlos en la misma página
6. Entradas requeridas
7. Práctica 17a
8. Práctica 17b

TEMA 18. VALIDACIÓN DE FORMULARIOS

1. Expresiones regulares
2. Limpiando la información
3. Comprobando el formulario de origen
4. Práctica 18

TEMA 19. COOKIES Y SESIONES

1. Introducción
2. Crear cookies
3. Caducidad de la cookies
4. Dependencia del navegador
5. Características de los cookies
6. ¿Qué es una sesión?
7. El array $_SESSION
8. La función od_start() y od_clean()
9. Finalizar la sesión
10. El identificador de la sesiones
11. ¿Dónde se almacena la información?
12. Práctica 19a
13. Práctica 19b

TEMA 20. ACCESO A ARCHIVOS

1. Introducción
2. Crear el archivo
3. Escribir en el archivo
4. Leer de un archivo
5. Práctica 20

TEMA 21. ERRORES Y EXCEPCIONES

1. Errores
2. Excepciones
3. Práctica 21a
4. Práctica 21b

TEMA 22. CONFIGURACIÓN DE LA BASE DE DATOS

1. MySql
2. Contraseña para el root
3. Extensión mysqli
4. PHPMyAdmin
5. Administración de usuarios
6. Práctica 22

TEMA 23. BASE DE DATOS Y SQL

1. Tipos de tablas en MySQL
2. Crear tablas
3. Relaciones uno a muchos
4. Relaciones muchos a muchos
5. SQL
6. Acceder a la base de datos
7. Establecer la conexión
8. Mostrar los datos en una tabla
9. Cerrar la conexión
10. Práctica 23a
11. Práctica 23b
12. Práctica 23c

TEMA 24. BUSCANDO MÁS FUNCIONALIDAD

1. Ordenar el resultado
2. Dividir el resultado en páginas
3. Consultas preparadas
4. Práctica 24

TEMA 25. AUTENTIFICACIÓN DE LOS USUARIOS

1. La página de login
2. La página de registro
3. Asegurar la confidencialidad
4. Práctica 25

TEMA 26. EL PROCESO DE COMPRA

1. Introducción
2. Modificar listaproductos.php
3. La página comprar.php
4. Identificar al cliente
5. La página carritocompra.php
6. Confirmar el pedido
7. La página de desconexión
8. Migrar el carrito de la compra
9. Práctica 26a
10. Práctica 26b

TEMA 27. INTEGRAR NUESTRO CARRITO A UNA PÁGINA WEB ACTUAL

1. Introducción
2. ¿Qué vamos a hacer?
3. Construir la estructura HTML

TEMA 28. FORMAS DE PAGO

1. Introducción
2. Tipos de Formas de Pago
3. Contrareembolso
4. Transferencia Bancaria
5. Domiciliación Bancaria
6. Tarjetas Bancarias
7. Tarjetas de Comercio
8. Paypal
9. ¿Qué Formas de Pago Utilizaremos?
10. Modificando la Interfaz de Nuestra Tienda
11. Modificando nuestra base de datos
12. Modificando el Código Anterior
13. Implementando el Contrareembolso
14. Implementando la transferencia
15. Implementando el Paypal

PARTE 3. DISEÑO CON ADOBE PHOTOSHOP CS6

TEMA 1. PRESENTACIÓN

1. Presentación

TEMA 2. CONCEPTOS BÁSICOS

1. Novedades del programa
2. Tipos de imágenes
3. Resolución de imagen
4. Formato PSD
5. Formatos de imagen

TEMA 3. ÁREA DE TRABAJO

1. Abrir y guardar una imagen
2. Crear un documento nuevo
3. Área de trabajo
4. Gestión de ventanas y paneles
5. Guardar un espacio de trabajo
6. Modos de pantalla

TEMA 4. PANELES Y MENÚS

1. Barra menú
2. Barra de herramientas
3. Opciones de Herramientas y barra de estado
4. Ventanas de photoshop I
5. Ventanas de photoshop II
6. Zoom y mano y ventana navegador
7. Prácticas

TEMA 5. HERRAMIENTAS DE SELECCIÓN

1. Herramientas de selección
2. Herramienta marco
3. Opciones de marco
4. Herramienta lazo
5. Herramienta Varita
6. Herramienta de selección rápida
7. Herramienta mover
8. Sumar restar selecciones
9. Modificar selecciones
10. Prácticas

TEMA 6. HERRAMIENTAS DE DIBUJO Y EDICIÓN

1. Herramientas de dibujo y edición
2. Herramienta Pincel
3. Crear pinceles personalizados
4. Herramienta lápiz
5. Herramienta sustitución de color
6. Herramienta pincel historia
7. Herramienta sustitución de color
8. Herramienta degradado
9. Herramienta bote de pintura
10. Prácticas

TEMA 7. HERRAMIENTAS DE RETOQUE Y TRANSFORMACIÓN

1. Herramientas de retoque y transformación
2. Herramienta recortar
3. Herramienta sector
4. Cambiar el tamaño del lienzo
5. Herramienta pincel corrector puntual
6. Herramienta ojos rojos
7. Tampón de clonar
8. Herramienta borrador
9. La Herramienta desenfocar
10. Herramienta sobreexponer y subexponer
11. Prácticas

TEMA 8. CAPAS

1. Conceptos básicos de capas
2. El panel capas
3. Trabajar con capas I
4. Trabajar con capas II
5. Alinear capas
6. Rasterizar capas
7. Opacidad y fusión de capas
8. Estilos y efectos de capa
9. Capas de ajuste y relleno
10. Combinar capas
11. Prácticas

TEMA 9. TEXTO

1. Herramientas de texto
2. Introducir texto
3. Cambiar caja y convertir texto
4. Formato de caracteres
5. Formato de párrafo
6. Rasterizar y filtros en texto
7. Deformar texto
8. Crear estilos de texto
9. Relleno de texto con una imagen
10. Ortografía
11. Herramienta máscara de texto y texto 3D
12. Prácticas

TEMA 10. HERRAMIENTAS DE DIBUJO

1. Herramientas de dibujo
2. Modos de dibujo
3. Herramienta pluma
4. Ventana trazados
5. Subtrazados
6. Convertir trazados en selecciones
7. Pluma de forma libre
8. Capas de forma
9. Herramienta forma
10. Prácticas

TEMA 11. REGLAS, ACCIONES, FILTROS Y CANALES

1. Reglas, guías y cuadrícula
2. La herramienta regla
3. Acciones
4. Filtros
5. Objetos inteligentes
6. Canales
7. Mascara rápida
8. Canales Alfa
9. Prácticas

TEMA 12. TRANSFORMAR IMÁGENES Y GRÁFICOS WEB

1. Transformar imágenes
2. Deformar un elemento
3. Tamaño de la imagen
4. Resolución imagen y monitor
5. Rollover
6. Los sectores
7. Tipos de sectores
8. Propiedades de los sectores
9. Modificar sectores
10. Optimizar imágenes
11. Guardar para web
12. Prácticas

TEMA 13. IMPRESIÓN

1. Impresión
2. Impresión de escritorio
3. Pruebas de color en pantalla
4. Perfiles de color
5. Imprimir una imagen
6. Preparación para imprenta
7. Prácticas

TEMA 14. 3D

1. Fundamentos 3D
2. Herramientas de objeto y de cámara 3D
3. Creación de formas 3D
4. Descripción general del panel 3D
5. Prácticas

TEMA 15. VÍDEO Y ANIMACIONES

1. Capas de vídeo e importar vídeo
2. El panel Animación
3. Animación a partir de una secuencia de imágenes
4. Animaciones de línea de tiempo
5. Guardado y exportación de vídeo y animaciones
6. Prácticas

PARTE 4. MARKETING ONLINE Y POSICIONAMIENTO WEB

TEMA 1. INTRODUCCIÓN AL POSICIONAMIENTO WEB

1. Preliminares
2. Antes que nada
3. La importancia del Posicionamiento Web
4. Posicionamiento natural vs posicionamiento patrocinado
5. Palabras clave
6. Marketing Online y Posicionamiento

TEMA 2. TÉCNICAS DE POSICIONAMIENTO NATURAL

1. Preliminares
2. Primeros Pasos
3. ¿Qué determina la posición de un sitio web en el ranking?
4. Factores Internos
5. Factores Externos
6. Monitorización: mi sitio web

TEMA 3. ESTRATEGIAS DE POSICIONAMIENTO PATROCINADO

1. Preliminares
2. Aspectos que no debemos perder de vista
3. Programas publicitarios
4. Distribución de anuncios: redes
5. Redacción del anuncio
6. Grupos de anuncios
7. ¿Me interesa ser el número uno en el ranking?
8. Landing page
9. Monitorización de los resultados

TEMA 4. MIDIENDO LA EFICACIA DEL POSICIONAMIENTO

1. Preliminares
2. Google Analytics
3. Cálculo del ROI
4. La interpretación de la medición

TEMA 5. FUNDAMENTOS SEO. TEORÍA NECESARIA

1. Introducción
2. Seccionando a sus visitantes
3. ¿Qué buscan sus visitantes en Internet?
4. ¿Cuando hacemos SEO?
5. ¿En qué se basa SEO?

TEMA 6. COMENZANDO A TRABAJAR SEO

1. Introducción
2. Elección de las palabras clave
3. Lista de términos de marketing
4. Lista de términos por encuesta
5. Lista de términos populares
6. Sacando partido a Google Trenes

TEMA 7. FIJANDO OBJETIVOS SEO I

1. Introducción
2. Conociendo el futuro: previsión de visitas
3. Calcular las visitas a partir de la posición en SERP
4. Aplicación para el cálculo de visitas estimadas
5. ¿De dónde venimos? ¿A donde vamos?
6. Herramientas de monitorización SERP

TEMA 8. FIJANDO OBJETIVOS SEO II

1. Introducción
2. Información útil
3. Flash, el problema del contenido invisible
4. Densidad de palabra (Keyword density)
5. Long Tail, la larga cola de palabras clave
6. Marketing en Internet: captando más visitas

TEMA 9. FIJANDO OBJETIVOS SEO III

1. Introducción
2. Estructurar la información
3. Link Juice y el atributo "nofollow"
4. Importancia no es lo mismo que Pagerank
5. Subdominios o carpetas
6. Dando nombre a las páginas
7. URL estáticas o dinámicas
8. Paso de parámetros entre páginas dinámicas
9. Reescribiendo la dirección de los enlaces
10. Cabecera de página
11. HTML válido
12. Campos META
13. META TITLE
14. META DESCRIPTION
15. META KEYWORDS
16. Dentro de la página
17. Organizar el contenido con titulares
18. La cantidad de texto no influye
19. Escribir HTML válido no es fundamental, pero ayuda
20. Las imágenes se tienen que leer

TEMA 10. FACTORES EXTERNOS QUE INFLUYEN EN LA POSICIÓN DE LOS BUSCADORES

1. Estructura de enlaces en el sito web
2. PageRank
3. TrustRank
4. Intercambio y compra de enlaces
5. Agujeros negros en internet

TEMA 11. BLACK HAT SEO

1. Introducción
2. Cloaking
3. Texto invisible
4. Duplicación de dominios
5. SPAM en foros
6. Uso de enlaces forzados o spam Keywords
7. Información sobre Black Hat SEO
8. Cómo salir de una penalización en Google

TEMA 12. SEO PARA LOS BLOGS Y WORDPRESS

1. Blogs
2. Wordpress

TEMA 13. CASOS PRÁCTICOS

1. Canal solidario
2. Objetivos del proyecto canalsolidario.org
3. Configuración personalizada de Google Analytics
4. Fuente coincide exactamente con Google
5. Análisis de palabras clave
6. El link juice del sitio
7. El contenido de las páginas