Descripción
Objeivos
Durante este máster el alumno adquiere los conocimientos y herramientas necesarias para la planificación, elaboración y desarrollo de páginas web estáticas, así como su posterior publicación y puesta en marcha. Se trabaja sobre la estructura y el tratamiento de los sitios web para organizar y disponer de manera correcta la información a presentar. Incidiremos en los lenguajes empleados para la construcción de sitios web estáticos en sus estándares actuales:
HTML 5 y CSS 3, así como el tratamiento y la inserción de contenido multimedia en entornos web, como video y sonido.Además, el curso contempla la adaptación de la web a los diferentes dispositivos existentes en la actualidad: Responsive Design, así como una introducción al uso de plug-in sencillos con JavaScript / jQuery con ejemplos prácticos reales. Daremos un paso paso adelante en el desarrollo de aplicaciones web con el desarrollo de de páginas dinámicas, que implica un procesamiento por parte del servidor web, gracias al lenguaje de programación PHP y al sistema de base de datos MySQL.
Para establecer esa conexión necesitaremos el lenguaje XML.
Finalmente, se realizan scripts con lenguaje JavaScript, los cuales nos permitirán acabar nuestras aplicaciones de una manera profesional, centrándonos en validación de datos de entrada y en efectos visuales.
Temario
Temario
CREACION WEB
Diseño web
* Principios básicos del Diseño Web
* Principios de Usabilidad
* Principios de Accesibilidad
* Creación y optimización de imágenes para web
* Piezas básicas publicitarias: banners, redes msociales,
HTML + CSS: estándares web.
* Introducción a web: navegadores, motor de
navegaciones, sistema operativos.
* Preparación del entorno para el desarrollo.
* HTML: versiones y diferencias.
* Etiquetas y atributos.
* Semántica de las etiquetas.
* Uso de las etiquetas.
* DOCTYPE y Codificación de caracteres (Charset)
* Head.
* Title.
* Párrafos.
* Imágenes.
* Enlaces: hipervínculos y anclas.
* Listas: ordenadas, desordenadas y de definiciones.
* Etiquetas meta.
* Uso de iFrames.
* Tablas.
* Formularios.
* Rutas y direcciones: relativas y absolutas.
* Enlazar CSS.
Selectores CSS.
* Propiedades CSS.
* Pseudoselectores y pseudoelementos.
Edición Web
* Creación del entorno de Desarrollo: Editor de Texto + Navegador
* Complementos y herramientas útiles para la edición web
* Estructuración de un Sitio Web
* Uso avanzado de nuestro entorno de desarrollo
* Conexión a un servidor remoto y sincronización
* Gestión de Archivos mediante FTP
Introducción a los plug-in JavaScript / jQuery
* Breve introducción a JavaScript y jQuery
* Conceptos básicos para el uso de plug-ins jQuery
* Creación de ejemplos prácticos: desplegables, galerías, sliders,
HTML5 + CSS3
* Introducción a HTML5.
* Diferencias HTML5 vs XHTML 1.0 Transitional.
* Compatibilidad de HTML5.
* Etiquetas básicas: header, footer, nav, article, section, aside, mark y hgroup.
* Vídeo en HTML5.
* Audio en HTML5.
* Transiciones y transformaciones en CSS3
* Sombras de caja y textos: box-shadow y textshadow.
* Uso de RGBA en colores.
* Reponsive Design: uso de media queries.
PROGRAMACION WEB
Introducción
* ¿,Qué es y qué se puede hacer con PHP?
* Instalación Apache/PHP/MySQL/ PhpMyAdmin.
* Variables y constantes.
* Tipos de datos.
* Matrices de datos (arrays)
* Operadores.
* Estructuras de control selectivas (condicionales).
* Estructuras de control repetitivas (bucles)
Funciones
* Definición y creación de funciones.
* Invocación de funciones.
* Devolución de resultados.
* Argumentos de funciones
* Uso de Include y Require.
Librerías de funciones
* Funciones de manipulación de cadenas de caracteres.
* Funciones de fecha y hora.
* Funciones de acceso y manipulación de ficheros.
* Funciones de acceso y manipulación de directorios.
* Subir ficheros al servidor.
Formularios
* Métodos de envío GET/POST.
* Recepción de datos con $_REQUEST / $_GET / $_
* POST.
Gestión de base de datos con PHP
* Definición e importancia de BBDD Relacionales.
* Gestión de BBDD con PHPMyAdmin.
* Definición de tablas y tipos de campos: SQL
* Importar y exportar estructuras y datos.
* Conectar a la base de datos con PHP.
* CRUD con PHP desde formularios.
* Paginación de resultados con PHP.
* Manejo de errores con MySQL.
JavaScript
* Conceptos básicos.
* Sintaxis del lenguaje.
* Modelo de objetos del documento (DOM).
* Manipulación del DOM.
* Eventos.
* Gestión de formularios.
* Validación de campos.
* Librerías de métodos de JavaScript (jQuery).
jQery
* Conceptos básicos
* Sintáxis del lenguaje
* Selección de elementos
* Manejo de eventos
* Efectos visuales y animación
* Funciones de jQuery
* jQuery UI
* Ventanas modales de diálogo y notificaciones
* Controles de interfaz de usuario.
Manejo de datos de formularios con JavaScript y JQuery
* Campos requeridos.
* Campos requeridos con dependencia.
* Validación de datos.
* Máscaras y formato de texto.
* Autocompletar.
* Creación de Selects dinámicas.
Introducción a CMS
* Definición e importancia de un CMS.
* Autentificación de usuarios.
* Sesiones/coockies.
* Definición de plantillas dinámicas.
* CRUD de páginas web dinámicas
Aplicaciones mixtas
* PHP con JQuery + JSON.
* Creación de XML/RSS con PHP. Introducción a WebSe.
* Conceptos básicos para el uso de plug-ins jQuery
* Creación de ejemplos prácticos: desplegables, galerías, sliders,