En este Master aprenderás a crear espectaculares páginas WEB, tiendas virtuales y portales. Cada unidad didáctica viene acompañada de múltiples ejemplos, ejercicios y prácticas.
En este Master aprenderás a crear portales, a diseñar bases de datos y modelarlas, asi como tratamiento gráfico, maquetaciones, animaciones en FLASH MX que es la ultima versión de macromedia.
Conocimientos básicos de informatica a nivel usuario.
1. Introducción
1. Introducción al lenguaje de marcas HTML
Un poco de historia. La Word Wide Web
El protocolo HTTP. Concepto de URL
El lenguaje HTML. Marcas e Hipertexto
Navegadores web
Arquitectura cliente-servidor
Tipos MIME
El problema de los caracteres y el idioma
Eventos y manejadores de eventos. Breve
introducción.
2. CSS (Cascading Style Sheet).
Descripción.
Estilos en línea. El atributo STYLE
Estilos en cabecera. La etiqueta STYLE
Estilos para etiquetas
Definición de clases
Ficheros externos
Jerarquía y herencia
3. Estructura de un documento HTML
Partes básicas de un documento
Precabecera : DOCTYPE
Cabecera: etiquetas HEAD, TITLE, META-TAGS, BASE,
LINK, SCRIPT
Cuerpo: body, atributos y estilos CSS
Contenedores: P, DIV, SPAN, etc. Breve referencia a
las tablas
Otros elementos: cabeceras (Hn), líneas horizontales
(HR saltos de línea (BR)
Interpretación de tabulaciones y espacios
Unidades de medida en HTML (pixels, puntos, em, %,
etc.)
4. Texto
Estilos físicos y lógicos
Etiquetas de estilo lógico
Etiquetas de estilo físico
La etiqueta FONT
Alineación: etiqueta center, texto en contenedores
Textos y CSS
Textos en las páginas web: cantidad
Textos en las páginas web: colores
Textos en las páginas web: Tipografía
Caracteres especiales
5. Enlaces
La etiqueta A
URL's
Tipos de enlace: internos, externos, a ficheros,
mailto, otros tipos
Eventos en los enlaces. Los enlaces como manejadores
de eventos.
Colores en los enlaces: Atributos de body y CSS
Uso de los enlaces
6. Imágenes
Importancia de la imágenes en la web
La etiqueta IMG
Aplicaciones de diseño gráfico. Gráficos vectoriales y
de mapas de bits. Fotografías
Color e imágenes. Número de colores, sistemas de color
Formatos gráficos en la web: GIF, JPG, PNG, otros
formatos
Uso de las imágenes transparentes, entrelazadas y
animadas
Optimización de imágenes
Mapas de imágenes
El futuro: SVG
7. Listas
Listas regulares ordenadas
Listas regulares sin ordenar
La etiqueta LI
Listas de definiciones
Listas anidadas
Listas y CSS
Uso de las listas
8. Tablas
Estructura de una tabla
La etiqueta TABLE
La etiqueta TR
Las etiquetas TD y TH. El problema de las celdas
vacías, uso de un gif transparente de 1x1 pixels
Las etiquetas CAPTION y COLGROUP
Tablas anidadas
Uso de las tablas: Maquetación de una página
Uso de las tablas: Recuadros con borde recto y curvo
Uso de las tablas: Segmentación de imágenes
Uso de las tablas: Códigos de barras,gráficos de
barras, marcos para imágenes
Eventos en las tablas
Algunos consejos para el uso de tablas
9. Formularios
Importancia de los formularios
La etiqueta FORM
La etiqueta INPUT
La etiqueta SELECT
La etiqueta TEXTAREA
La etiqueta BUTTON
La etiqueta FIELDSET
Formularios y CSS
Maquetación de formularios
Relación de los formularios con lenguajes de
programación
Introducción a la programación CGI
Módulos facilitados por los proveedores de hosting
10. Frames
Estructura de frames
La etiqueta FRAMESET
La etiqueta FRAME
La etiqueta NOFRAMES
Frames anidados
Frames flotantes: la etiqueta IFRAME
Frames flotantes: la etiqueta ILAYER
Uso de los frames: menús de navegación, problemas de
resolución, frames ocultos
11. Sonido en las páginas web
Ventajas e inconvenientes
Formatos de sonido aceptados. Plugins
La etiqueta BGSOUND
La etiqueta EMBED
La etiqueta OBJECT
La etiqueta A
12. Elementos multimedia
Ventajas e inconvenientes
El problema de los formatos. Plugins
Generalización de las etiquetas EMBED y OBJECT
Video: formatos, etiquetas
Animaciones: Flash, Quick Time, etc.
Applets de Java
3D
Realidad virtual: VRM, etc
Uso correcto de los elementos multimedia en la web
13. Enlaces sobre HTML.-
Relación de webs relacionadas con HTML
14. Ejercicio final del módulo
Creción de las páginas web de un sitio web de comercio
electrónico (tienda virtual de artículos de deporte)
--------------------------------------------------------------------------------
DHTML
1. Origen del DHTML
2. Concepto de capa
Etiqueta DIV
Etiqueta SPAN
Etiqueta LAYER
Capas anidadas
3. CSS-P
El atributo ID
Propiedades WIDTH, HEIGHT, CLIP
Propiedades POSITION, TOP y LEFT,
Propiedades VISIBILITY y Z-INDEX
4. JavaScript y DHTML
El problema de los navegadores. Detección de
navegadores. Códigos cross-browser
Acceso a las propiedades de las capas
Inicialización de variables y propiedades de capas
5. Animaciones en DHTML
Plantemaiento del problema
Funciones recursivas. Uso de Timeouts (Contadores de
tiempo)
Capas que exceden de los límites de la ventana del
navegador
6. Aplicaciones prácticas
Creación de un ticker
- Tips dinámicos
- Página multicapa
7. Enlaces sobre DHTML.-
- Relación de enlaces relacionados con DHTML
8. Ejercicio final del módulo
En nuestra tienda virtual:
Establecer un ticker superior con noticias deportivas
Creación de un carrito de la compra basado en cookies
Validación del formulario de pedido
--------------------------------------------------------------------------------
JAVASCRIPT
1. Introducción
Lenguajes de script en cliente (lenguajes intrepretados)
La etiqueta SCRIPT
El lenguaje JavaScript. Microsoft y Jscript.
El problema de la compatibilidad en navegadores.
Sintaxis básica
Inclusión de comentarios al código y prevención para navegadores antiguos
Sentencias y bloques. Ficheros externos de código JavaScript
Secuencias de escape
Ubicación de los bloques de código
2. Variables y matrices
Tipos de datos en JavaScript
Definición de variables
Valores de una variable: literales, expresiones, retornos de una función
Ámbito de una variable. Variables públicas (globales) y privadas (locales)
Matrices. El objeto Array
3. Operadores
Operadores aritméticos
Operadores lógicos
Operadores relacionales
Operadores de asignación
Otros operadores: concatenación de cadenas, operador
condicional, manejo de objetos (new, delete, this)
4. Estructuras de control de flujo
Bifurcaciones condicinales: estructura IF-ELSE
Bifurcaciones condicinales: estructura SWITCH-CASE
Bucles determinados: cláusula FOR
Bucles indeterminados: estructura WHILE y estructura
DO-WHILE
Salida de un bucle
5. Funciones
Utilidad de las funciones (división del código en
bloques sencillos)
Definición y estructura de una función
Llamada a una función
Funciones propias de JavaScript (eval, isNaN,
parseFloat, parseInt, etc.)
6. Eventos en JavaScript
Definición de evento y manejador de evento.
Listado de eventos y sus manejadores
Tabla de eventos soportado por cada elemento HTML y
cada navegador.
Captura de eventos
7. Objetos propios del lenguaje
El objeto Array
El objeto Boolean
El objeto Date.
El objeto Function
El objeto Math
El objeto Number
El objeto RegExp
El objeto String
8. Modelo de objetos del navegador
Tipos de objetos y jerarquía
Propiedaes y métodos de un objeto
El objeto NAVIGATOR.
El objeto SCREEN
El objeto WINDOW: propiedades, métodos y matrices.
Eventos específicos.
Ventanas del sistema (alert, confirm, prompt).
Ventanas flotantes (pop-up's)
El objeto FRAME. Cambio del contenido en múltiples
ventanas. Acceso a variables y funciones
El objeto DOCUMENT: propiedades, métodos y matrices.
Eventos específicos.
Los objetos LINK y ANCHOR. Cambio dinámico del destino
de un enlace.
El objeto IMAGE. Precarga de imágenes.
El Objeto FORM. Matriz ELEMENTS. Acceso a elementos de
un formulario.
El objeto SELECT. La matriz OPTIONS.
9. Validación de formularios
Importancia de la validación de formularios
Manejo de cadenas
Manejo de números
Funciones básicas de validación en cliente
Validación de una dirección de e-mail
10. Cookies
Definición de cookie
Escritura y lectura de cookies
Cuestiones de seguridad e intimidad
11. Creación de nuevos objetos
Introducción a la Programación Orientada a Objetos
Propiedades y métodos
Declaración de nuevos objetos. Concepto de clase.
Inicialización de objetos. Constructores
Jerarquía y herencia entre objetos en JavaScript
12. Aplicaciones prácticas
Fecha y hora actual en una caja de texto
Cifrado de contraseñas
Creación de rollovers. Menú dinámico basado en
imágenes
Menú en combo
Combo dinámico
Conservación de un pedido mediante cookies
13. Enlaces sobre JavaScript.-
Relación de webs relacionadas con el Diseño Gráfico
14. Ejercicio final del módulo (En nuestra tienda
virtual)
Transformación del menú superior en menú animado
(rollover)
Creación de un carrito de la compra basado en cookies
15. Validación del formulario de pedido
--------------------------------------------------------------------------------
FIREWORKS MX
1. Conceptos de Diseño Gráfico.-
Importancia del diseño gráfico en la web
Gráficos vectotiales y de mapa de bits
Colores en un ordenador
Modelos de color
Modos de color
Formatos gráficos
2. Adobe Ilustrator (Ilustración ? Gráficos
vectoriales).-
Principales características del programa
Entorno de trabajo
Barras de menús
Principales herramientas
Formas básicas
Pinceles
Paletas de colores.
Degradaos
Escalado y rotación de objetos
Alineaciones
Selección de objetos
Trabajando con textos
Trabajando con Capas
Filtros
Aplicaciones prácticas:
Calcado de una imagen (de mapa de bits a vectorial).
Autocalcado
Creación de un logotipo
3. Macromedia Fireworks (Tratamiento de imágenes y
fotografías).-
Principales características del programa
Entorno de trabajo
Barras de menús
Principales herramientas
Formas básicas
Pinceles
Paletas de colores
Degradados
Escalado y rotación de objetos
Alineaciones
Selección de objetos
Trabajando con textos
Trabajando con capas
Trabajando con máscaras
Filtros
Aplicaciones prácticas:
Restauración de una fotografía estropeada o antígua
Creación de botones
Gifs animados, segmentación de imágenes
4. Principales elementos gráficos de una página web.-
Logotipos
Banners
Iconos
Menús de navegación
5. Enlaces sobre Diseño Gráfico.-
Relación de webs relacionadas con el Diseño Gráfico
6. Ejercicios finales del módulo.-
Diseño una propuesta de página web en modo gráfico
(partiendo de las realizadas en el módulo de HTML)
--------------------------------------------------------------------------------
ACTIVE SERVER PAGES (ASP)
1. Introducción
Lenguajes de script en servidor
Características generales de ASP
Estructura de una página ASP
Sintaxis básica
Interaccción de ASP con HTML y JavaScript
Inclusión de comentarios al código. Espacios en blanco
Eventos en ASP
Sentencias y bloques.
Ubicación de los bloques de código.
Ficheros de código externos. La instrucción Include
Servidores con soporte ASP.
Instalación de Personal Web Server. Directorio de
trabajo
Instalación de Internet Information Server
2. Variables y matrices
Tipos de datos. Constantes. Conversión de tipos.
Variables. Definición. Valores: literales, expresiones
y retornos de una función. Option Explicit
Ámbito de una variable. Variables públicas (globales)
y privadas (locales)
Matrices. El objeto Array
3. Operadores
Operadores aritméticos
Operadores lógicos
Operadores relacionales (comparación)
Operadores de signación directa y concatenación de
cadenas
4. Subprogramas
Concepto de subprograma. Tipos
Definición y estructura de un subprograma
Subrutinas
Funciones
Llamada a un subprograma
Funciones propias del lenguaje
5. Estructuras de control de flujo
Bifurcaciones condicinales: estructura IfF ? Then
- Else ? Ed If
Bifurcaciones condicinales: estructura Select? Case ?
End Case
Bucles determinados: cláusula For - Next
Bucles indeterminados: estructura Do - Loop
Bucles indeterminados: estructura While - Wend
Salida de un bucle
6. Entrada de datos: El objeto REQUEST
El objeto Request. Paso de valores entre cliente y
servidor
Formularios y ASP. Métodos GET y POST
La colección QueryString
La colección Form
La colección Cookies
La colección ServerVariables
Aplicación práctica:
Recogida de los valores de un formulario
7. Salida de datos: El objeto RESPONSE
El objeto Response
La colección Cookies
El método Write
El método Redirect
Aplicación práctica:
Escritura de los valores recibidos de un formulario en
una cookie
8. Matenimiento de variables: Los objetos SESSION Y
APPLICATION
El objeto Session. Propiedades. Variables de sesión
El objeto Application. Variables de aplicación
El archivo global.asa
Creación y alcance del objetos componentes
Aplicaciones prácticas
Mantenimiento de contraseñas de acceso
Contador de usuarios activos
9. El objeto SERVER
El objeto Server
El método HTMLEncode
El método MapPath
El objeto CreateObject
10. Manejo de cadenas
Concatenación de cadenas
Funciones propias del lenguaje
Validación de campos de texto en formularios
Aplicación práctica: Validación de una dirección de
e-mail
11. Manejo de datos numéricos
Operaciones simples
Funciones propias del lenguaje
Validación de campos numéricos en formularios
Aplicación práctica: Cálculo del IVA y el total de una
cantidad y formatéo en euros.
12. ASP y Bases de Datos
Introducción
Herramientas de trabajo
Bases de datos
ODBC. Declarando conexiones
OLEBD. ADO (ActiveX Data Object). Objetos y
funcionamiento
El objeto Connection. Propiedades y métodos
El objeto Recordset. Propiedades y métodos
El lenguaje SQL
Estructura conjunta de acceso a una BD
Aplicación práctica: Creación de una BD Access, una
tabla de usuarios y una conexión DSN
13. Lectura de datos de una BD
Sentencias SQL para consultas a una BD
Paginación de registros
Aplicación práctica
Presentando en pantalla los datos de la tabla de
usuarios
14. Modificación de datos de una BD
Sentencias SQL para inserción de datos
Sentencias SQL para modificación de datos
Sentencias SQL para borrado de datos
Aplicación práctica: Insertando usuarios nuevos en la
tabla de las prácticas anteriores
15. Enlaces relacionados con ASP
Relación de enlaces relacionados con ASP
16. Ejercicio final del módulo
En nuestra tienda virtual:
Construcción de una BD con una tabla de artículos por
secciones
Presentación dinámica de los artículos en una página.
Buscador de productos
--------------------------------------------------------------------------------
DREAMWEAVER MX
1. Operaciones básicas con Dreamweaver
Configuración general de la página web
Inserción de texto
Inserción de imágenes
Inserción de tablas. Vista estándar y vista disposición
Insertar Plug-ins y ActiveX
Insertar Applets de Java
Insertar elementos de interfaz
Inserción de datos
Insertar Server Side Include
Otros elementos
2. Formularios, marcos y elementos de cabecera e invisibles
Definición de áreas de formulario
Principales elementos de formulario
Métodos de envío de datos de formulario
Inserción de marcos
Gestión de archivos dentro de los marcos
Jerarquía de los marcos
Establecer vínculos dentro de los marcos
Inserción de elementos invisibles
Elementos de cabecera
3. Utilización del historial y comandos
El historial
Manipulación de acciones en el historial
Grabación y ejecución de comandos
Limpiar
HTML
4. Elementos activos. plantillas y elementos de biblioteca
Generalidades de los elementos activos
Creación y utilización de elementos de biblioteca
Creación de plantillas de sitio web
5. Animación y HTML dinámico
Diseño y colocación de capas
Propiedades de las capas
La línea de tiempo
Animación con línea de tiempo
Modificaciones en la línea de tiempo
6. Comportamientos
Los comportamientos en Dreamweaver
Asignación de comportamientos
Navegación: "Ir a URL y abrir ventana de explorador
Control de imagen: precarga de imagen e intercambiar imagen
Control de línea de tiempo
Comprobar explorador y Plug-in
Mostrar y ocultar capas
Mensajes emergentes
Otros comportamientos
7. Utilidades y ayuda en el diseño en Dreamweaver
Referencias HTML y JavaScript
Comprobar vínculos
Comprobar navegador de destino
Convertir compatible con navegador 3.0
Preferencias
8. Importación de FireWorks
--------------------------------------------------------------------------------
FLASH MX Y ACTION SCRIPT
Conceptos básicos
El entorno de trabajo de Flash
La aplicación de dibujo
Importar ficheros externos
Antes de animar
Animación en la línea de tiempo
Sonido
Interactividad
Publicar una animación
Creación de menús desplegables
Insertar Flash en DreamWeaver
Conceptos básicos de programación en Action Script
Utilización de variables
Operaciones condicionales
Creación de bucles de repetición
Control de propiedades de clips de película
Creación de elementos de interfaz
Creación de formularios
Duplicación de clips de película
Impresión de fotogramas
El depurador y otras técnicas de "debugging"
Creación de funciones y objetos personalizados en Action Script
Detección de colisiones
Creación de matrices, el objeto "Array"
Control de teclado, el objeto "Key"
Ajustar fecha y hora, el objeto "Date"
Manipulación de color, el objeto "Color"
Ajuste de sonido, el objeto "Sound"
XML
Creación de clips inteligentes
Curso de Técnico en Diseño y Creación Web (Sólo Barcelona y Bilbao) CIPSA Centro de Informática Profesional, Cursos de especialización Presencial - !! ATENCION !! Este centro sólo atiende residentes en Barcelona y...
Master en Diseño de Páginas Web Azpe Informática, Masters y Postgrados Presencial - Se estudian en el curso las principales aplicaciones informáticas...
Iniciación a la Creación de Sitios Web - Sólo Barcelona y Bilbao CIPSA Centro de Informática Profesional, Cursos de especialización Presencial - !! ATENCION !! Este centro sólo atiende residentes en Barcelona y...
Master en Marketing, Publicidad y Diseño Online. Especialidad en Desarrollo Web Avanzado Nett Formación, Cursos de especialización OnLine - ¿Eres creativo y el mundo online te apasiona? Este Master es l...
Master en Marketing, Publicidad y Diseño Online. Especialidad en Desarrollo Web Avanzado Nett Formación, Masters y Postgrados Presencial - OBJETIVO DEL CURSO: El Master MPD, con Especialidad en Mk On...
Masters y Postgrados
OnLine ( Toda España )
400 horas
Subvención
Prácticas No remuneradas
Emitida por el centro
850 €