DISEO DE PGINAS WEB

Deusto Formacin es una iniciativa del Grupo Planeta para desarrollar un nuevo concepto: cursos especializados de formacin continua, con servicio de consulta online. El objetivo de Deusto Formacin 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 actualizacin, Deusto Formacin ofrece nuevas herramientas para adaptarse a las nuevas exigencias del mercado.

NDICE PRESENTACIN: Objetivos A quin va dirigido? Metodologa Servicios del Campus Online Programa detallado

Diseo de Pginas Web

Pgina 1 de 14

OBJETIVOS
Internet se ha convertido en una herramienta nica, tanto en el mbito laboral como personal. Aprender a disear y programar pginas web es una necesidad si queremos formar parte del nuevo entorno, que cada da necesita ms y mejores tcnicos preparados. Deusto Formacin te ofrece un curso con el que aprenders de forma prctica y ampliars tus horizontes profesionales. Con el curso de Diseo de Pginas Web, el alumno podr: Dominar las herramientas de diseo y programacin ms importantes (Flash, Dreamweaver, HTML) Aprender todo lo necesario sobre servidores y dominios, para poder gestionar una web. Adquirir los conocimientos de diseo necesarios para captar la idea del cliente y aplicar las soluciones adecuadas para satisfacer sus necesidades. Adicionalmente y como complemento aprenders a trabajar con Google AdWords el programa de referencia en publicidad online con la nica metodologa autorizada oficialmente por Google.

Crece profesionalmente con Deusto Formacin

A QUIN VA DIRIGIDO Gracias a la estructura del curso, basada en mdulos, este curso est indicado para personas que buscan objetivos distintos. Los intereses concretos del alumno le llevarn a profundizar ms en unos temas u otros. El curso de Diseo de Pginas 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 pgina web. Profesionales de la publicidad, el marketing y el diseo grfico, que quieran aadir valor a su currculum. A todo aquel que quiera aprender a crear pginas web, para dedicarse profesionalmente en un futuro. Personas que quieran crear su pgina web para uso personal.

Diseo de Pginas Web

Pgina 2 de 14

METODOLOGA El mtodo pedaggico de Deusto Formacin tiene por objetivo la adquisicin de conocimientos, y sobre todo, su aplicacin prctica en el mbito laboral. El mtodo se adapta perfectamente a las circunstancias y capacidades de cada alumno, ya que estas y su dedicacin, marcarn el ritmo de aprendizaje. A travs de los materiales del curso, el uso del campus virtual y la atencin personalizada de tu profesor logrars alcanzar tus objetivos. Independientemente de tu nivel inicial, el mtodo pedaggico progresivo de Deusto Formacin te garantiza el xito en tu aprendizaje. Dispondrs de apoyo complementario al curso a travs del campus, con acceso a la biblioteca, agenda de estudio etc. Te marcars tus propios objetivos, e irs progresando de forma efectiva: no hay prdidas de clases o conocimientos. Dispondrs del apoyo y seguimiento de un profesor personal, experto y especializado en la materia, que responder a tus dudas y preguntas en menos de 24hr. Podrs estudiar donde y cuando t quieras: los cursos online se adaptan a tu horario y ritmo, sin tener que desplazarte. Realizars pruebas de evaluacin tras cada mdulo del curso, a travs del campus online, con las que comprobars tus progresos en la materia, tus puntos fuertes, y tus reas de mejora. Recibirs un diploma acreditativo de Deusto Formacin tras la superacin de todas las pruebas de evaluacin.

Diseo de Pginas Web

Pgina 3 de 14

CAMPUS ONLINE Deusto Formacin 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 comunicacin con el centro y el profesor, en cualquier momento. Dentro del Campus Online, los alumnos tienen a su disposicin un Buzn Personal, desde el que podrs realizar consultas administrativas (Peticin de facturas, consulta de cuotas, modificacin de datos, etc.), tcnicas o pedaggicas, que tu profesor te responder en menos de 24hrs. El Campus dispone tambin de un acceso a las pruebas de evaluacin de manera cmoda y rpida. Podrs comprobar tu progreso, obtener correcciones y comentarios de tu profesor personal, y acceder al Expediente Acadmico, donde encontrars todas las pruebas de evaluacin realizadas Dispondrs de una Agenda, para que puedas planificar el ritmo de aprendizaje deseado con el fin de realizar el curso en el tiempo previsto. Adems, contars con una variedad de recursos que complementan el temario del curso: Biblioteca, donde encontrars material relacionado y enlaces de inters y actualidad. Lecturas recomendadas, con resmenes bibliogrficos. Casos de xito: Artculos sobre las estrategias de las empresas de ms xito actual Tendencias: Artculos de actualidad, tendencias, nuevas corrientes) El Profesional: Entrevistas a personas relevantes de diferentes mbitos sobre temas de actualidad.

Y para que ests permanentemente conectado y actualizado hemos creado una comunidad virtual donde encontrars, entre otros: Foro: Espacio donde los alumnos pueden interrelacionarse y compartir experiencias Blog: herramienta que permitir al alumno estar constantemente actualizado a golpe de clic. Cada da podr acceder a las noticias, videos, artculos ms relevantes de la actualidad empresarial (blog empresa) y nuevas tecnologas (blog TIC). Redes sociales: podrs seguir las actualizaciones del blog directamente en Facebook o Twitter, para tu mayor comodidad. Descuentos: Ofertas y descuentos exclusivos para los alumnos

Diseo de Pginas Web

Pgina 4 de 14

MATERIALES Y CONTENIDOS DEL CURSO El curso se compone de 3 mdulos estructurados en 6 unidades didcticas. Cada mdulo se completa con un DVD videotutorial sobre los contenidos relevantes del citado mdulo, a fin de que el alumno pueda afianzar el aprendizaje adquirido durante el estudio de las unidades, gracias al enfoque prctico de los videotutoriales que contienen.sobre aspectos relevantes del mismo. Materiales Gua de Estudio 3 Mdulos en carpeta de anillas compuestos por 6 unidades didcticas:

- Mdulo 1. HTML (incluye 2 unidades didcticas) - Mdulo 2. Dreamweaver CS3 (incluye 2 unidades didcticas) - Mdulo 3. Flash CS3 (incluye 2 unidades didcticas) 6 pruebas de evaluacin, una por unidad didctica 3 DVD vdeotutoriales:

- DVD 1. HTML - DVD 2. Dreamweaver - DVD 3. Flash Estos DVD videotutoriales consisten en una completa aplicacin informtica que permite a los alumnos, a travs de un sistema de mens, visionar una serie de vdeos dedicados a las funciones, las posibilidades y las caractersticas del programa al que se dedica el DVD (en el caso de Dreamweaver CS3 y Flash CS3) o del lenguaje de programacin HTML. Los diferentes vdeos (o lecciones) incluidos en cada DVD estn clasificados por apartados temticos y, en cada uno, un experto informtico imparte sus explicaciones directamente sobre el programa en cuestin, lo que resulta en un aprendizaje dinmico, directo y totalmente prctico.

CD Interactivo de Google AdWords para: Aprender conceptos bsicos, efectuar simulaciones y estimaciones de costes de una campaa de marketing on line.

Diseo de Pginas Web

Pgina 5 de 14

Contenidos y estructura del curso El curso se compone de 3 mdulos estructurados en 6 unidades didcticas. Cada mdulo se completa con un DVD videotutorial sobre los contenidos relevantes del citado mdulo, a fin de que el alumno pueda practicar las utilidades aprendidas en los textos. El siguiente grfico refleja sintticamente la distribucin de las unidades didcticas por mdulos:
Mdulos Unidades didcticas Contenido Todos los conocimientos necesarios para dominar el lenguaje HTML y aprender a crear una pgina Web.

I. HTML

II. Dreamweaver

III. Flash

Editar con Dreamweaver. Aadir funcionalidades (panel de estilos, imgenes, etc.). Activar vnculos y navegacin. El entorno de trabajo de Flash. Uso de herramientas y paneles. Edicin de objetos. Crear animaciones. Aadir fotos y vdeos.

En cada unidad didctica se incluye una prueba de evaluacin que el alumno debe realizar y enviar al Centro para su correccin y evaluacin. Debe hacerlo por Internet a travs del Campus Virtual. Como Anexo se incluye un CD interactivo con un curso de Google AdWords que contiene 6 unidades especficas. La realizacin del Curso culmina con la obtencin del Diploma DEUSTO Formacin. Este diploma cuenta adems con el sello que certifica la realizacin del curso de Google AdWords con la nica empresa autorizada oficialmente por Google. Mdulo 1. HTML HTML es un lenguaje de carcter descriptivo, a travs del cual establecemos cmo se van a mostrar los contenidos de una pgina web al abrirla desde un navegador. Este primer mdulo aborda el lenguaje HTML para la creacin de pginas web. En l se explican ampliamente las posibilidades que ofrece este lenguaje, entre las que podemos destacar: el trabajo con objetos, la creacin de animaciones y la utilizacin de elementos multimedia como sonidos o vdeos. En este mdulo se tratan tambin los conceptos bsicos para la creacin de un sitio web y los fundamentos del cdigo HTML, de manera que el alumno sea
Diseo de Pginas Web Pgina 6 de 14

capaz de acceder al cdigo y manipularlo directamente para conseguir los efectos deseados. Mdulo 2. Dreamweaver Dreamweaver es el programa por excelencia cuando se habla de creacin de pginas wes. La agilidad es la nota dominante en el trabajo con Dreamweaver, ya que contiene todas las posibilidades formales para crear pginas web y, adems, mostradas de una forma absolutamente accesible. En este mdulo se explican ampliamente las posibilidades de este programa, como son: configurar tu sitio webs, disear la propia pgina web y publicarla en Internet. Adems se aprende tambin a crear nuevos elementos como, por ejemplo, los formularios web, que refuerzan la interaccin que habitualmente se busca en las pginas web. Mdulo 3. Flash Flash es el programa que ha revolucionado la forma de entender la animacin 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 mdulo el alumno aprender a realizar animaciones que podr introducir en su pgina web, dotndola de un nivel de acabado ms avanzado. Para ello se explican ampliamente las posibilidades de este programa: trabajar con objetos, crear animaciones, importar sonidos y vdeo, utilizar grficos vectoriales y mezclar estos elementos con imgenes de mapa de bits y elementos multimedia adicionales. Asimismo, se abordan todas las caractersticas del escenario, donde se muestran los grficos, vdeos y dems objetos. Se trabaja con la lnea de tiempo, sitio desde el cual se indica el momento en el que se muestran los grficos y otros elementos del proyecto; y se aprenden las nociones bsicas de ActionScript, lenguaje de programacin que permite aadir interactividad a los elementos multimedia de la pgina web. Anexo: CD Interactivo Google AdWords El Posicionamiento en Buscadores es la tcnica fundamental en toda campaa de marketing online debido a que permite la mxima segmentacin del pblico, controlar el gasto perfectamente y hacerlo de manera dinmica. Con este CD podrs crear, planificar, administrar y optimizar una campaa en Google AdWords.

Diseo de Pginas Web

Pgina 7 de 14

PROGRAMA

MDULO HTML
UNIDAD 1. HTML I PRESENTACIN 1. INTRODUCCIN Y REFERENCIAS BSICAS Introduccin Qu es HTML? Requisitos mnimos Tipos de directivas Estructura bsica Cabecera del documento Cuerpo del documento 2. FORMATEADO DE TEXTO Introduccin Espacios en blanco Prrafos Saltos de lnea Texto preformateado Regla horizontal Centrado Estilos de texto Tamao y color de letra 3. HIPERVNCULOS E IMGENES Introduccin Hipervnculos Imgenes

UNIDAD 2. HTML II
1. TABLAS Introduccin Tablas Atributos de las tablas Ejemplos 2. LISTAS Introduccin Listas numeradas Listas no numeradas Listas de definicin

Diseo de Pginas Web

Pgina 8 de 14

3. MARCOS EN HTML Introduccin El uso de marcos en HTML Ejemplos Versiones en HTML 4. MULTIMEDIA EN HTML Sonido en HTML Vdeo en HTML 5. EDITORES HTML Editores de texto preparados para escribir HTML Introduccin del cdigo HTML con Dreamweaver CS3 6. ACCESIBILIDAD WEB Objetivo Funcionamiento Gua breve para crear sitios web accesibles 7. REFERENCIA RPIDA HTML

MDULO DREAMWEAVER CS3

UNIDAD 3. DREAMWEAVER I PRESENTACIN 1. ASPECTOS BSICOS DE DREAMWEAVER Introduccin Conocer el espacio de trabajo de Dreamweaver CS3 Personalizacin del espacio de trabajo de Dreamweaver CS3 Realizacin de tareas bsicas con Dreamweaver CS3 2. CONFIGURACIN DEL SITIO Y DE LOS ARCHIVOS DEL PROYECTO Conocer los sitios de Dreamweaver CS3 Configuracin de los archivos del proyecto Define una carpeta local 3. CREAR UN DISEO DE PGINA Examen de la maqueta de diseo Creacin y almacenamiento de una pgina Insercin de tablas Establecimiento de las propiedades de una tabla Insercin de un marcador de posicin de imagen Adicin de color a la pgina

Diseo de Pginas Web

Pgina 9 de 14

4. ADICIN DE CONTENIDO A LAS PGINAS Insercin de imgenes Insercin y reproduccin de un archivo Flash Insercin de Flash video Creacin de vnculos Vista previa de la pgina en un navegador

UNIDAD 4. DREAMWEAVER II 1. FORMATEAR LA PGINA 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 navegacin 2. CREAR UN DISEO DE PGINA BASADO EN CSS Diseo de pgina basado en CSS Examen de la maqueta de diseo Creacin y almacenamiento de una pgina nueva Insertar capas Aadir color a la pgina 3. PUBLICACIN DEL SITIO Los sitios remotos Definir una carpeta remota Cargar los archivos locales Solucin de problemas de configuracin de carpetas remotas 4. PLANTILLAS Introduccin Creacin y configuracin de plantillas Cargar los archivos locales Creacin de documentos basados en plantillas Actualizacin de pginas basadas en plantillas 5. FORMULARIOS Introduccin Creacin de un formulario Envo de un formulario Insertar capas Aadir color a la pgina

Diseo de Pginas Web

Pgina 10 de 14

6. COMPORTAMIENTOS Introduccin Eventos Asignar un comportamiento

MDULO FLASH CS3

UNIDAD 5. FLASH I 1. ENTORNO DE TRABAJO Barra de mens rea de documento Lnea de tiempo Barra de herramientas Paneles Elementos principales de una pelcula Flash 2. TRABAJO CON DOCUMENTOS DE FLASH Creacin y apertura de un documento y configuracin de propiedades Uso de las fichas de documento para trabajar con varios documentos Almacenamiento de documentos de Flash Adicin de contenido multimedia Creacin de movimiento e interactividad Administracin de elementos multimedia utilizando la Biblioteca ActionScript Varias lneas de tiempo y niveles 3. TRABAJO CON COLOR, TRAZOS Y RELLENOS El mezclador de colores Creacin de degradados Utilizacin del color en el panel Herramientas Utilizacin del color en el inspector de propiedades Modificacin de trazos Aplicacin de rellenos Copia de trazos y rellenos con la herramienta Cuentagotas 4. DIBUJO Grficos vectoriales y de mapa de bits Modelos de dibujo de Flash Herramientas de dibujo y pintura de Flash Utilizacin del modelo de dibujo de objeto Dibujo con la herramienta Lpiz Dibujo de lneas rectas, valos y rectngulos Dibujo de polgonos y estrellas Utilizacin de la herramienta Pluma Pintura con la herramienta Pincel Remodelacin de lneas y contornos de formas
Diseo de Pginas Web Pgina 11 de 14

Borrado Modificacin de formas 5. TRABAJO CON TEXTOS Contornos de fuentes y fuentes de dispositivo Creacin de texto Establecimiento de atributos de texto Edicin de texto Separacin de texto Vinculacin de texto a una URL

UNIDAD 6. FLASH II 1. UTILIZACIN DE SMBOLOS, INSTANCIAS Y ELEMENTOS DE BIBLIOTECAS Tipos de smbolos Creacin de smbolos Conversin de la animacin en clip de pelcula Duplicacin de smbolos Creacin de instancias Creacin de botones Edicin de smbolos 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. IMPORTACIN DE OBJETOS Introduccin de ilustraciones en Flash Trabajo con mapas de bits importados 3. CREACIN DE MOVIMIENTO Utilizacin de efectos de lnea de tiempo Animacin en Flash Interpolacin de movimiento Interpolacin de forma Fotograma a fotograma Utilizacin de capas de mscara 4. TRABAJO CON VDEO Funciones de vdeo en Flash Importacin de vdeo con el asistente Utilizacin del componente FLVPlayback Componentes multimedia (Flash Player 6 y 7) 5. TRABAJO CON SONIDO Importacin de sonidos
Diseo de Pginas Web Pgina 12 de 14

Adicin de sonidos a un documento Adicin de sonidos a botones 6. ACTIONSCRIPT Qu es? Acciones frecuentes en fotogramas Acciones frecuentes en botones Comportamientos 7. PUBLICACIN Publicar ANEXO: CD Interactivo Google AdWords Unidad 1. Introduccin Introduccin 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. Planificacin de la campaa Investigar el mercado Marcar objetivos Segmentacin de mercado: la orientacin del anuncio Definir tipos de campaas en base al objetivo de ventas Conceptos clave en AdWords para disear un anuncio Planificacin presupuestaria Unidad 3. Crear una campaa Cmo llegar a AdWords Seleccin de la versin de la cuenta Seleccin de cliente por idiomas Seleccionar clientes por ubicacin Crear un anuncio de texto Crear un anuncio grfico Crear un anuncio de vdeo Seleccionar palabras clave Establecer precios Revisin y registro Unidad 4. Administrar una campaa La estructura de una cuenta de AdWords en base a la facturacin Configuracin de costes con Google AdWords por campaa Control de costes de campaas Opciones de facturacin y pago

Diseo de Pginas Web

Pgina 13 de 14

Unidad 5. Calidad, control y seguimiento El nivel de calidad de las palabras clave Tipos de estado de palabras clave Crear y gestionar informes Seguimiento de conversiones Introduccin a Google Analytics Unidad 6. Optimizacin del rendimiento de anuncios La mejora del rendimiento de los anuncios Revisar el sitio web Estrategias especficas de optimizacin Uso de concordancia de palabras clave para la optimizacin Optimizacin de la cuenta Optimizacin de la posicin del anuncio Herramientas de Google AdWords para la optimizacin

Diseo de Pginas Web

Pgina 14 de 14