DISEÑO DE PÁGINAS WEB

Deusto Formación es una iniciativa de Grupo Planeta para desarrollar un

nuevo concepto: cursos de formación continua especializados, con servicio de
consulta on-line.

El objetivo de Deusto Formación es capacitar a los profesionales en activo para

adaptarse al competitivo y exigente escenario laboral actual, e impulsar su
desarrollo profesional.

En respuesta a la constante demanda del mercado, y de las empresas, de

profesionales cualificados y en permanente actualización, Deusto Formación
ofrece nuevas herramientas para adaptarse a las nuevas exigencias del
mercado.

ÍNDICE PRESENTACIÓN:

- Objetivos
- ¿A quién va dirigido?
- Metodología
- Servicios del Campus Online
- Programa detallado

Para obtener información personalizada llame al 902 170 180

Diseño de Páginas Web Página 1 de 14

OBJETIVOS

Internet se ha convertido en una herramienta única, tanto en el ámbito laboral

como personal. Aprender a diseñar y programar páginas web es una necesidad
si queremos formar parte del nuevo entorno, que cada día necesita más y
mejores técnicos preparados. Deusto te ofrece un curso con el que aprenderás
de forma práctica y ampliarás tus horizontes profesionales.

 Domina las herramientas de diseño y programación más importantes

(Flash, Dreamweaver, HTML)
 Aprende todo lo necesario sobre servidores y dominios, para poder
gestionar una web.
 Adquiere los conocimientos de diseño necesarios para captar la idea del
cliente y aplicar las soluciones adecuadas para satisfacer sus
necesidades.
 Conoce el funcionamiento de Internet y aprende a usar todas sus
utilidades.

Adicionalmente y como complemento aprenderás a trabajar

con Google AdWords el programa de referencia en
publicidad online con la única metodología autorizada
oficialmente por Google. Además dispondrás de un bono
gratuito de 50 € para tu propia campaña de publicidad

Crece profesionalmente con Deusto Formación.

A QUIÉN VA DIRIGIDO

Gracias a la estructura del curso, basada en módulos, este curso está indicado
para personas que buscan objetivos distintos. Los intereses concretos del
alumno le llevarán a profundizar más en unos temas u otros. El curso de
Diseño de Páginas Web está pensado concretamente para:

 Personas con iniciativa, que deseen montar su propio negocio en la red,

o que teniendo su propio negocio, quieren crear su página web .
 Profesionales de la publicidad , el marketing y el diseño gráfico, que
quieran añadir valor a su currículum.
 A todo aquel que quiera aprender a crear páginas web, para dedicarse
profesionalmente en un futuro.
 Personas que quieran crear su página web para uso personal.

Diseño de Páginas Web Página 2 de 14

METODOLOGÍA

El método pedagógico de Deusto Formación tiene por objetivo la adquisición de

conocimientos, y sobre todo, su aplicación práctica en el ámbito laboral. El
método se adapta perfectamente a las circunstancias y capacidades de cada
alumno, ya que estas y su dedicación, marcarán el ritmo de aprendizaje.

A través de los materiales del curso, el uso del campus virtual y la atención
personalizada de tu tutor lograrás alcanzar tus objetivos. Independientemente
de tu nivel inicial, el método pedagógico progresivo de Deusto Formación te
garantiza el éxito en tu aprendizaje.

 Dispondrás de apoyo complementario al curso a través del campus, con

acceso a la biblioteca, agenda de estudio etc.

 Te marcarás tus propios objetivos, e irás progresando de forma efectiva: no

hay pérdidas de clases o conocimientos.

 Dispondrás del apoyo y seguimiento de un tutor personal, experto y

especializado en la materia, que responderá a tus dudas y preguntas en menos
de 24hr.

 Podrás estudiar donde y cuando tú quieras: los cursos online se adaptan a

tu horario y ritmo, sin tener que desplazarte.

 Realizarás pruebas de evaluación tras cada módulo del curso, a través del
campus online, con las que comprobarás tus progresos en la materia, tus
puntos fuertes, y tus áreas de mejora.

 Recibirás un diploma acreditativo de Deusto Formación tras la superación

de todas las pruebas de evaluación.

Diseño de Páginas Web Página 3 de 14

CAMPUS ONLINE

Deusto Formación propone un lugar de encuentro e intercambio entre todos los

estudiantes y profesores. Se trata de un espacio de consulta online, para
facilitarte el estudio y la comunicación con el centro y el tutor, en cualquier
momento.

Dentro del Campus Online, los alumnos tienen a su disposición un Buzón

Personal, desde el que podrás enviar y recibir e-mails de tu tutor y de las
últimas novedades del centro.

El Campus dispone de un acceso a las pruebas de evaluación de manera

cómoda y rápida. Podrás comprobar tu progreso, obtener correcciones y
comentarios de tu tutor personal.

Una Agenda, para que el alumno pueda planificar el ritmo de aprendizaje

deseado con el fin de realizar el curso en el tiempo previsto.

Todos los alumnos disponen de una sección de “Historial Académico”, donde

encontrarás todas las pruebas de evaluación realizadas, y así, podrás realizar
un seguimiento de tu progreso a lo largo del curso, comprobando si el ritmo de
estudio es el marcado en la agenda.

También, disponen del acceso a la Biblioteca, donde encontrarás material

relacionado y enlaces de interés y actualidad, que complementan el temario del
curso.

Dentro de la Secretaría Online, podrás consultar todo lo que necesites sobre

temas administrativos: Petición de facturas, consulta de cuotas, modificación de
datos, etc.

Diseño de Páginas Web Página 4 de 14

MATERIALES Y CONTENIDOS DEL CURSO

El curso se compone de 3 módulos estructurados en 6 unidades didácticas.

Cada módulo se completa con un DVD videotutorial sobre los contenidos
relevantes del citado módulo, a fin de que el alumno pueda afianzar el
aprendizaje adquirido durante el estudio de las unidades, gracias al enfoque
práctico de los videotutoriales que contienen.sobre aspectos relevantes del
mismo.

Materiales

 Guía de Estudio

 3 Módulos en carpeta de anillas compuestos por 6 unidades didácticas:

- Módulo 1. HTML (incluye 2 unidades didácticas)

- Módulo 2. Dreamweaver CS3 (incluye 2 unidades didácticas)

- Módulo 3. Flash CS3 (incluye 2 unidades didácticas)

 6 pruebas de evaluación, una por unidad didáctica

 3 DVD vídeotutoriales:

- DVD 1. HTML

- DVD 2. Dreamweaver

- DVD 3. Flash

Estos DVD videotutoriales consisten en una completa aplicación informática

que permite a los alumnos, a través de un sistema de menús, visionar una serie
de vídeos dedicados a las funciones, las posibilidades y las características del
programa al que se dedica el DVD (en el caso de Dreamweaver CS3 y Flash
CS3) o del lenguaje de programación HTML.

Los diferentes vídeos (o lecciones) incluidos en cada DVD están clasificados

por apartados temáticos y, en cada uno, un experto informático imparte sus
explicaciones directamente sobre el programa en cuestión, lo que resulta en un
aprendizaje dinámico, directo y totalmente práctico.

 CD Interactivo de Google AdWords para: Aprender

conceptos básicos, efectuar simulaciones y estimaciones
de costes de una campaña de marketing on line.

 Bono gratuito por valor de 50 € para efectuar tu propia

campaña publicitaria con Google AdWords.

Diseño de Páginas Web Página 5 de 14

Contenidos y estructura del curso

El curso se compone de 3 módulos estructurados en 6 unidades didácticas.

Cada módulo se completa con un DVD videotutorial sobre los contenidos
relevantes del citado módulo, a fin de que el alumno pueda practicar las
utilidades aprendidas en los textos.

El siguiente gráfico refleja sintéticamente la distribución de las unidades

didácticas por módulos:

Unidades didácticas
Módulos Contenido
1 2 3 4 5 6
Todos los conocimientos necesarios
I. HTML ■ ■ para dominar el lenguaje HTML y
aprender a crear una página Web.
Editar con Dreamweaver. Añadir
funcionalidades (panel de estilos,
II. Dreamweaver ■ ■ imágenes...). Activar vínculos y
navegación.
El entorno de trabajo de Flash. Uso de
herramientas y paneles. Edición de
III. Flash ■ ■ objetos. Crear animaciones. Añadir
fotos y vídeos.

En cada unidad didáctica se incluye una prueba de evaluación que el alumno

debe realizar y enviar al Centro para su corrección y evaluación. Debe hacerlo
por Internet a través del Campus Virtual.

Como Anexo se incluye un CD interactivo con un curso de Google AdWords

que contiene 6 unidades específicas.

La realización del Curso culmina con la obtención del Diploma DEUSTO

Formación.

Este diploma cuenta además con el sello que certifica la realización del curso
de Google AdWords con la única empresa autorizada oficialmente por Google.

Módulo 1. HTML

HTML es un lenguaje de carácter descriptivo, a través del cual establecemos

cómo se van a mostrar los contenidos de una página web al abrirla desde un
navegador. Este primer módulo aborda el lenguaje HTML para la creación de
páginas web. En él se explican ampliamente las posibilidades que ofrece este
lenguaje, entre las que podemos destacar: el trabajo con objetos, la creación
de animaciones y la utilización de elementos multimedia como sonidos o
vídeos.

En el módulo se tratan también los conceptos básicos para la creación de un

sitio web y los fundamentos del código HTML, de manera que el alumno sea

Diseño de Páginas Web Página 6 de 14

capaz de acceder al código y manipularlo directamente para conseguir los
efectos deseados.

Módulo 2. Dreamweaver

Dreamweaver es el programa por excelencia cuando se habla de creación de

páginas web. La agilidad es la nota dominante en el trabajo con Dreamweaver,
ya que contiene todas las posibilidades formales para crear páginas web y,
además, mostradas de una forma absolutamente accesible.

En este módulo se explican ampliamente las posibilidades de este programa,

como son: configurar tu sitio web, diseñar la propia página web y publicarla en
Internet. Además se aprende también a crear nuevos elementos como, por
ejemplo, los formularios web, que refuerzan la interacción que habitualmente se
busca en las páginas web.

Módulo 3. Flash

Flash es el programa que ha revolucionado la forma de entender la animación

en cuanto a su uso en la Web. Por su capacidad y flexibilidad, es el medio ideal
para desarrollar la propia creatividad respecto a los contenidos web.

En las unidades que componen este módulo el alumno aprenderá a realizar

animaciones que podrás introducir en su página web, dotándola de un nivel de
acabado más avanzado.

Para ello se explican ampliamente las posibilidades de este programa: trabajar

con objetos, crear animaciones, importar sonidos y vídeo, utilizar gráficos
vectoriales y mezclar estos elementos con imágenes de mapa de bits y
elementos multimedia adicionales. Asimismo, se abordan todas las
características del escenario, donde se muestran los gráficos, vídeos y demás
objetos. Se trabaja con la línea de tiempo, sitio desde el cual se indica el
momento en el que se muestran los gráficos y otros elementos del proyecto; y
se aprenden las nociones básicas de ActionScript, lenguaje de programación
que permite añadir interactividad a los elementos multimedia de la página web.

Anexo: CD Interactivo Google AdWords

El Posicionamiento en Buscadores es la técnica fundamental en toda campaña

de marketing online debido a que permite la máxima segmentación del público,
controlar el gasto perfectamente y hacerlo de manera dinámica. Con este CD
podrás crear, planificar, administrar y optimizar una campaña en Google
AdWords.

Diseño de Páginas Web Página 7 de 14

PROGRAMA

MÓDULO HTML
UNIDAD 1. HTML I

PRESENTACIÓN
1. INTRODUCCIÓN Y REFERENCIAS BÁSICAS
 Introducción
 ¿Qué es HTML?
 Requisitos mínimos
 Tipos de directivas
 Estructura básica
 Cabecera del documento
 Cuerpo del documento

2. FORMATEADO DE TEXTO
 Introducción
 Espacios en blanco
 Párrafos
 Saltos de línea
 Texto preformateado
 Regla horizontal
 Centrado
 Estilos de texto
 Tamaño y color de letra

3. HIPERVÍNCULOS E IMÁGENES
 Introducción
 Hipervínculos
 Imágenes

UNIDAD 2 HTML II
1. TABLAS
 Introducción
 Tablas
 Atributos de las tablas
 Ejemplos

2. LISTAS
 Introducción
 Listas numeradas
 Listas no numeradas
 Listas de definición

3. MARCOS EN HTML

Diseño de Páginas Web Página 8 de 14

  Introducción
 El uso de marcos en HTML
 Ejemplos
 Versiones en HTML

4. MULTIMEDIA EN HTML
 Sonido en HTML
 Vídeo en HTML

5. EDITORES HTML
 Editores de texto preparados para escribir HTML
 Introducción del código HTML con Dreamweaver CS3

6. ACCESIBILIDAD WEB
 Objetivo
 Funcionamiento
 Guía breve para crear sitios web accesibles

7. REFERENCIA RÁPIDA HTML

MÓDULO DREAMWEAVER CS3

UNIDAD 3. DREAMWEAVER I

PRESENTACIÓN
1. ASPECTOS BÁSICOS DE DREAMWEAVER
 Introducción
 Conocer el espacio de trabajo de Dreamweaver CS3
 Personalización del espacio de trabajo de Dreamweaver CS3
 Realización de tareas básicas con Dreamweaver CS3

2. CONFIGURACIÓN DEL SITIO Y DE LOS ARCHIVOS DEL PROYECTO

 Conocer los sitios de Dreamweaver CS3
 Configuración de los archivos del proyecto
 Define una carpeta local

3. CREAR UN DISEÑO DE PÁGINA

 Examen de la maqueta de diseño
 Creación y almacenamiento de una página
 Inserción de tablas
 Establecimiento de las propiedades de una tabla
 Inserción de un marcador de posición de imagen
 Adición de color a la página

4. ADICIÓN DE CONTENIDO A LAS PÁGINAS

 Inserción de imágenes
 Inserción y reproducción de un archivo Flash
 Inserción de Flash video

Diseño de Páginas Web Página 9 de 14

  Creación de vínculos
 Vista previa de la página en un navegador

UNIDAD 4. DREAMWEAVER II

1. FORMATEAR LA PÁGINA CON CSS

 Conocer las CSS
 Crear una nueva hoja de estilos
 Adjuntar una hoja de estilos
 Explorar el panel estilos CSS
 Crear una nueva regla CSS
 Aplicar un estilo de clase al texto
 Formatear el texto de la barra de navegación

2. CREAR UN DISEÑO DE PÁGINA BASADO EN CSS

 Diseño de página basado en CSS
 Examen de la maqueta de diseño
 Creación y almacenamiento de una página nueva
 Insertar capas
 Añadir color a la página

3. PUBLICACIÓN DEL SITIO

 Los sitios remotos
 Definir una carpeta remota
 Cargar los archivos locales
 Solución de problemas de configuración de carpetas remotas

4. PLANTILLAS
 Introducción
 Creación y configuración de plantillas
 Cargar los archivos locales
 Creación de documentos basados en plantillas
 Actualización de páginas basadas en plantillas

5. FORMULARIOS
 Introducción
 Creación de un formulario
 Envío de un formulario
 Insertar capas
 Añadir color a la página

6. COMPORTAMIENTOS
 Introducción
 Eventos
 Asignar un comportamiento

Diseño de Páginas Web Página 10 de 14

MÓDULO FLASH CS3
UNIDAD 5. FLASH I

1. ENTORNO DE TRABAJO
 Barra de menús
 Área de documento
 Línea de tiempo
 Barra de herramientas
 Paneles
 Elementos principales de una película Flash

2. TRABAJO CON DOCUMENTOS DE FLASH

 Creación y apertura de un documento y configuración de propiedades
 Uso de las fichas de documento para trabajar con varios documentos
 Almacenamiento de documentos de Flash
 Adición de contenido multimedia
 Creación de movimiento e interactividad
 Administración de elementos multimedia utilizando la Biblioteca
 ActionScript
 Varias líneas de tiempo y niveles

3. TRABAJO CON COLOR, TRAZOS Y RELLENOS

 El mezclador de colores
 Creación de degradados
 Utilización del color en el panel Herramientas
 Utilización del color en el inspector de propiedades
 Modificación de trazos
 Aplicación de rellenos
 Copia de trazos y rellenos con la herramienta Cuentagotas

4. DIBUJO
 Gráficos vectoriales y de mapa de bits
 Modelos de dibujo de Flash
 Herramientas de dibujo y pintura de Flash
 Utilización del modelo de dibujo de objeto
 Dibujo con la herramienta Lápiz
 Dibujo de líneas rectas, óvalos y rectángulos
 Dibujo de polígonos y estrellas
 Utilización de la herramienta Pluma
 Pintura con la herramienta Pincel
 Remodelación de líneas y contornos de formas
 Borrado
 Modificación de formas

5. TRABAJO CON TEXTOS

 Contornos de fuentes y fuentes de dispositivo
 Creación de texto

Diseño de Páginas Web Página 11 de 14

  Establecimiento de atributos de texto
 Edición de texto
 Separación de texto
 Vinculación de texto a una URL

UNIDAD 6. FLASH II

1. UTILIZACIÓN DE SÍMBOLOS, INSTANCIAS Y ELEMENTOS DE

BIBLIOTECAS
 Tipos de símbolos
 Creación de símbolos
 Conversión de la animación en clip de película
 Duplicación de símbolos
 Creación de instancias
 Creación de botones
 Edición de símbolos
 Cambio de propiedades de instancias
 Intercambio de una instancia por otra
 Cambio del tipo de instancia
 Copia de elementos de un documento a otro

2. IMPORTACIÓN DE OBJETOS
 Introducción de ilustraciones en Flash
 Trabajo con mapas de bits importados

3. CREACIÓN DE MOVIMIENTO
 Utilización de efectos de línea de tiempo
 Animación en Flash
 Interpolación de movimiento
 Interpolación de forma
 Fotograma a fotograma
 Utilización de capas de máscara

4. TRABAJO CON VÍDEO

 Funciones de vídeo en Flash
 Importación de vídeo con el asistente
 Utilización del componente FLVPlayback
 Componentes multimedia (Flash Player 6 y 7)

5. TRABAJO CON SONIDO

 Importación de sonidos
 Adición de sonidos a un documento
 Adición de sonidos a botones

6. ACTIONSCRIPT
 ¿Qué es?
 Acciones frecuentes en fotogramas
 Acciones frecuentes en botones

Diseño de Páginas Web Página 12 de 14

  Comportamientos
7. PUBLICACIÓN
 Publicar

ANEXO: CD Interactivo Google AdWords

Unidad 1. Introducción

 Introducción a las herramientas de Google

 Los buscadores como herramienta publicitaria
 La publicidad en Google AdWords (Coste por Clic)
 La red de contenido como herramienta publicitaria

Unidad 2. Planificación de la campaña

 Investigar el mercado
 Marcar objetivos
 Segmentación de mercado: la orientación del anuncio
 Definir tipos de campañas en base al objetivo de ventas
 Conceptos clave en AdWords para diseñar un anuncio
 Planificación presupuestaria

Unidad 3. Crear una campaña

 Cómo llegar a AdWords

 Selección de la versión de la cuenta
 Selección de cliente por idiomas
 Seleccionar clientes por ubicación
 Crear un anuncio de texto
 Crear un anuncio gráfico
 Crear un anuncio de vídeo
 Seleccionar palabras clave
 Establecer precios
 Revisión y registro

Unidad 4. Administrar una campaña

 La estructura de una cuenta de AdWords en base a la facturación

 Configuración de costes con Google AdWords por campaña
 Control de costes de campañas
 Opciones de facturación y pago

Unidad 5. Calidad, control y seguimiento

 El nivel de calidad de las palabras clave

 Tipos de estado de palabras clave
 Crear y gestionar informes

Diseño de Páginas Web Página 13 de 14

  Seguimiento de conversiones
 Introducción a Google Analytics

Unidad 6. Optimización del rendimiento de anuncios

 La mejora del rendimiento de los anuncios

 Revisar el sitio web
 Estrategias específicas de optimización
 Uso de concordancia de palabras clave para la optimización
 Optimización de la cuenta
 Optimización de la posición del anuncio
 Herramientas de Google AdWords para la optimización

Diseño de Páginas Web Página 14 de 14