PARTE 1. DISEÑO WEB AVANZADO CON HTML5 Y CSS3 UNIDAD DIDÁCTICA 1. HERRAMIENTAS NECESARIAS Introducción Editor de texto Navegadores UNIDAD DIDÁCTICA 2. INTRODUCCIÓN HTML Introducción HTML ¿Cómo creamos documento HTML? Características básicas UNIDAD DIDÁCTICA 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 UNIDAD DIDÁCTICA 5. OTRAS ETIQUETAS IMPORTANTES Otras etiquetas importantes UNIDAD DIDÁCTICA 6. METAINFORMACIÓN, ACCESIBILIDAD Y VALIDACIÓN ¿Qué es la Metainformación? Accesibilidad Validación UNIDAD DIDÁCTICA 7. INTRODUCCIÓN CSS Introducción CSS Soporte de CSS en navegadores Especificación oficial Funcionamiento básico de CSS ¿Cómo incluir CSS en la Web? Estilo básico Medios CSS Comentarios Sintaxis de la definición UNIDAD DIDÁCTICA 8. SELECTORES, UNIDADES DE MEDIDA Y COLORES Selectores CSS Unidades de medida Colores UNIDAD DIDÁCTICA 9. MODELOS DE CAJAS, POSICIONAMIENTO Y VISUALIZACIÓN Modelo de cajas Propiedades de las cajas Margen, relleno, bordes y modelo de cajas Posicionamiento y visualización Posicionamiento Visualización UNIDAD DIDÁCTICA 10. ESTRUCTURAR UNA PÁGINA “LAYOUT” Introducción a layout ¿Cómo centrar una página horizontalmente? ¿Cómo centrar una página verticalmente? Estructura y layout Altura/anchuras máximas y mínimas Estilos avanzados UNIDAD DIDÁCTICA 11. TEXTO, ENLACES, IMÁGENES Y LISTAS Textos en CSS Enlaces Imágenes Listas UNIDAD DIDÁCTICA 12. TABLAS, FORMULARIOS Y SHORTHAND Tablas Formulario UNIDAD DIDÁCTICA 13. OTRAS UTILIDADES DE CSS Versión para imprimir Personalizar el cursor Hacks y filtros Prioridad en las declaraciones Validar CSS Recomendaciones Generales Recursos útiles UNIDAD DIDÁCTICA 14. FIREBUG ¿Qué es Firebug? ¿Como se instala? ¿Como usamos Firebug? UNIDAD DIDÁCTICA 15. INTRODUCCIÓN HTML5 ¿Qué es HTML5? ¿Cuáles son las mejoras? Etiquetas Obsoletas Etiquetas modificadas Lista de etiquetas HTML5 Atributos eliminados Otros cambios Estructura HTML5 Nueva estructuración del body Otros elementos nuevos de estructuración UNIDAD DIDÁCTICA 16. NUEVOS ATRIBUTOS, EVENTOS Y PSEUDO-CLASES Introducción a atributos globales Nuevos atributos Introducción a los nuevos eventos. UNIDAD DIDÁCTICA 17. NUEVOS ELEMENTOS SEMÁNTICOS Elemento bdi Elemento command Elemento data Elementos details Elemento mark Elemento meter Elemento progress Elemento ruby Elemento time Elemento wbr UNIDAD DIDÁCTICA 18. MEJORAS EN LOS FORMULARIOS Nuevos elementos para los Formularios Cambios en el atributo type (input) Nuevos atributos para form Nuevos atributos para fieldset Nuevos atributos para input Nuevos atributos para textarea UNIDAD DIDÁCTICA 19. OTRAS MEJORAS DE HTML5 Introducción a los elementos multimedia Etiqueta source Etiqueta track Elemento video Elemento audio Elemento embed Elemento canvas Introducción a MathML Introducción a SVG Introducción a Drag and Drop Validador HTML5 UNIDAD DIDÁCTICA 20. INTRODUCCIÓN A CSS3 Introducción Unidades, colores y fuentes Nuevos Selectores y pseudo-clases UNIDAD DIDÁCTICA 21. ANIMACIONES, FONDOS Y BORDES Propiedades para la animación Nuevas propiedades para los fondos Nuevas propiedades para Bordes UNIDAD DIDÁCTICA 22. CAJAS, CAJAS FLEXIBLES, COLORES Y FUENTES Propiedades de las cajas Propiedades de las cajas flexibles Propiedades del color Propiedades para las Fuentes UNIDAD DIDÁCTICA 23. ENLACES Y MULTI-COLUMNAS Propiedades para los hiperenlaces Propiedades de las multi-columnas UNIDAD DIDÁCTICA 24. TEXTO Y 2D/3D TRANSFORMACIONES Propiedades para texto Propiedad 2D/3D Transform UNIDAD DIDÁCTICA 25. TRANSICIONES E INTERFAZ DE USUARIO Propiedades para las transiciones Propiedades para la interfaz de usuario Validación CSS3 PARTE 2. PROGRAMACIÓN DE PÁGINAS WEB CON PHP Y JAVASCRIPT MÓDULO 1. JAVASCRIPT UNIDAD DIDÁCTICA 1. INTRODUCCIÓN A LAS PÁGINAS WEB Introducción Programación del lado del cliente Programación del lado del Servidor ¿Qué utilizaremos? ¿Qué necesita saber? Nuestro primer ejemplo UNIDAD DIDÁCTICA 2. INTRODUCCIÓN A JAVASCRIPT La etiqueta SCRIPT Contenido Alternativo Variables Tipos de Datos Operadores Cuadros de diálogo Práctica 2 UNIDAD DIDÁCTICA 3. 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 Práctica 3 UNIDAD DIDÁCTICA 4. OBJETOS EN JAVASCRIPT Introducción La jerarquía de objetos Propiedades y Eventos Métodos Práctica 4 UNIDAD DIDÁCTICA 5. LOS OBJETOS LOCATION E HISTORY ¿Qué es un URL? El Objeto Location Redirigir a otra página El Objeto History Práctica 5 UNIDAD DIDÁCTICA 6. EL OBJETO DOCUMENT Introducción La propiedad Title Los colores de la página El método write El conjunto images Práctica 6 UNIDAD DIDÁCTICA 7. EL OBJETO FORM Formularios HTML El conjunto forms La propiedad elements Validar la información ¿Cuándo realizar la validación? Tipos de Validación Práctica 7 UNIDAD DIDÁCTICA 8. LOS OBJETOS FRAME, NAVIGATOR Y SCREEN El conjunto frames El objeto navigator El objeto screen Práctica 8 MÓDULO 2. PHP UNIDAD DIDÁCTICA 9. INSTALACIÓN Introducción Obtener el paquete XAMPP Instalar el paquete XAMPP Apache y MySQL como servicios La directiva register_globals Práctica 9 UNIDAD DIDÁCTICA 10. CREAR UN SITIO WEB ¿Cómo funcionan las páginas PHP? Crear un alias en apache La página principal Práctica 10 UNIDAD DIDÁCTICA 11. INTRODUCCIÓN A PHP Las etiquetas PHP Variables Tipos de datos Constantes Práctica 11 UNIDAD DIDÁCTICA 12. ARRAYS Y ESTRUCTURAS DE CONTROL Arrays Estructuras de repetición Estructuras de decisión Combinar estructuras Arrays Asociativos El bucle foreach Arrays Multidimensionales Práctica 12a Práctica 12b UNIDAD DIDÁCTICA 13. FUNCIONES Introducción Crear Funciones Llamar a una función Paso de parámetros Parámetros por defecto Práctica 13 UNIDAD DIDÁCTICA 14. INCLUIR ARCHIVOS Ámbito de las variables Variables estáticas Uso de include y require Incluir solo una vez Seguridad de los archivos incluidos Práctica 14 UNIDAD DIDÁCTICA 15. PROGRAMACIÓN ORIENTADA A OBJETOS Introducción Clases Propiedades Métodos Visibilidad Crear Objetos Destructores Práctica 15a Práctica 15b UNIDAD DIDÁCTICA 16. HERENCIA Presentación Crear subclases Crear objetos de las subclases Sobrescribir métodos El acceso protected Práctica 16 UNIDAD DIDÁCTICA 17. RECOGER INFORMACIÓN DEL USUARIO 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 UNIDAD DIDÁCTICA 18. VALIDACIÓN DE FORMULARIOS Expresiones regulares Limpiando la información Comprobando el formulario de origen Práctica 18 UNIDAD DIDÁCTICA 19. COOKIES Y SESIONES Introducción Crear cookies Caducidad de la cookies Dependencia del navegador Características de los cookies ¿Qué es una sesión? El array $_SESSION La función od_start() y od_clean() Finalizar la sesión El identificador de la sesiones ¿Dónde se almacena la información? Práctica 19a Práctica 19b UNIDAD DIDÁCTICA 20. ACCESO A ARCHIVOS Introducción Crear el archivo Escribir en el archivo Leer de un archivo Práctica 20 UNIDAD DIDÁCTICA 21. ERRORES Y EXCEPCIONES Errores Excepciones Práctica 21a Práctica 21b UNIDAD DIDÁCTICA 22. CONFIGURACIÓN DE LA BASE DE DATOS MySql Contraseña para el root Extensión mysqli PHPMyAdmin Administración de usuarios Práctica 22 UNIDAD DIDÁCTICA 23. BASE DE DATOS Y SQL Tipos de tablas en MySQL Crear tablas Relaciones uno a muchos Relaciones muchos a muchos SQL Acceder a la base de datos Establecer la conexión Mostrar los datos en una tabla Cerrar la conexión Práctica 23a Práctica 23b Práctica 23c UNIDAD DIDÁCTICA 24. BUSCANDO MÁS FUNCIONALIDAD Ordenar el resultado Dividir el resultado en páginas Consultas preparadas Práctica 24 UNIDAD DIDÁCTICA 25. AUTENTIFICACIÓN DE LOS USUARIOS La página de login La página de registro Asegurar la confidencialidad Práctica 25 UNIDAD DIDÁCTICA 26. EL PROCESO DE COMPRA Introducción Modificar listaproductos.php La página comprar.php Identificar al cliente La página carritocompra.php Confirmar el pedido La página de desconexión Migrar el carrito de la compra Práctica 26a Práctica 26b UNIDAD DIDÁCTICA 27. INTEGRAR NUESTRO CARRITO A UNA PÁGINA WEB ACTUAL Introducción ¿Qué vamos a hacer? Construir la estructura HTML UNIDAD DIDÁCTICA 28. FORMAS DE PAGO Introducción Tipos de Formas de Pago Contrareembolso Transferencia Bancaria Domiciliación Bancaria Tarjetas Bancarias Tarjetas de Comercio Paypal ¿Qué Formas de Pago Utilizaremos? Modificando la Interfaz de Nuestra Tienda Modificando nuestra base de datos Modificando el Código Anterior Implementando el Contrareembolso Implementando la transferencia Implementando el Paypal PARTE 3. DISEÑO CON ADOBE PHOTOSHOP CC UNIDAD DIDÁCTICA 1. PRESENTACIÓN Presentación UNIDAD DIDÁCTICA 2. CONCEPTOS BÁSICOS Novedades del programa Tipos de imágenes Resolución de imagen Formato PSD Formatos de imagen UNIDAD DIDÁCTICA 3. ÁREA DE TRABAJO Abrir y guardar una imagen Crear un documento nuevo Área de trabajo Gestión de ventanas y paneles Guardar un espacio de trabajo Modos de pantalla Prácticas UNIDAD DIDÁCTICA 4. PANELES Y MENÚS Barra menú Barra de herramientas Opciones de Herramientas y barra de estado Ventanas de Photoshop I Ventanas de Photoshop II Zoom y mano y ventana navegador Prácticas UNIDAD DIDÁCTICA 5. HERRAMIENTAS DE SELECCIÓN Herramientas de selección Herramienta marco Opciones de marco Herramienta lazo Herramienta Varita Herramienta de selección rápida Herramienta mover Sumar restar selecciones Modificar selecciones Prácticas UNIDAD DIDÁCTICA 6. HERRAMIENTAS DE DIBUJO Y EDICIÓN Herramientas de dibujo y edición Herramienta Pincel Crear pinceles personalizados Herramienta lápiz Herramienta sustitución de color Herramienta pincel historia Herramienta pincel histórico Herramienta degradado Herramienta bote de pintura Prácticas UNIDAD DIDÁCTICA 7. HERRAMIENTAS DE RETOQUE Y TRANSFORMACIÓN Herramientas de retoque y transformación Herramienta recortar Herramienta sector Cambiar el tamaño del lienzo Herramienta pincel corrector puntual Herramienta ojos rojos Tampón de clonar Herramienta borrador La Herramienta desenfocar Herramienta sobreexponer y subexponer Prácticas UNIDAD DIDÁCTICA 8. CAPAS Conceptos básicos de capas El panel capas Trabajar con capas I Trabajar con capas II Alinear capas Rasterizar capas Opacidad y fusión de capas Estilos y efectos de capa Capas de ajuste y relleno Combinar capas Prácticas UNIDAD DIDÁCTICA 9. TEXTO Herramientas de texto Introducir texto Cambiar caja y convertir texto Formato de caracteres Formato de párrafo Rasterizar y filtros en texto Deformar texto Crear estilos de texto Relleno de texto con una imagen Ortografía Herramienta máscara de texto y texto 3D Prácticas UNIDAD DIDÁCTICA 10. HERRAMIENTAS DE DIBUJO Herramientas de dibujo Modos de dibujo Herramienta pluma Ventana trazados Subtrazados Convertir trazados en selecciones Pluma de forma libre Capas de forma Herramienta forma Prácticas UNIDAD DIDÁCTICA 11. REGLAS, ACCIONES, FILTROS Y CANALES Reglas, guías y cuadrícula Herramienta regla Acciones Filtros Objetos inteligentes Canales Máscara rápida Canales Alfa Prácticas UNIDAD DIDÁCTICA 12. TRANSFORMAR IMÁGENES Y GRÁFICOS WEB Transformación de una imagen Deformar un elemento Tamaño de la imagen Resolución imagen y monitor Rollover Los sectores Tipos de sectores Propiedades de los sectores Modificar sectores Optimizar imágenes Guardar para web Generar recursos de imagen Prácticas UNIDAD DIDÁCTICA 13. IMPRESIÓN Impresión Impresión de escritorio Pruebas de color en pantalla Perfiles de color Imprimir una imagen Preparación de archivos para imprenta Prácticas UNIDAD DIDÁCTICA 14. 3D Fundamentos 3D Herramientas de objeto y de cámara 3D Creación de formas 3D Descripción general del panel 3D Prácticas UNIDAD DIDÁCTICA 15. VÍDEO Y ANIMACIONES Capas de vídeo e importar vídeo El panel Movimiento Animación a partir de una secuencia de imágenes Animaciones de línea de tiempo Guardar y exportar Prácticas PARTE 4. MARKETING ONLINE Y POSICIONAMIENTO WEB UNIDAD DIDÁCTICA 1. MARKETING ONLINE Introducción Concepto de Marketing Digital Funciones y objetivos del Marketing Digital Ventajas del Marketing Digital Características de Internet como medio del Marketing Digital UNIDAD DIDÁCTICA 2. EL ENTORNO WEB Compra de dominio y contratación de hosting Instalación de Wordpress Configuraciones iniciales Themes Personalización de Wordpress Creación de Posts y Páginas Gestión comentarios Biblioteca Multimedia Gestión de usuarios y roles Herramientas útiles UNIDAD DIDÁCTICA 3. COMERCIO ELECTRÓNICO Auge del comercio online Tipos de eCommerce Atención al cliente Embudos de conversión Casos de éxito UNIDAD DIDÁCTICA 4. POSICIONAMIENTO WEB Importancia del SEO Funcionamiento de los buscadores Google: algoritmos y actualizaciones Cómo salir de una penalización en Google Estrategia SEO UNIDAD DIDÁCTICA 5. POSICIONAMIENTO ORGÁNICO EN BUSCADORES (SEO) SEO local SEO internacional SEO para apps: ASO SEO para Amazon Marketplace SEO en Youtube UNIDAD DIDÁCTICA 6. TÉCNICAS SEO Auditoria de indexabilidad Velocidad de carga de la web (WPO) y renderizado Monitorización de marca Análisis y planificación del posicionamiento orgánico Códigos de estado y Protocolo Análisis Log Análisis de la taxonomía web UNIDAD DIDÁCTICA 7. POSICIONAMIENTO PATROCINADO EN BUSCADORES (SEM) Introducción al SEM Principales conceptos de SEM Sistema de pujas y calidad del anuncio Primer contacto con Google Ads Creación de anuncios de calidad Indicadores clave de rendimiento en SEM UNIDAD DIDÁCTICA 8. KEYWORD HUNTING PARA SEO Y SEM - HERRAMIENTAS Introducción Tipo de Keywords SEMrush Sistrix LongTail y Voice Search: AnswerThePublic Herramientas gratuitas Extensiones para Chrome UNIDAD DIDÁCTICA 9. MARKETING DE CONTENIDOS (CONTENT MARKETING) ¿Qué es el Inbound Marketing? Marketing de Contenidos Marketing viral Video Marketing Reputación online UNIDAD DIDÁCTICA 10. BLACK HAT SEO ¿Qué es Black Hat SEO? White Hat SEO Riesgos del uso de Black Hat SEO Técnicas Black Hat SEO Cambios en los algoritmos de Google y penalizaciones Informe de Acciones manuales UNIDAD DIDÁCTICA 11. PLAN SOCIAL MEDIA Tipos de redes sociales La importancia actual del social media Prosumer Contenido de valor Marketing viral La figura del Community Manager Social Media Plan Reputación Online PARTE 5. CREACIÓN Y GESTIÓN DE BASES DE DATOS SQL UNIDAD DIDÁCTICA 1. INTRODUCCIÓN A LAS BASES DE DATOS Ventajas e inconvenientes de las baes de datos Conceptos generales El modelo entidad-relación El modelo entidad-relación extendido Restricciones de integridad UNIDAD DIDÁCTICA 2. EL MODELO DE BASES DE DATOS RELACIONAL Estructura del modelo relacional Claves en el modelo relacional Restricciones de integridad Teoría de la normalización Diseño de una base de datos relacional Tipos de lenguajes relacionales UNIDAD DIDÁCTICA 3. LENGUAJE DE CONSULTA SQL Caracterísiticas de SQL Sistemas de Gestión de Bases de Datos con soporte SQL Sintaxis en SQL Especificación de restricciones de integridad UNIDAD DIDÁCTICA 4. MYSQL COMO SISTEMA GESTOR DE BASES DE DATOS RELACIONALES Caracterísiticas de MySQL Tipos de datos Sisntaxis SQL para MySQL UNIDAD DIDÁCTICA 5. SALVAGUARDA Y RECUPERACIÓN DE DATOS Posibles fallos en una base de datos Elementos de recuperación Tipos de soporte RAID Servidores remotos de salvaguarda de datos Diseño de un plan de salvaguarda y protocolo de recuperación de datos Tipos de salvaguardas de datos RTO (Recovery Time Objective) y RPO (Recovery Point Objective) Mecanismos de verificación de la integridad de las copias de seguridad UNIDAD DIDÁCTICA 6. BASES DE DATOS DISTRIBUIDAS Definición de SGBD distribuido. Principales ventajas y desventajas Características esperadas en un SGBD distribuido Clasificación de los SGBD distribuidos Enumeración y explicación de las reglas de DATE para SGBD distribuidos Replicación de la información en bases de datos distribuidas Procesamiento de consultas Descomposición de consultas y localización de datos UNIDAD DIDÁCTICA 7. SEGURIDAD DE LOS DATOS Conceptos de seguridad de los datos: confidencialidad, integridad y disponibilidad Normativa legal vigente sobre datos Supuestos prácticos UNIDAD DIDÁCTICA 8. TRANSFERENCIA DE DATOS Herramientas para importar y exportar datos Clasificación de las herramientas Ejemplo de ejecución de una exportación e importación de datos Migración de datos entre diferentes SGBD Inconvenientes al traspasar datos entre distintos SGBD