Академический Документы
Профессиональный Документы
Культура Документы
Master Executive en Diseo y Programacin Web 3.0 con PHP + Javascript + HTML5 + CSS3 +
SEO
A distancia
Descripcin
Da a da la tecnologa avanza, y la Web con ella ha ido progresando ao tras ao. Las redes
sociales ya no son ninguna novedad para nadie, las pginas Web hace tiempo que dejaron de ser
meros escaparates a los que ir a ver catlogos de productos, el dinamismo en la Web es total y las
aplicaciones han abandonado el escritorio de nuestros ordenadores para lanzarse a Internet en
forma de herramientas colaborativas. Y es justo en la cspide de todo ste movimiento donde nace
la Web 3.0. Al finalizar el curso el alumno ser capaz de dominar las tcnicas ms avanzadas y
novedosas de diseo y programacin Web necesarias para desarrollarse profesionalmente con xito
en este mbito.
www.euroinnova.es
Master Executive en Diseo y Programacin Web 3.0 con PHP + Javascript + HTML5 + CSS3 +
SEO
A quin va dirigido
Este Mster est dirigido a estudiantes y profesionales de los sectores relacionados con el Mundo
de la Informtica, Internet y Programacin orientada a la web. As como para personas que, sin
experiencia previa en el diseo y programacin de pginas web, deseen por motivos personales o
profesionales adquirir los conocimientos necesarios sobre diseo y programacin para crear
componentes web y poder utilizarlos en la compilacin y generacin de pginas web para su
posterior publicacin.
Objetivos
- Estudiar el lenguaje JavaScript, as como su estructura y funciones.
- Estudiar las novedades que aportan HTML5 y CSS3 como evolucin de los dos principales
estndares web.
- Conocer los aspectos generales de la programacin en Java, la estructura de sus programas y la
sintaxis de programacin.
- Adquirir una base terica y prctica en el campo de la Informtica para poder comprender los
conceptos prcticos.
- Proveer a los alumnos de los conocimientos necesarios para poder trabajar con las herramientas y
utilidades del programa Adobe Photoshop CS4.
- Adquirir las habilidades necesarias para realizar una campaa de marketing en buscadores
orientada a mejorar la promocin, trfico, venta o captacin de clientes para una determinada pgina
web.
Salidas laborales
Sectores de diseo grfico, diseo web y artes grficas en general
www.euroinnova.es
Master Executive en Diseo y Programacin Web 3.0 con PHP + Javascript + HTML5 + CSS3 +
SEO
Titulacin
Una vez finalizado el curso, el alumno recibir por parte de Euroinnova Formacin va correo postal, la
titulacin que acredita el haber superado con xito todas las pruebas de conocimientos propuestas en el
mismo.
Esta titulacin incluir el nombre del curso/master, la duracin del mismo, el nombre y DNI del
alumno, el nivel de aprovechamiento que acredita que el alumno super las pruebas propuestas, las
firmas del profesor y Director del centro, y los sellos de la instituciones que avalan la formacin
recibida (Euroinnova Formacin, Instituto Europeo de Estudios Empresariales y Comisin
Internacional para la Formacin a Distancia de la UNESCO).
Forma de financiacin
- Contrarrembolso.
- Transferencia.
- Tarjeta de crdito.
www.euroinnova.es
Master Executive en Diseo y Programacin Web 3.0 con PHP + Javascript + HTML5 + CSS3 +
SEO
Metodologa
Entre el material entregado en este curso se adjunta un documento llamado Gua del Alumno dnde
aparece un horario de tutoras telefnicas y una direccin de e-mail dnde podr enviar sus
consultas, dudas y ejercicios.
Los materiales son de tipo monogrfico, de sencilla lectura y de carcter eminentemente prctico. La
metodologa a seguir se basa en ir leyendo los manuales tericos as como completando paso a
paso todos los contenidos de los CDROMS Multimedia correspondientes al curso, realizando las
distintas prcticas que se adjuntan en el Cuaderno de Ejercicios.
Para su evaluacin, el alumno/a deber hacernos llegar en el sobre de franqueo en destino, el
Cuaderno de Ejercicios. La titulacin ser remitida al alumno/a por correo, una vez se haya
comprobado el nivel de satisfaccin previsto (60% de total de las respuestas).
Materiales didcticos
- Manual terico 'Adobe Photoshop CS4'
- Manual terico 'Programacin de Pginas Web con PHP y Javascript. Cliente y Servidor. Vol 1'
- Manual terico 'Programacin de Pginas Web con PHP y Javascript. Cliente y Servidor. Vol 2'
- Cuaderno de ejercicios
www.euroinnova.es
Master Executive en Diseo y Programacin Web 3.0 con PHP + Javascript + HTML5 + CSS3 +
SEO
www.euroinnova.es
Master Executive en Diseo y Programacin Web 3.0 con PHP + Javascript + HTML5 + CSS3 +
SEO
www.euroinnova.es
Master Executive en Diseo y Programacin Web 3.0 con PHP + Javascript + HTML5 + CSS3 +
SEO
Plazo de finalizacin
El alumno cuenta con un perodo mximo de tiempo para la finalizacin del curso, que depender del
tipo de curso elegido:
- Master a distancia y online: El plazo de finalizacin ser de 12 meses a contar desde la fecha de
recepcin de las materiales del curso.
- Curso a distancia y online: El plazo de finalizacin ser de 6 meses a contar desde la fecha de
recepcin de los materiales del curso.
En ambos casos, si una vez cumplido el plazo no se han cumplido los objetivos mnimos exigidos
(entrega de ejercicios y evaluaciones correspondientes), el alumno podr solicitar una prrroga con
causa justificada de 3 meses.
Bolsa de empleo
El alumno tendr la posibilidad de incluir su currculum en nuestra bolsa de empleo y prcticas,
participando as en los distintos procesos de seleccin y empleo gestionados por ms de 2000
empresas y organismos pblicos colaboradores, en todo el territorio nacional.
Club de alumnos
Servicio gratuito que permitir al alumno formar parte de una extensa comunidad virtual que ya
disfruta de mltiples ventajas: becas, descuentos y promociones en formacin, viajes al extranjero
para aprender idiomas...
Revista digital
El alumno podr descargar artculos sobre e-learning, publicaciones sobre formacin a distancia,
artculos de opinin, noticias sobre convocatorias de oposiciones, concursos pblicos de la
administracin, ferias sobre formacin, etc.
www.euroinnova.es
Master Executive en Diseo y Programacin Web 3.0 con PHP + Javascript + HTML5 + CSS3 +
SEO
Programa formativo
PARTE 1. DISEO WEB AVANZADO CON HTML5 Y CSS3
TEMA 1. FUNDAMENTOS DE JAVASCRIPT
Lenguaje JavaScript para crear guiones o scripts
Validacin de los datos enviados
Modelos de Objetos del Documento (DOM)
TEMA 2. INTRODUCCIN
Situacin actual de la Web. Pginas dinmicas e interactivas
Aplicaciones Web. Estndares HTML y CSS (HTML5 y CSS3)
Lenguaje de Programacin JavaScript
TEMA 3. INTRODUCCIN A JAVASCRIPT
Incluir cdigo JavaScript en las pginas web. Etiquetas script y cdigos alternativos para aquellos navegadores que no
puedan ejecutarlo o lo tengan desactivado.
Conceptos fundamentales de programacin. Variables tipos de datos, operadores y cuadros de dilogo sencillos.
TEMA 4. FUNDAMENTOS DE PROGRAMACIN
Estructuras de control y cmo definir funciones en JavaScript. mbito de las variables
Diferencia entre variable global y variable local
TEMA 5. OBJETOS Y ARRAYS EN FAVASCRIPT
Utilizar los objetos en el lenguaje JavaScript. Objetos propios que el programador puede utilizar. Jerarqua de objetos.
Concepto de array
TEMA 6. LOS OBJETOS LOCATION E HISTORY
Los objetos location e history de JavaScript. Introduccin al concepto de url.
TEMA 7. EL OBJETO DOCUMENT
Contenido de la pgina web: su ttulo, conjunto de imgenes, conjunto de hipervnculos, etc.
TEMA 8. EL OBJETO FORM
Acceso a la informacin manejada en los formularios que aparecen en las pginas web. Validar la informacin del
formulario con JavaScript.
TEMA 9. MODELO DE OBJETOS DEL DOCUMENTO (DOM)
Concepto de modelo de Objetos del Documento DOM. Mtodos esenciales de la interfaz de programacin del DOM
Mtodos para seleccionar elementos (getElementById, getElementsByTagName, getElementsbyClassName).
Mtodos que permiten obtener o establecer el valor de los atributos (getAttribute y setAttribute).
TEMA 10. MANIPULACIN DEL DOM
Propiedades y mtodos del DOM
Cmo recorrer el rbol del documento, modificar el valor de los nodos de texto o cmo crear nuevo contenido
TEMA 11. BUENAS PRCTICAS
Buenas prcticas a la hora de escribir cdigo JavaScript y trabajar con el DOM de un documento.
TEMA 12. HTML5 Y CSS3
Novedades que aportan HTML5 y CSS3 como evolucin de los dos principales estndares web.
Los elementos semnticos de HTML5, las caractersticas propias para reproducir elementos multimedia o las nuevas
caractersticas de los formularios.
Las propiedades ms interesantes de CSS3 (nuevos selectores, tcnicas de diseo avanzadas, transiciones y
transformaciones, etc.).
TEMA 13. ELEMENTOS ESTRUCTURALES DE HTML5
Estudio del tipo de documento o doctype que indica que una pgina web sigue la especificacin de HTML5.
Elementos estructurales de HTML5 que permiten describir mucho mejor el contenido de una pgina web.
Maquetacin de una pgina web en la que se haban utilizado elementos neutros div, sustituyndolos por los nuevos
www.euroinnova.es
Master Executive en Diseo y Programacin Web 3.0 con PHP + Javascript + HTML5 + CSS3 +
SEO
elementos estructurales.
TEMA 14. TRABAJANDO CON ESQUEMAS HTML5
Ajustar el cdigo de una pgina web que utiliza los elementos estructurales HTML5 para que sea mostrada
correctamente por los navegadores antiguos.
Elementos semnticos de HTML5, como mark, progress, etc.
Significado de anidar elementos estructurales, por ejemplo, para representar un artculo o post en un blog y los
comentarios que tiene relacionados.
Concepto del esquema del documento.
TEMA 15. FORMULARIOS HTML5
Nuevas caractersticas de los formularios en HTML5: nuevos controles, nuevos atributos y validacin nativa.
Simulacin de las nuevas caractersticas para el caso de que el usuario utilice algn navegador antiguo. Uso del cdigo
JavaScript.
TEMA 16. DIBUJAR CON ELEMENTO CANVAS (PARTE I)
Presentacin del elemento canvas de HTML5.
TEMA 17. DIBUJAR CON EL ELEMENTO CANVAS (PARTE II)
Mtodos bsicos de dibujo: lneas, rectngulos, arcos y trazados.
Estilos de lnea, utilizar gradientes de color, utilizar patrones y dibujar imgenes o texto en la superficie de la pgina.
TEMA 18. VDEO Y AUDIO EN HTML5
Incorporar vdeo y audio mediante las nuevas etiquetas HTML5.
Formatos y cdecs disponibles. Cules son los que utilizan los principales navegadores.
Indicaciones para completar el cdigo de forma que los navegadores antiguos puedan reproducir el contenido
multimedia mediante Flash.
TEMA 19. INTRODUCCIN A CSS3 (PARTE I)
Nuevos selectores, redondear las esquinas de los elementos, aplicar sombras a los objetos y al texto.
Utilizar niveles de transparencia al especificar colores, especificar colores hsl o utilizar gradientes de color como
imgenes de fondo.
TEMA 20. INTRODUCCIN A CSS3 (PARTE II)
Incrustar fuentes junto a la pgina web, aplicar mltiples imgenes de fondo a los elementos.
Aplicar transiciones y/o transformaciones (cambiar el tamao, rotar, inclinar o desplazar un elemento) entre distintos
estados.
MDULO I. JAVASCRIPT
TEMA 1. INTRODUCCIN A LAS PGINAS WEBS
Introduccin
Programacin del lado del cliente
Programacin del lado del Servidor
Qu utilizaremos?
Qu necesita saber?
Nuestro primer ejemplo
TEMA 2. INTRODUCCIN A JAVASCRIPT
La etiqueta SCRIPT
Contenido Alternativo
Variables
Tipos de Datos
Operadores
Cuadros de dilogo
TEMA 3. CONCEPTOS BSICOS DE PROGRAMACIN
Estructuras de decisin
Estructuras lgicas
www.euroinnova.es
Master Executive en Diseo y Programacin Web 3.0 con PHP + Javascript + HTML5 + CSS3 +
SEO
Estructuras de repeticin
Definir funciones
Llamadas a funciones
mbito de las variables
TEMA 4. OBJETOS EN JAVASCRIPT
Introduccin
La jerarqua de objetos
Propiedades y Eventos
Mtodos
TEMA 5. LOS OBJETOS LOCATION E HISTORY
Qu es un URL?
El Objeto Location
Redirigir a otra pgina
El Objeto History
TEMA 6. EL OBJETO DOCUMENT
Introduccin
La propiedad Title
Los colores de la pgina
El mtodo write
El conjunto images
TEMA 7. EL OBJETO FORM
Formularios HTML
El conjunto forms
La propiedad elements
Validar la informacin
Cundo realizar la validacin?
Tipos de Validacin
TEMA 8. LOS OBJETOS FRAME, NAVIGATOR Y SCREEN
El conjunto frames
El objeto navigator
El objeto screen
www.euroinnova.es
Master Executive en Diseo y Programacin Web 3.0 con PHP + Javascript + HTML5 + CSS3 +
SEO
Estructuras de repeticin
Estructuras de decisin
Combinar estructuras
Arrays Asociativos
El bucle foreach
Arrays Multidimensionales
TEMA 13. FUNCIONES
Introduccin
Crear Funciones
Llamar a una funcin
Paso de parmetros
Parmetros por defecto
TEMA 14. INCLUIR ARCHIVOS
mbito de las variables
Variables estticas
Uso de include y require
Incluir solo una vez
Seguridad de los archivos incluidos
TEMA 15. PROGRAMACIN ORIENTADA A OBJETOS
Introduccin
Clases
Propiedades
Mtodos
Visibilidad
Crear Objetos
Destructores
TEMA 16. HERENCIA
Presentacin
Crear subclases
Crear objetos de las subclases
Sobrescribir mtodos
El acceso protected
TEMA 17. RECOGER INFORMACIN DEL USUARIO
Introduccin
El array $_GET
El array $_POST
Recogerlos en una pgina distinta
Recogerlos en la misma pgina
Entradas requeridas
TEMA 18. VALIDACIN DE FORMULARIOS
Expresiones regulares
Limpiando la informacin
Comprobando el formulario de origen
TEMA 19. COOKIES Y SESIONES
Introduccin
Crear cookies
Caducidad de la cookies
Dependencia del navegador
Caractersticas de los cookies
Qu es una sesin?
www.euroinnova.es
Master Executive en Diseo y Programacin Web 3.0 con PHP + Javascript + HTML5 + CSS3 +
SEO
El array $_SESSION
La funcin od_start() y od_clean()
Finalizar la sesin
El identificador de la sesiones
Dnde se almacena la informacin?
TEMA 20. ACCESO A ARCHIVOS
Introduccin
Crear el archivo
Escribir en el archivo
Leer de un archivo
TEMA 21. ERRORES Y EXCEPCIONES
Errores Introduccin
Nivel de registro de errores
Mensajes de error personalizados
Guardar los errores en un registro
Excepciones Introduccin
Manejar excepciones
Jerarqua de excepciones
Dnde manejar las excepciones?
Manejador por defecto
TEMA 22. CONFIGURACIN DE LA BASE DE DATOS
MySql
Contrasea para el root
Extensin mysqli
PHPMyAdmin
Administracin de usuarios
TEMA 23. BASE DE DATOS Y SQL
Tipos de tablas en MySQL
Crear tablas
Relaciones a muchos
Relaciones muchos a muchos
SQL Introduccin
La sentencia SELECT
Selecciones complejas
Funciones agregadas
La sentencia INSERT
La sentencia UPDATE
La sentencia DELETE
Acceder a la base de datos
Establecer la conexin
Mostrar los datos en una tabla
Cerrar la conexin
TEMA 24. BUSCANDO MS FUNCIONALIDAD
Ordenar el resultado
Dividir el resultado en pginas
Consultas preparadas
TEMA 25. AUTENTIFICACIN DE LOS USUARIOS
La pgina de login
La pgina de registro
Asegurar la confidencialidad
www.euroinnova.es
Master Executive en Diseo y Programacin Web 3.0 con PHP + Javascript + HTML5 + CSS3 +
SEO
TEMA 26. EL PROCESO DE COMPRA
Introduccin
Modificar listaproductosphp
La pgina comprarphp
Identificar al cliente
La pgina carritocompraphp
Confirmar el pedido
La pgina de desconexin
Migrar el carrito de la compra
TEMA 27. INTEGRAR NUESTRO CARRITO A UNA PGINA WEB ACTUAL
Introduccin
Qu vamos a hacer?
Construir la estructura HTML
Dndole forma
Adaptando la funcionalidad
www.euroinnova.es
Master Executive en Diseo y Programacin Web 3.0 con PHP + Javascript + HTML5 + CSS3 +
SEO
Herramienta Lazo
Herramienta Varita
Herramienta de Seleccin Rpida
Herramienta Mover
Sumar y restar selecciones
Modificar selecciones
Perfeccionar bordes
Ejercicios prcticos
TEMA 6. HERRAMIENTAS DE DIBUJO Y EDICIN
Herramienta Pincel
Crear Pinceles personalizados
Herramienta Lpiz
Herramienta Sustitucin color
Herramienta Pincel de historia
Herramienta Pincel histrico
Herramienta Degradado
Herramienta Bote de pintura
Crear motivos personalizados
Ejercicios prcticos
TEMA 7. HERRAMIENTAS DE RETOQUE Y TRANSFORMACIN
Retoque y transformacin
Herramienta Recortar
Cambiar el tamao del lienzo
Herramienta Pincel corrector puntual
Herramienta Ojos rojos
Herramienta Parche
Tampn de Clonar
Tampn de Motivo
Herramienta Borrador
La herramienta Desenfocar
La herramienta Enfocar
Herramienta Sobreexponer y Subexponer
Herramienta Esponja
Herramienta Dedo
Ejercicios prcticos
TEMA 8. CAPAS
Conceptos bsicos de Capas
El panel Capas
Capa Fondo
Trabajar con Capas
Alinear Capas
Rasterizar capas
Opacidad y fusin de capas
Estilos y efectos de capa
Capas de ajuste y relleno
Combinar capas
Exportar capas
Mscaras de capa
Ejercicios prcticos
TEMA 9. HERRAMIENTAS DE TEXTO
www.euroinnova.es
Master Executive en Diseo y Programacin Web 3.0 con PHP + Javascript + HTML5 + CSS3 +
SEO
Introducir texto
Cambiar caja y convertir texto
Formato de caracteres
Formato de prrafo
Rasterizar y filtros en texto
Deformar texto
Crear estilos de texto
Relleno de texto con una imagen
Ortografa
Ejercicios prcticos
TEMA 10. HERRAMIENTAS DE DIBUJO
Modos de dibujo
Herramienta Pluma
Ventana Trazados
Convertir trazados en selecciones
Pluma de forma libre
Pluma magntica
Capas de forma
Herramienta Forma
Forma personalizada
Ejercicios prcticos
TEMA 11. REGLAS, ACCIONES, FILTROS Y CANALES
Reglas, guas y cuadrcula
La herramienta Regla
Acciones
Filtros
Objetos inteligentes
Filtros inteligentes
Canales
Mscara rpida
Canales Alfa
Ejercicios prcticos
TEMA 12. TRANSFORMAR IMGENES Y GRFICOS WEB
Transformar imgenes
Deformar un elemento
Tamao de la imagen
Resolucin de la imagen y el monitor
Rollover
Los sectores
Tipos de sectores
Propiedades de los sectores
Modificar sectores
Guardar para web
Guardar sectores
Generacin de capas CSS para grficos Web
Ejercicios prcticos
TEMA 13. IMPRESIN
Impresin de escritorio
Pruebas de color en pantalla
Perfiles de color
www.euroinnova.es
Master Executive en Diseo y Programacin Web 3.0 con PHP + Javascript + HTML5 + CSS3 +
SEO
www.euroinnova.es
Master Executive en Diseo y Programacin Web 3.0 con PHP + Javascript + HTML5 + CSS3 +
SEO
www.euroinnova.es
Master Executive en Diseo y Programacin Web 3.0 con PHP + Javascript + HTML5 + CSS3 +
SEO
Canal solidario
Objetivos del proyecto canalsolidario.org
Configuracin personalizada de Google Analytics
Fuente coincide exactamente con Google
Anlisis de palabras clave
El link juice del sitio
El contenido de las pginas
www.euroinnova.es