HTML y CSS son los dos pilares sobre los que se asienta cualquier sitio web actual. Además, las últimas versiones de los lenguajes, HTML5 y CSS3 están adaptados a las últimas novedades de la web 2.0, presentando el contenido de los sitios web de una manera más indexable y visualmente efectiva.
HTML5 permite organizar el contenido web de una manera más ordenada y adaptada a los formatos actuales, presentando novedades tanto a nivel estructural, como a nivel semántico, como a nivel visual. Conocer las novedades de HTML5 es vital para entender la nueva generación de criterios SEO.
CSS3 es a nueva versión de las hojas de estilo en cascada. Presentan el contenido HTML de una manera fácil y controlable, aumentando la productividad del diseñador web. Además, CSS3 presenta novedades visuales que permiten generar elaboradores efectos sin necesidad de Flash o JavaScript.
El presente curso dota al alumno de los conocimientos necesarios para crear sitios web correctamente indexables y visualmente impactantes siempre dentro de los estándares. A través de videotutoriales guiados paso a paso, el alumno aprenderá a desarrollar un sitio web partiendo desde cero hasta las últimas novedades de los lenguajes expuestos.
Las aplicaciones web 2.0 no son el futuro sino el presente de la web. Mediante ellas, podemos crear aplicaciones que residen en un servidor remoto y de las que hacemos uso desde cualquier ordenador, simplemente usando un navegador web. Desde gestores de webmail hasta tiendas online pasando por blogs o documentos online, cada día usamos de manera habitual aplicaciones web 2.0. Cada día que pasa se desarrollan más aplicaciones en la nube y menos aplicaciones de escritorio. Por ello, es importante conocer cómo desarrollar este tipo de aplicaciones. A través de videotutoriales guiados paso a paso, el alumno aprenderá a desarrollar un sitio web partiendo desde cero hasta las últimas novedades de los lenguajes expuestos.
Parte 1: HTML5 y CSS3
Unidad 1: Estructura web con HTML5
Subunidad 1: La estructura de un documento HTML
Subunidad 2: Nuevas estiquetas estructurales en HTML5
Subunidad 3: Navegación entre archivos
Subunidad 4: Creación de contenido en títulos y párrafos
Subunidad 5: Maquetación y contenido en tablas
Subunidad 6: Interacción con el usuario mediante formularios
Subunidad 7: Tratamiento de imágenes en HTML
Subunidad 8: Contenido multimedia con inserciones de video y audio
Subunidad 9: Marcado semántico en la web 2.0
Subunidad 10: Estilizando con HTML
Unidad 2: Estilizado con CSS3
Subunidad 1: Propiedades generales
Subunidad 2: Colores de frente y fondo
Subunidad 3: Geometría y el modelo de caja
Subunidad 4: Posición y distribución
Subunidad 5: Trataimento de los bordes
Subunidad 6: Tipos de sombras en CSS3
Subunidad 7: Tratamiento de las listas
Subunidad 8: Transformaciones de posicion, rotación y escala
Subunidad 9: Animaciones y transiciones en CSS3
Subunidad 10: Maquetación en columnas
Subunidad 11: Estilizado de tablas
Subunidad 12: Contenido adicional
Unidad 3: Ejercicio práctico
Subunidad 1: Planificación
Subunidad 2: Estructura con HTML
Subunidad 3: Estilo con CSS
Unidad 4: Edicion de imagenes para la web
Subunidad 1: Retoque de imágenes rasterizadas con The GIMP
Subunidad 2: Edición de imágenes vectoriales con Inkscape
Unidad 5: Creación de elementos avanzados para la web
Subunidad 1: Edicion visual rápida
Subunidad 2: Conexión con servicios de Google
Subunidad 3: Maquetación HTML
Subunidad 4: Web estilizada
Subunidad 5: Transformaciones en CSS3
Subunidad 6: Transiciones en CSS3
Subunidad 7: Creación de una parte estática para el ejercicio
Subunidad 8: Creación de un efecto polaroid
Unidad 6: Segundo ejercicio práctico
Subunidad 1: Parte estática
Unidad 7: Edición WYSIWYG
Subunidad 1: Instalación de un programa WYSIWYG
Subunidad 2: Creación de contenido HTML
Subunidad 3: Trabajo con listas
Subunidad 4: Maquetación de tablas
Subunidad 5: Ejercicio resumen
Subunidad 6: Diagramas de planificacion
Subunidad 7: Organización de la información
Subunidad 8: Planificación de un wireframe
Subunidad 9: Conversión del wireframe a codigo
Subunidad 10: Navegación entre las páginas
Subunidad 11: Etiquetas del head
Subunidad 12: Añadido de elementos multimedia
Subunidad 13: Creación de formularios
Subunidad 14: Aplicación de estilos con CSS
Subunidad 15: Maquetacion tradicional
Unidad 8: Transiciones y animaciones
Subunidad 1: Instalando editores de texto
Parte 2: Javascript, PHP y MySQL
Unidad1: Introducción
Subunidad 1: Instalación de un entorno de trabajo
Subunidad 2: Editores de texto y entornos de desarrollo
Unidad 2: Programación dinámica en el lado del servidor con PHP5
Subunidad 1: Introduccion
Subunidad 2: Almacenamiento de información en variables
Subunidad 3: Diferentes tipos de operadores
Subunidad 4: Estructuras de control de bucle y condicionales
Subunidad 5: Almacenamiento en matrices de n dimensiones
Subunidad 6: Encapsulamiento del código en funciones
Subunidad 7: Control de las fechas en PHP
Subunidad 8: Inclusión y referencia de archivos externos
Subunidad 9: Programación orientada a objetos
Unidad 3: Gestión de bases de datos SQL
Subunidad 1: Almacenamiento y recuperación de datos en SQLite
Subunidad 2: Tratamiento del sistema de archivos del servidor
Subunidad 3: Almacenamiento y recuperación de datos en MySQL
Unidad 4: Programación dinámica en en lado del cliente con Javascript y jQuery
Subunidad 1: Introduccion
Subunidad 2: Selectores
Subunidad 3: Elementos de inserción
Subunidad 4: Eventos de ratón, de teclado y táctiles
Subunidad 5: Efectos de animación y multimedia
Subunidad 6: Peticiones asincrónicas con AJAX
Unidad 5: Ejercicio práctico
Subunidad 1: Planificación de las bases de datos
Subunidad 2: Creación de una base de programación
Subunidad 3: Diseño de la interfaz de usuario
Subunidad 4: Configuración del proyecto
Subunidad 5: Marcado con HTML y CSS
Subunidad 6: Programación de bases de datos
Subunidad 7: Programación dinámica con PHP
Subunidad 8: Programación en el lado del cliente con Javascript y jQuery
Subunidad 9: Extendiendo la aplicación
Unidad 6: Publicación de la aplicación
Subunidad 1: Publicación de la aplicación en un servidor comercial: Elección del hosting y del dominio
Para una mayor definición de los contenidos del curso visita la página web: www.designdecision.upv.es
