Master Executive en Diseño y Programación Web

Parte 1. Diseño web avanzado con html5 y css3tema 1. Fundamentos de javascript

1. lenguaje javascript para crear guiones o scripts
2. validación de los datos enviados
3. modelos de objetos del documento (dom)

tema 2. Introducción

1. situación actual de la web. Páginas dinámicas e interactivas
2. aplicaciones web. Estándares html y css (html5 y css3)
3. lenguaje de programación javascript

tema 3. Introducción a javascript

1. incluir código javascript en las páginas web. Etiquetas script y códigos alternativos para aquellos navegadores que no puedan ejecutarlo o lo tengan desactivado.
2. Conceptos fundamentales de programación. Variables tipos de datos, operadores y cuadros de diálogo sencillos.

Tema 4. Fundamentos de programación

1. estructuras de control y cómo definir funciones en javascript. ámbito de las variables
2. diferencia entre variable global y variable local

tema 5. Objetos y arrays en favascript

1. utilizar los objetos en el lenguaje javascript. Objetos propios que el programador puede utilizar. Jerarquía de objetos.
2. Concepto de array

tema 6. Los objetos location e history

1. los objetos location e history de javascript. Introducción al concepto de url.

Tema 7. El objeto document

1. contenido de la página web: su título, conjunto de imágenes, conjunto de hipervínculos, etc.

Tema 8. El objeto form

1. acceso a la información manejada en los formularios que aparecen en las páginas web. Validar la información del formulario con javascript.

Tema 9. Modelo de objetos del documento (dom)

1. concepto de modelo de objetos del documento dom. Métodos esenciales de la interfaz de programación del dom
2. métodos para seleccionar elementos (getelementbyid, getelementsbytagname, getelementsbyclassname).
3. Métodos que permiten obtener o establecer el valor de los atributos (getattribute y setattribute).

Tema 10. Manipulación del dom

1. propiedades y métodos del dom
2. cómo recorrer el árbol del documento, modificar el valor de los nodos de texto o cómo crear nuevo contenido

tema 11. Buenas prácticas

1. buenas prácticas a la hora de escribir código javascript y trabajar con el dom de un documento.

Tema 12. Html5 y css3

1. novedades que aportan html5 y css3 como evolución de los dos principales estándares web.
2. Los elementos semánticos de html5, las características propias para reproducir elementos multimedia o las nuevas características de los formularios.
3. Las propiedades más interesantes de css3 (nuevos selectores, técnicas de diseño avanzadas, transiciones y transformaciones, etc. ).

Tema 13. Elementos estructurales de html5

1. estudio del tipo de documento o doctype que indica que una página web sigue la especificación de html5.
2. Elementos estructurales de html5 que permiten describir mucho mejor el contenido de una página web.
3. Maquetación de una página web en la que se habían utilizado elementos neutros div, sustituyéndolos por los nuevos elementos estructurales.

Tema 14. Trabajando con esquemas html5

1. ajustar el código de una página web que utiliza los elementos estructurales html5 para que sea mostrada correctamente por los navegadores antiguos.
2. Elementos semánticos de html5, como mark, progress, etc.
3. Significado de anidar elementos estructurales, por ejemplo, para representar un artículo o post en un blog y los comentarios que tiene relacionados.
4. Concepto del esquema del documento.

Tema 15. Formularios html5

1. nuevas características de los formularios en html5: nuevos controles, nuevos atributos y validación nativa.
2. Simulación de las nuevas características para el caso de que el usuario utilice algún navegador antiguo. Uso del código javascript.

Tema 16. Dibujar con elemento canvas (parte i)

1. presentación del elemento canvas de html5.

Tema 17. Dibujar con el elemento canvas (parte ii)

1. métodos básicos de dibujo: líneas, rectángulos, arcos y trazados.
2. Estilos de línea, utilizar gradientes de color, utilizar patrones y dibujar imágenes o texto en la superficie de la página.

Tema 18. Vídeo y audio en html5

1. incorporar vídeo y audio mediante las nuevas etiquetas html5.
2. Formatos y códecs disponibles. Cuáles son los que utilizan los principales navegadores.
3. Indicaciones para completar el código de forma que los navegadores antiguos puedan reproducir el contenido multimedia mediante flash.

Tema 19. Introducción a css3 (parte i)

1. nuevos selectores, redondear las esquinas de los elementos, aplicar sombras a los objetos y al texto.
2. Utilizar niveles de transparencia al especificar colores, especificar colores hsl o utilizar gradientes de color como imágenes de fondo.

Tema 20. Introducción a css3 (parte ii)

1. incrustar fuentes junto a la página web, aplicar múltiples imágenes de fondo a los elementos.
2. Aplicar transiciones y/o transformaciones (cambiar el tamaño, rotar, inclinar o desplazar un elemento) entre distintos estados.

Parte 2. Programación de páginas web con php y javascript (cliente+servidor)módulo i. Javascripttema 1. Introducción a las páginas webs

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

tema 3. Conceptos básicos de programación

1. estructuras de decisión
2. estructuras lógicas
3. estructuras de repetición
4. definir funciones
5. llamadas a funciones
6. ámbito de las variables

tema 4. Objetos en javascript

1. introducción
2. la jerarquía de objetos
3. propiedades y eventos
4. métodos

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

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

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

tema 8. Los objetos frame, navigator y screen

1. el conjunto frames
2. el objeto navigator
3. el objeto screen

módulo ii. Phptema 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. resumen de la instalación

tema 10. Crear un sitio web

1. ¿cómo funcionan las paginas php?
2. crear un alias en apache
3. la página principal

tema 11. Introducción a php

1. las etiquetas php
2. variables
3. tipos de datos
4. constantes

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

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

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

tema 15. Programación orientada a objetos

1. introducción
2. clases
3. propiedades
4. métodos
5. visibilidad
6. crear objetos
7. destructores

tema 16. Herencia

1. presentación
2. crear subclases
3. crear objetos de las subclases
4. sobrescribir métodos
5. el acceso protected

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

tema 18. Validación de formularios

1. expresiones regulares
2. limpiando la información
3. comprobando el formulario de origen

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?

tema 20. Acceso a archivos

1. introducción
2. crear el archivo
3. escribir en el archivo
4. leer de un archivo

tema 21. Errores y excepciones

1. errores introducción
2. nivel de registro de errores
3. mensajes de error personalizados
4. guardar los errores en un registro
5. excepciones introducción
6. manejar excepciones
7. jerarquía de excepciones
8. ¿dónde manejar las excepciones?
9. manejador por defecto

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

tema 23. Base de datos y sql

1. tipos de tablas en mysql
2. crear tablas
3. relaciones a muchos
4. relaciones muchos a muchos
5. sql introducción
6. la sentencia select
7. selecciones complejas
8. funciones agregadas
9. la sentencia insert
10. la sentencia update
11. la sentencia delete
12. acceder a la base de datos
13. establecer la conexión
14. mostrar los datos en una tabla
15. cerrar la conexión

tema 24. Buscando más funcionalidad

1. ordenar el resultado
2. dividir el resultado en páginas
3. consultas preparadas

tema 25. Autentificación de los usuarios

1. la página de login
2. la página de registro
3. asegurar la confidencialidad

tema 26. El proceso de compra

1. introducción
2. modificar listaproductosphp
3. la página comprarphp
4. identificar al cliente
5. la página carritocompraphp
6. confirmar el pedido
7. la página de desconexión
8. migrar el carrito de la compra

tema 27. Integrar nuestro carrito a una página web actual

1. introducción
2. ¿qué vamos a hacer?
3. construir la estructura html
4. dándole forma
5. adaptando la funcionalidad

parte 3. Diseño con adobe photoshop cs4tema 1. Introducción

1. objetivo del curso
2. a quién va dirigido el curso
3. requisitos mínimos
4. ¿que es adobe photoshop?

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. plataforma de trabajo
5. gestión de ventanas y paneles
6. guardar un espacio de trabajo
7. modos de pantalla
8. ejercicios prácticos

tema 4. Paneles y menús

1. barra menú
2. barra de herramientas
3. opciones de herramientas
4. barra de estado
5. paletas
6. ventana navegador
7. ventana información
8. ventana color
9. ventana, historia y deshacer
10. zoom y mano
11. ejercicios prácticos

tema 5. Herramientas de selección

1. herramienta marco
2. herramienta lazo
3. herramienta varita
4. herramienta de selección rápida
5. herramienta mover
6. sumar y restar selecciones
7. modificar selecciones
8. perfeccionar bordes
9. ejercicios prácticos

tema 6. Herramientas de dibujo y edición

1. herramienta pincel
2. crear pinceles personalizados
3. herramienta lápiz
4. herramienta sustitución color
5. herramienta pincel de historia
6. herramienta pincel histórico
7. herramienta degradado
8. herramienta bote de pintura
9. crear motivos personalizados
10. ejercicios prácticos

tema 7. Herramientas de retoque y transformación

1. retoque y transformación
2. herramienta recortar
3. cambiar el tamaño del lienzo
4. herramienta pincel corrector puntual
5. herramienta ojos rojos
6. herramienta parche
7. tampón de clonar
8. tampón de motivo
9. herramienta borrador
10. la herramienta desenfocar
11. la herramienta enfocar
12. herramienta sobreexponer y subexponer
13. herramienta esponja
14. herramienta dedo
15. ejercicios prácticos

tema 8. Capas

1. conceptos básicos de capas
2. el panel capas
3. capa fondo
4. trabajar con capas
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. exportar capas
12. máscaras de capa
13. ejercicios prácticos

tema 9. Herramientas de texto

1. introducir texto
2. cambiar caja y convertir texto
3. formato de caracteres
4. formato de párrafo
5. rasterizar y filtros en texto
6. deformar texto
7. crear estilos de texto
8. relleno de texto con una imagen
9. ortografía
10. ejercicios prácticos

tema 10. Herramientas de dibujo

1. modos de dibujo
2. herramienta pluma
3. ventana trazados
4. convertir trazados en selecciones
5. pluma de forma libre
6. pluma magnética
7. capas de forma
8. herramienta forma
9. forma personalizada
10. ejercicios prácticos

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. filtros inteligentes
7. canales
8. máscara rápida
9. canales alfa
10. ejercicios prácticos

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 de la imagen y el monitor
5. rollover
6. los sectores
7. tipos de sectores
8. propiedades de los sectores
9. modificar sectores
10. guardar para web
11. guardar sectores
12. generación de capas css para gráficos web
13. ejercicios prácticos

tema 13. Impresión

1. impresión de escritorio
2. pruebas de color en pantalla
3. perfiles de color
4. imprimir una imagen
5. preparación para imprenta
6. ejercicios prácticos

parte 4. Marketing online y posicionamiento webtema 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