Cargando Eventos
13 Feb
curso diseño web en escuela mastermedia valencia
09:30 a 13:30 horas.
Lunes, miércoles y viernes.
20 horas.

Curso Diseño Web

Introducción

Dreamweaver es el programa de creación, edición y diseño de páginas web por excelencia. Se trata del software ideal tanto para diseñadores gráficos como para desarrolladores web.

Objetivos

•    Diseñar una web, incluyendo los elementos que la componen, navegación y funcionamiento.
•    Conocer los conceptos y vocabulario utilizados en el entorno laboral de diseño web.
•    Desenvolverse con dominio en los aspectos de creación y mantenimiento de páginas web, así como en el manejo de archivos almacenados en un servidor web.
•    Aprender a manejar Dreamweaver para poder realizar, publicar, actualizar y administrar un sitio web básico completo.
•    Editar el lenguaje HTML y utilizar código CSS para controlar el aspecto visual de un sitio web.
•    Integrar imágenes, contenido multimedia, elementos de interfaz con Spry (AJAX) y formularios de contacto, utilizando plantillas y elementos de biblioteca.
•    Considerar tanto los aspectos técnicos como de metodología y diseño necesarios para estructurar, desarrollar y publicar en Internet un sitio web completo.

Con este curso aprenderás de forma fácil y cómoda a:
•    Dominar los conceptos básicos
•    Usar hojas de estilo en cascada (CSS)
•    Utilizar las tablas.
•    Creación de rollovers.
•    Realizar formularios.
•    Insertar objetos de todo tipo.
•    Diseñar para dispositivos móviles.
•    Creación páginas web de aspecto totalmente profesional y con el mínimo esfuerzo.
•    Potenciar el flujo de trabajo centrado en la vista de código junto con la vista de diseño visual.
•    Comprobar en directo el funcionamiento de las páginas web sin necesidad de abrirlas con un navegador.
•    Administrar de un modo más eficaz los archivos que componen las páginas gracias a las funciones.
•    Archivos relacionados y navegador de código.

Conceptos básicos
•    Navegadores y editores de páginas web.
•    Principales lenguajes de edición de páginas web
•    Lenguajes cliente.
•    Lenguajes servidor.
•    XHTML, HTML y CSS.
•    Contenido y presentación.
•    W3C
•    Etiquetas.
•    Tipos de contenidos
•    Contenidos estáticos.
•    Contenidos dinámicos.
•    El concepto de sitio web.
•    Diseño WYSIWYG.
•    Edición de código.

Entorno de trabajo en Adobe Dreamweaver
•    Modos de visualización
•    Vista de código.
•    Vista diseño.
•    Vista partida.
•    Vista en vivo.
•    Código en vivo.
•    Paneles principales
•    Barra de aplicación.
•    Barra de inserción.
•    Panel de Propiedades.
•    Panel de Archivos.
•    Panel de CSS.
•    Panel de elementos PA.
•    Otros paneles.
•    Modificar el espacio de trabajo
•    Agrupar y desagrupar paneles.
•    Fijar paneles.
•    Mover grupos de paneles.
•    Cambiar la visualización de los paneles.
•    Personalizar espacios de trabajo.
•    Guardar espacios de trabajo.
•    Modificar y eliminar espacios de trabajo.
•    Alternar entre espacios de trabajo.
•    Ayudas visuales
•    La cuadrícula.
•    Modificar aspecto de la cuadrícula.
•    Reglas y guías.
•    Modificar y bloquear guías.

Creación y administración de sitios web
•    Concepto de sitio web.
•    Diferencia entre sitio web local y remoto.
•    Control del sitio web mediante la ventana Sitio.
•    Configuración de sitios web.

Creación de una página web
•    Configuración general de la página web.
•    Tipos de archivos en Adobe Dreamweaver CS5.
•    Plantillas de inicio con CSS.
•    Extensiones.
•    Inserción de texto.
•    Tipos de estructuras de párrafo.
•    Inserción de imágenes
•    Integración con Adobe Photoshop CS5.
•    Smart Objects.
•    Uso de mapas sensitivos.
•    Inserción de vínculos
•    A una URL.
•    A una página del sitio web.
•    A una dirección de correo electrónico.
•    A un marcador o anclaje.
•    Vínculos entre imágenes.
•    Creación de tablas.

CSS en Adobe Dreamweaver
•    Concepto de hojas de estilo.
•    Estilo dentro del documento.
•    Asociar hojas de estilo externas a documentos.
•    Panel CSS.
•    CSS desde el panel de propiedades.
•    Navegador de código.
•    Tipos de selectores.
•    Selector de etiqueta.
•    Selector de ID.
•    Selector de clase.
•    Selector compuesto.
•    Selector universal.
•    Pseudo-clases.
•    Pseudo-elementos.
•    Agrupación de selectores.
•    Propiedades en CSS.
•    Categorías de propiedades
•    Tipo.
•    Fondo.
•    Bloque.
•    Cuadro.
•    Borde.
•    Lista.
•    Posición.
•    Extensiones.
•    Unidades de medida
•    Medidas fijas.
•    Medidas relativas.
•    Modelo de caja
•    Ancho y alto.
•    Relleno.
•    Margen.
•    Aplicar estilo a vínculos.
•    Aplicar estilo a una tabla de datos.
•    Modo Inspector CSS.
•    Habilitar/deshabilitar CSS.
•    Maquetación en CSS
•    Maquetación con float.
•    Maquetación en columnas.
•    Maquetación absoluta.
•    Maquetación por capas.
•    Imagen de rastreo.

Trabajar con plantillas
•    Regiones editables.
•    Marcador de posición de imágenes.
•    Atributos editables.
Inserción de elementos multimedia
•    Inserción de elementos archivos Flash.
•    Inserción de vídeo FLV.
•    Inseción de un plug-in de vídeo.
•    Skins para el reproductor de vídeo.
•    Insertar un vídeo de youtube.

Práctica
•    Galería de fotos con Lightbox.
•    Crear una página web con plantilas.

El framework de Spry
•    Lenguajes que componen AJAX.
•    Archivos creados por Adobe Dreamweaver
•    Efectos de Spry
•    Aparecer/desaparecer.
•    Persiana.
•    Aumentar/reducir.
•    Resaltado.
•    Agitar.
•    Deslizar.
•    Arrinconar.
•    Inserción de widgets de Spry
•    Widget panel contraible.
•    Widget acordeón.
•    Widget paneles en fichas.
•    Widget barra de menús.

HTML5
•    Concepto y estructura.
•    Diferencias con anteriores versiones.
•    Nuevas etiquetas.
•    Canvas.
•    Audio.
•    Vídeo.
•    Etiquetas estructurales.

Empty section. Edit page to add content here.

Objetivos generales

¡Reserva tu plaza!

Tipo de reserva Precio Espacios
Reserva de plaza estándar 330€
Reserva de plaza con descuento del 15% Debe de realizar la reserva antes de 10 días del inicio del curso. 281€
Reserva de plazas (mínimo 2). Descuento adicional del 6%. Debe de realizar la reserva antes de 10 días del inicio del curso. 261€
09:30 a 13:30 horas.
Lunes, miércoles y viernes.
20 horas.

Próximos cursos

 
Este curso cubrirá todos los aspectos de la producción de cine independiente con presupuesto limitado y se impartirá en inglés únicamente.
Este curso está dirigido a personas que pretendan producir audiovisuales de cualquier género, ya sean de ficción, cortometraje, vídeo arte o vídeos corporativos. También está abierto a profesionales que quieran adquirir conocimientos acerca de la estética cinematográfica (color, iluminación, montaje, etc).
Aprenderás a elaborar programas y las técnicas de narración deportiva. Con asistencia a una clase de David Blay, narrador de fútbol, de Motociclismo y de Fórmula 1 en Radio Marca. Y visitas a las zonas de prensa de diferentes partidos de Baloncesto y fútbol.
Curso intensivo en el que conoceras qué es realmente un Personal Shopper, qué hace, cómo lo hace y los conocimientos mínimos que se le exigen con el fin de desarrollar de forma correcta su trabajo.
¿Te gustaría rodar un corto o una webserie? ¿Tienes algún proyecto en mente que te gustaría ver en la pantalla? Con este curso te lo vamos a poner muy fácil. Vas a ver cómo se hace paso a paso, con la ayuda de profesionales del sector. El objetivo del curso es que adquieras la destreza necesaria para desarrollar un proyecto personal.
SOBRE MASTERMEDIA  ............................
Escuela Mastermedia contamos con más de once años de experiencia en la impartición de cursos y másteres relacionados con las áreas de Diseño Gráfico, Web, Comunicación, Marketing Digital, Postproducción Audiovisual y Cine.
NEWSLETTER ............................................

powered by MailChimp!
CONTACTO  ...............................................
   (+34) 963 22 86 42
  info@escuelamastermedia.es
   C/ Padre Tomás Montañana, 28 1B
    46023 Valencia


       EMT: 40, 19, 1 y 2
       Metro: Parada amistad
       Aparcamiento: Frente escuela