Contenidos del curso Diseño y gestión avanzado de páginas Web. Duración: 150 horas. Contenidos del curso Diseño y gestión avanzado de páginas Web

Transcripción

1 Contenidos del curso Diseño y gestión avanzado de páginas Web Duración: 150 horas

2 Indice 1. Introducción 1.1. Nociones básicas HTML CSS Ejercicio: HTML+CSS 1.2. Instalación de las aplicaciones necesarias Descarga e instalación de JDK y Netbeans Ejercicio: Descarga e instalación de JDK y Netbeans Descarga de AppServ Instalación de AppServ Ejercicio: Descarga e instalación de AppServ 2. Bases de datos relacionales: MYSQL 2.1. Conectarse y desconectarse del servidor 2.2. Realizar consultas de información 2.3. Mostrar, crear y seleccionar bases de datos 2.4. Crear una tabla 2.5. Eliminar tabla y modificar parámetros 2.6. Cargar datos en una tabla 2.7. Borrar y modificar datos de una tabla 2.8. Consulta de nuestros datos 2.9. Ordenar registros Calculos con fechas Coincidencia de patrones Exportar e importar bases de datos Ejercicio: Bases de datos MYSQL desde línea de comandos Ejercicio: Modificiaciones de información Qué es PhpMyAdmin? Entorno PhpMyAdmin Crear BD y tablas con PhpMyAdmin Modificar nombre y encabezados de columnas de tabla PhpMyAdmin Ejecutar sentencias SQL desde PhpMyAdmin Insertar, modificar y eliminar datos en tablas con PhpMyAdmin Realizar backup de nuestros datos con PhpMyAdmin Restaurar backup de nuestros datos con PhpMyAdmin Eliminar tablas y bases de datos desde PhpMyAdmin Ejercicio: Bases de datos MySQL con PhpMyAdmin Cuestionario de evaluación 3. Lenguajes de programación 3.1. Php Introducción Orígenes del lenguaje

3 Características de PHP Usos de PHP ASP o PHP Requisitos para trabajar con PHP Cuestionario: Introducción a PHP Instalación y puesta en marcha Creando un proyecto con Netbeans Ejercicio: Creando un proyecto Cuestionario: Instalación y puesta en marcha Estructura de un programa PHP Sintaxis de php Tipos de datos en PHP Variables Variables predefinidas Constantes Operadores Estructuras de control alternativas Ejercicio: Estructuras de control alternativas Estructuras de control repetitivas Ejercicio: Estructuras de control repetitivas Cuestionario: Estructura de un programa PHP Funciones en PHP Definición de función Creando una función Librerías en PHP Paso de parámetros Retorno de valores Ejercicio: Librerías Cuestionario: Funciones en PHP Arrays y cadenas Arrays Arrays multidimensionales Operaciones con Arrays Otras operaciones con Arrays Cadenas de caracteres Operaciones con cadenas Ejercicio: Cadenas y Arrays Cuestionario: Arrays y cadenas Paso de variables entre páginas y procesado de formularios Pasar variables por URL Recogida de valores con el método GET Conocimientos previos de HTML Creando un formulario Recogida de valores con el método POST Ejercicio: Formulario de entrada

4 Cuestionario: Paso de variables Bases de datos con PHP Creando un base de datos y una tabla Funciones PHP para manejo de bases de datos Insercción de registros en la base de datos Consultar registros en la base de datos Modificación y eliminación de registros Ejercicio: Formulario de registro Cuestionario: Bases de datos con PHP Sesiones Funcionamiento de las sesiones Trabajando con sesiones Ejercicio: Formulario de registro y control de usuarios Cuestionario: Sesiones 3.2. Asp Introducción Orígenes del lenguaje Características de ASP Usos de ASP ASP o PHP Requisitos para trabajar con ASP Cuestionario: Introducción a PHP Instalación y puesta en marcha Instalación de IIS Ejercicio: Instalación de IIS Instalación de hapedit Ejercicio: Descarga e instalación de HAPedit Creando un archivo con hapedit Ejercicio: Creando un archivo.asp Estructura de un programa ASP Sintaxis de ASP Tipos de datos en ASP Variables Constantes Objetos El objeto Response Operadores Estructuras de control alternativas Ejercicio: Estructuras de control alternativas Estructuras de control repetitivas Ejercicio: Estructuras de control repetitivo Cuestionario: Estructura de un programa ASP Procedimientos y funciones en ASP Procedimientos Funciones

5 Paso de parámetros Librerías Ejercicio: Librerías Cuestionario: Procedimientos y funciones Arrays y cadenas Arrays Arrays multidimensionales Operaciones con Arrays Otras operaciones con Arrays Cadenas de caracteres Operaciones con cadenas Ejercicio: Cadenas y Arrays Cuestionario Arrays y cadenas Paso de variables entre páginas y procesado de formularios Pasar variables por URL Conocimientos previos de HTML Creando un formulario con HAPedit Recogida de datos con el método POST Ejercicio: Formulario de entrada Cuestionario: Paso de variables entre páginas Cookies con ASP Uso de las cookies: Creación de cookies Consultar cookies Ejemplo con uso de cookies Ejercicio: Personalizando la Web con cookies Cuestionario: Cookies Sesiones Introducción Creación de variables de sesión Trabajando con sesiones Ejemplo Ejercicio: Trabajando con sesiones Cuestionario: Sesiones 3.3. Javascript Introducción Qué es y para que se utiliza Javascript? Origenes de Javascript Javascript en los navegadores Diferencias con Java Utilidad de Javascript Editar código Cuestionario de evaluación Entorno de programación Notepad Descargando Notepad++

6 Instalación de Notepad Creación del primer script Ejercicio: Descarga e instalación de Notepad Cuestionario de evaluación Estructura del lenguaje Conceptos básicos de Javascript Como ejecutar un script? Ocultar código Javascript Sintaxis del lenguaje Comentarios en el código Distinción entre mayúsculas y minúsculas Separación de instrucciones Ejercicio: Primer script Cuestionario de evaluación Tipos de datos Variables Variables declaración y asignación El ambito de las variables Contenido de las variables Tipos de datos en Javascript Ejercicio: Mostrar por pantalla el contenido de una variable Cuestionario de evaluación Operadores Operadores de cadenas Operadores lógicos Operadores condicionales Operadores de bit El operador typeof Ejercicio: Operador suma Cuestionario de evaluación Estructuras de control alternativas y repetitivas Estructura IF IF anidados Estructura SWITCH Estructura FOR Estructura WHILE Estructura DO WHILE Ejercicio: Tabla de multiplicar Ejercicio: Factorial de un número Cuestionario de evaluación Funciones Definiendo una función Llamada a una función Dónde definir y llamar a una función? Parámetros de funciones

7 Varios parámetros en funciones Ejercicio: Función par o impar Cuestionario de evaluación Estructuras de datos complejas: Arrays Definiendo un Array Tamaño del Array Ejercicio: Crear y listar los elementos de un array Cuestionario de evaluación Introducción a la programación orientada a objetos Qué es la POO? Creación de clases Definiendo el constructor Metodos Constructor: colocando metodos Ejercicio ejemplo Ejercicio: Objetos Ejercicio: Objetos II Cuestionario de evaluación Librerías de Javascript Introducción Objetos incorporados en Javascript Clase String en Javascript Otras clases Ejercicio: Funciones con cadenas I Ejercicio: Funciones con cadenas II Cuestionario de evaluación 3.4. Ajax Introducción Qué es AJAX? Ventajas de AJAX Desventajas de AJAX Ejemplo de AJAX Cuestionario de evaluación Objeto XMLHttpRequest Crear objeto XMLHttpRequest Métodos de XMLHttpRequest Propiedades de XMLHttpRequest Cuestionario de evaluación La petición y la respuesta Petición: Apertura y envío Diferencia entre GET y POST Sincrónico o asincrónico Obtención de la respuesta del servidor Objeto onreadystatechange Método abort del objeto XMLHttpRequest

8 Ejemplo Ejercicio: Mostrar contenido de un archivo asíncronamente Ejercicio: Mostrar contenido de dos archivos asíncronamente Cuestionario de evaluación AJAX y PHP Archivo HTML AJAX PHP Ejemplo Ejercicio: Mostrar sugerencias de productos Cuestionario de evaluación responsexml index.html funciones.js pagina1.php Ejemplo Ejercicio: Mostrar información de productos Cuestionario de evaluación Ejemplos y ejercicios Ejemplo autocompletar Ejercicio: Seleccionar palabras propuestas Ejemplo control de tipo select Ejercicio: Cargar un control de tipo select 4. Servlet y Applet 4.1. Java Introducción Orígenes del lenguaje Características de Java Funcionamiento de Java Java y JavaScript Cuestionario: Introducción a la Plataforma Java Programación Orientada a Objetos Introducción Origen Conceptos fundamentales Características Clases Objetos Método Herencia Encapsulación Polimorfismo Cuestionario: Programación Orientada a Objetos Entorno de programación Netbeans Creación de un nuevo proyecto y adición de archivos

9 Ejecución y depuración de un programa con Netbeans Ejercicio: Netbeans Estructura del lenguaje Java Componentes básicos Estructura de un programa en Java Identificadores en Java Palabras clave y palabras reservadas Tipos de datos básicos Variables Constantes Operadores Estructuras de control alternativas Estructuras de control repetitivas Entrada y salida estándar I Entrada y salida estándar II Manejo de ficheros Ejercicio: Estructura del lenguaje Java Cuestionario: Estructura del lenguaje Java Arrays y cadenas de caracteres Arrays Arrays multidimensionales Cadenas de caracteres o Strings Operaciones con cadenas La clase StringBuffer Ejercicio: Arrays y cadenas de caracteres Cuestionario: Arrays y cadenas de caracteres Programacion Orientada a Objetos en Java Introducción Clases de objetos Implementación de clases Atributos u operaciones estáticas (static) Protección de miembros de la clase Paquetes Protección de clases Constructores en Java Destructores Creación de objetos Clases de interés Ejercicio: Programación orientada a objetos en Java Cuestionario: Programacion Orientada a Objetos en Java Relaciones entre objetos y clases Dependencia Asociación Agregación Composición

10 Autoreferencias Herencia Inicialización de la clase heredera Adición, redefinición y anulación Clases abstractas Interfaces Polimorfismo Ligadura dinámica Ejercicio: Relaciones entre objetos y clases I Ejercicio: Relaciones entre objetos y clases II Ejercicio: Relaciones entre objetos y clases III Cuestionario: Relaciones entre objetos y clases Manejo de excepciones. Control de errores Introducción Captura y tratamiento de excepciones Descripción de una excepción Lanzar una excepción Bloque finally Creación de excepciones Ejercicio: Manejo de excepciones. Control de errores Cuestionario: Manejo de excepciones. Control de errores Applets Ventajas de los Applets Inconvenientes de los Applets Un Applet básico Ejercicio: Creación de un Applet básico 4.2. Jsp JSP Arquitectura Cuáles son las ventajas de JSP? Cuestionario de Evaluación Tomcat de Apache Historia Instalación Tomcat Creación Variable de entorno Ejecución Tomcat Ejercicio: Instala Apache Tomcat Ejecución de scripts Nuestra primera página JSP Explicando nuestro primer script I Explicando nuestro primer script II Explicando nuestro primer script III Utilización de los scriptlets Los scriptlets de declaración de variables Los scriptlet de utilización de variables

11 Los scriptlets de código Ejercicio: Script JSP 5. Gestores de contenidos CMS 5.1. JOOMLA! Qué es un Sistema de Gestión de Gontenidos? Joomla para usuarios finales Llevando a Joomla! al siguiente nivel Joomla para Desarrolladores Ahora, Cuál es el inconveniente? Cuestionario 5.2. Iniciando Joomla Introducción a la instalación de un servidor local Instalación de AppServ y creación de la base de datos Modificando el archivo php.ini Descarga del pack Joomla Ejercicio: Descargando Joomla Preparando la Instalación Ejercicio: Creación de la base de datos para Joomla Instalación de Joomla Ejercicio: Instalación de Joomla Entrando en el Back-end Cuestionario 5.3. Back-end: Gestión del aspecto de tu página Descarga de la plantilla Ejercicio: Descarga el template de tu Web Instalación de la plantilla Ejercicio: Instala el template de tu Web Desinstalar una plantilla Ejercicio: Ajustes en el template de tu Web Editar el código HTML Editar el archivo CSS Cuestionario 5.4. Back-end: Gestión del contenido de tu página Gestor de contenidos Ejercicio : El contenido de su Web Gestor de secciones Gestor de categorías Ejercicio: Secciones y categorías Gestor de artículos Insertar imagenes en un artículo Eliminar y archivar artículos Parámetros configurables del artículo Ejercicio: Creación de artículo de contenido Gestor multimedia Gestor de menús

12 Crear y eliminar items Ejercicio: Creando menú Ejercicio: Modificando el menú superior Estadísticas Configuración global Cuestionario 5.5. Back-end: Administrar componentes Introducción Componentes específicos Descargar plugin Google Maps Instalación del plugin Google Maps Mostrar el mapa en nuestra Web Ejercicio: Muestre su localización con Google Maps Crear y mostrar un contacto Ejercicio: Creación de un contacto Crear una galería de imágenes Ejercicio: Instalación de la galería MorfeoShow 5.6. Front-end: Usuarios de Joomla y menú de usuario Usuarios del sitio Menú de usuario Modificar un artículo desde el Front-end Cuestionario 5.7. Ajustes de publicación Copia de los archivos de la Web Exportar base de datos Importar base de datos en internet Descarga de cliente FTP Subida de archivos al servidor contratado Cuestionario 6. Dinamismo en Web con animación 6.1. Adobe Flash CS Introducción Requisitos técnicos de instalación Área de trabajo Configuración del documento Abrir y previsualizar un archivo Guardar un documento Panel de Herramientas Composición del escenario Elementos auxiliares de dibujo Paneles La línea de tiempo Utilización del explorador de películas Cerrando Flash Cuestionario: Conociendo Flash

13 6.2. Dibujando en Adobe Flash CS Introducción Diferencias entre vectorial y bitmap Importación desde otras aplicaciones Trazar mapa de bits Formas simples en panel de herramientas Dibujo con la herramienta Lápiz Dibujo con la herramienta Pluma Dibujo con la herramienta Pincel Herramienta Borrador Ajustes de color Modificar propiedades de la forma Paleta Color Líneas y contornos Bote de Tinta Cubo de pintura Herramienta texto Ejercicio: Vectorizar una imagen Ejercicio: Dibujando con Adobe Flash Cuestionario Tecnicas de dibujo 6.3. Selección y manipulación Selección de objetos Herramienta Flecha Herramienta Lazo Agrupar elementos Objetos no agrupados Mover y copiar objetos Escalado de objetos Herramienta transformación libre Herramienta distorsión Modificar envoltura Giro y sesgo de objetos Alineación de objetos Cuestionario: Selección y manipulación de objetos 6.4. Fotogramas y capas en Flash Capas en Flash Composición de los fotogramas Etiquetas y anotaciones Anclajes en una película Trabajando con capas Creando una capa Capas de guía Capas de máscara Cuestionario: Trabajar con frames y capas en Flash 6.5. La biblioteca

14 Tipos de símbolos Símbolos e intancias La biblioteca de símbolos de Flash Creación de símbolos Los botones Cambiando símbolos Organización del panel Biblioteca Borrar elementos de la Biblioteca Efectos sobre instancias Ejercicio: Modificar propiedades en Clip de película con botones Cuestionario: Biblioteca Símbolos e instancias 6.6. Animación en Adobe Flash CS Animaciones en Flash Escenas en Flash Animaciones fotograma a fotograma Imagen de fondo para toda la película Interpolaciones de movimiento Interpolación de movimiento con una trayectoria Interpolación de formas Edición de animaciones Ejercicio: Efecto en el puntero del ratón Cuestionario: Animación 6.7. Música y sonido Sonidos en una película Añadir sonidos a biblioteca Insertar sonidos a una película Añadir efectos de sonido a los botones Editor de envolvente Propiedades de sonidos Ejercicio: Creación y utilización de sonidos Cuestionario Sonido y musica en Flash 6.8. Publicación y exportación de películas Flash Configuración de publicación Parámetros Flash Parámetros HTML Previsualización de la película Exportar Ejercicio: Panel de acciones Cuestionario: Publicación y exportación de películas