Diseño WEB

Lidercom
Online

Precio a consultar
¿Preferís llamar ya al centro?
03462... Ver más
Compará este curso con otros similares
Ver más cursos similares

Información importante

  • Curso
  • Online
  • Duración:
    Flexible
Descripción

Para desarrollar Sitios WEB comerciales, profesionales y personales. Dirigido a todos los usuarios que deseen aprender a crear páginas web profesionales o personales. Tambien para diseñadores gráficos que desean abordar el campo del Diseño Web de la forma más sencilla y accesible a sus conocimientos. Integra Dreamweaver, Flash y Fireworks (o Photoshop)

Información importante

Preguntas Frecuentes

· Requisitos

Ser mayor de 15 años y que tengas buen gusto para diseñar.

Opiniones

Todavía no hay opiniones de este curso

Temario

TEMARIO COMPLETO DE 53 LECCIONES:

El dictado del curso se realiza en modo presencial o a distancia:
.

Dreamweaver CS4

Se estudia la aplicación Adobe Dreamweaver CS4, incluida dentro de la suite Adobe Creative Suite 4, que se utiliza para diseñar, crear y administrar páginas web y sitios web. Dreamweaver dispone de muchas y variadas herramientas que facilitan el diseño de páginas web, ya que permite crearlas y modificarlas de una manera visual, eliminando, en la mayoría de ocasiones, el tener que escribir el código HTML directamente.

1: Introducción a Dreamweaver
Introducción al programa de diseño de páginas web y gestión de sitios Adobe Dreamweaver. Se presenta el mundo del diseño de páginas web y se describen los principales elementos del entorno de trabajo de Dreamweaver, explicando la forma de trabajar con sus paneles y herramientas, guardardando distintas configuraciones en espacios de trabajo. También se indica cómo mostrar los documentos o páginas en distintos navegadores y la utilización del sistema de ayuda.

2: Crear sitios web
Presenta los pasos a seguir para crear y configurar un sitio web en el programa Dreamweaver. Explica las diferencias entre el sitio local y sitio remoto, cómo organizarlos para albergar el contenido creado y las distintas formas de ver los archivos en el sitio local.

3: Configurar páginas web
Se estudia cómo crear y configurar nuevas páginas web en Dreamweaver, además de la forma de elegir colores en este programa, incluir imágenes de fondo o utilizar imágenes de rastreo.

4: Utilidades de edición
Se describen algunas funciones útiles en el trabajo diario con Dreamweaver, como pueden ser el trabajo con las distintas ventanas que podemos tener abiertas en el mismo, el modo de deshacer los cambios realizados en una página y la utilización de reglas, guías y cuadrícula como ayuda para la organización de los objetos.

5: Formato de texto (I)
Se indica cómo introducir texto y aplicarle formato para establecer la fuente, tamaño, color, alineación, sangría, etc., en forma de etiquetas HTML o creando y aplicando reglas y estilos CSS. También se muestra cómo guardar estilos CSS en forma de hojas de estilos externas y adjuntarlas a otros documentos
.
6: Formato de texto (II)
Describe la forma de crear listas (numeradas, no numeradas o de definición) y de realizar la revisión de la ortografía. También se muestra la inclusión de otros objetos en las páginas, como reglas horizontales, comentarios o la fecha de la última modificación de la página.

7: Trabajo con vínculos
Explica cómo insertar hipervínculos en las páginas web: vínculos a un lugar determinado de una página (a través de un anclaje con nombre), vínculos a otras páginas (del mismo sitio o a cualquier página de Internet) y vínculos en un menú de salto. Se indican las diferencias entre rutas absolutas y relativas, así como la administración y modificación de hipervínculos. Por último, se describe el uso de comportamientos en las páginas, para ejecutar comandos en respuesta a determinados sucesos o eventos.

8: Insertar imágenes
Se describe el modo de incorporar imágenes en las páginas web. Se presentan los formatos gráficos que se pueden utilizar en una página web y sus diferencias, así como la creación de imágenes de sustitución, mapas de imagen y barras de navegación.

9: Etiquetas Div y tablas
Explica la forma de distribuir o colocar los contenidos en las páginas web mediante la utilización de etiquetas Div PA o elementos PA dispuestos en capas, utilizando tablas o por medio de etiquetas Div o contenedores. Se describe cómo establecer su formato e incluir el contenido.

10: División en marcos
Introduce el concepto de marco (también llamado frame), como una forma de dividir la página web en varias secciones y mostrar contenido distinto en cada una de ellas. Se explica el modo de trabajar con los marcos en Dreamweaver, así como la asignación de contenido y la creación de hipervínculos que trabajen con los marcos.

11: Trabajar con plantillas
Explica qué son y cómo crear y utilizar plantillas para, a partir de ellas, crear páginas web. Se muestra cómo organizar los contenidos en zonas bloqueadas y regiones editables de una plantilla.

12: Formularios
Describe lo que son, cómo se crean y cómo se configuran los formularios para que el visitante del sitio web envíe información al servidor web. Se explica el trabajo con los distintos campos que se pueden crear, viendo para qué se usa cada uno y sus propiedades.

13: Elementos multimedia
Presenta elementos multimedia dinámicos que podemos insertar en las páginas web: animaciones de Flash y vídeos de Flash entre otros. También se describen varias posibilidades de trabajo conjunto entre Dreamweaver y Fireworks, como la creación de un álbum de fotos web o la inserción de HTML procedente de Fireworks en una página web diseñada con Dreamweaver.

14: Otros efectos
Se describen varios elementos dinámicos que se pueden incluir en las páginas diseñadas con Dreamweaver: applets de Java, sonido, marquesinas, efectos Spry y Widgets Spry. También se explican distintas posibilidades en cuanto al trabajo en el código de las páginas con esta aplicación.

15: Publicar el sitio web
Explica los pasos a seguir para preparar el sitio web creado en Dreamweaver y finalmente publicarlo en el servidor web, es decir, ponerlo a disposición de los usuarios, de forma que éstos puedan ver las páginas web en sus navegadores.

Flash CS4

Se estudia la aplicación Adobe Flash CS4, incluida dentro de la suite Adobe Creative Suite 4, que se utiliza para crear animaciones dirigidas a ser incrustadas en las páginas web. El formato de Flash es el más utilizado en la animación web y se ha convertido prácticamente en un estándar, ya que se pueden crear animaciones complejas pero relativamente pequeñas en cuanto a tamaño en disco y, por tanto, descargables rápidamente a través de Internet.

1: Introducción a Flash
Se presenta el mundo de la animación en las páginas web y cómo se ha convertido el formato de Flash en el más utilizado. Se introduce el entorno de trabajo de la aplicación Adobe Flash, la utilización del sistema de ayuda y cómo reproducir animaciones de este tipo con el reproductor independiente Flash Player.

2: Creación de la película
Explica cómo crear una película en el programa Adobe Flash, así como el uso de plantillas para la creación de nuevos documentos. Las películas son el proyecto de animación en el que se trabajará en Flash y que después se exportará para insertarlo en las páginas web. También se describen las distintas formas de visualizar el escenario y mostrar la vista previa de las películas, introduciendo los conceptos de escena y biblioteca.

3: Dibujo de objetos
Se estudian las técnicas de incorporar contenido en las películas del programa Adobe Flash, centrándose en el dibujo de objetos con las distintas herramientas de que dispone la aplicación.

4: Modos de dibujo y atributos de trazos
Describe los distintos modos de dibujo existentes en el programa Adobe Flash, que influyen en cómo se combinarán los dibujos creados. Se explica el concepto de trazo de un objeto y cómo puede editarse para conseguir el aspecto deseado. Finalmente se describe la manera de deshacer las acciones realizadas y la manera de borrar elementos de los dibujos.

5: El color y los rellenos
Explica el concepto de relleno de un objeto dibujado en el programa Adobe Flash y cómo crear colores
personalizados a partir de su definición en un determinado modelo de color. También se describe cómo utilizar degradados o imágenes de mapa de bits para el relleno de los objetos.

6: Remodelación de líneas
Estudia las técnicas de remodelado de líneas en los dibujos del programa Adobe Flash: cómo modificar las líneas existentes, suavizarlas, enderezarlas, optimizar curvas, etc.

7: Trabajar con objetos
Presenta técnicas básicas para trabajar con los dibujos de una película del programa Adobe Flash: cómo
seleccionarlos, agruparlos, copiarlos, cortarlos y pegarlos, y la manera de modificar su apilamiento y alineación.

8: Aplicar transformaciones
Estudia las técnicas para transformar los objetos creados en el programa Adobe Flash: escalar, rotar, inclinar, reflejar, distorsionar, etc. También se explica el proceso de trazar un mapa de bits, es decir, convertir una imagen en objetos vectoriales.

9: Texto en las películas
Explica cómo introducir texto en las películas de la aplicación Adobe Flash, viendo las distintas posibilidades existentes en cuanto al formato de carácter y de párrafo. También se describe el proceso de la corrección ortográfica y cómo convertir un objeto de texto en un objeto vectorial, pudiendo editarlo con las herramientas adecuadas para estos objetos.

10: Símbolos, instancias y capas
Introduce los conceptos de símbolo e instancia en el programa Adobe Flash, que sirven para gestionar varios objetos repetidos en una animación y conseguir reducir el tamaño del archivo de la película exportada. También explica cómo distribuir los objetos en capas y la forma de trabajar con estos elementos.

11: Animación (I)
Explica cómo utilizar la línea de tiempo para organizar el contenido de una película del programa Adobe Flash, describiendo el método fotograma a fotograma para crear animaciones y la utilización del papel cebolla como herramienta auxiliar.

12: Animación (II)
Describe el método de la interpolación de movimiento para crear animaciones en el programa Adobe Flash, viendo cómo modificar la posición, tamaño, transparencia y otras propiedades en una animación. También se estudia cómo modificar las curvas de dichas propiedades y la aplicación de filtros a objetos.

13: Animación (III)
Estudia otros métodos de interpolación para crear animaciones en el programa Adobe Flash, aparte de la interpolación de movimiento: las interpolaciones clásicas y las interpolaciones de forma. También se explica la aplicación de configuraciones predefinidas de movimiento y de modos de mezcla.

14: Animación (IV)
Estudia posibilidades avanzadas en la creación de animaciones con el programa Adobe Flash, como la animación por cinemática inversa (IK) y los efectos tridimensionales. Finalmente se describen las herramientas de dibujo decorativas.

15: Películas interactivas
Introduce las técnicas básicas de la aplicación Adobe Flash que permiten crear animaciones donde el usuario puede intervenir y modificar el curso de la animación. Se describe la manera de crear código ActionScript para dirigir la reproducción de la animación.

16: El lenguaje ActionScript
Introduce el lenguaje ActionScript, que es el lenguaje de programación que proporciona Adobe Flash para crear elementos interactivos en las películas: sintaxis básica, variables, tipos de datos y estructuras de control.

17: Funciones y formularios
Estudia la creación y utilización de funciones en el lenguaje ActionScript que proporciona Adobe Flash para organizar de una manera más eficiente el código de una película. También se describe la creación y el uso de formularios para permitir que el usuario proporcione información y la asignación de comportamientos.

18: Programación orientada a objetos
Introduce el concepto de programación orientada a objetos en el lenguaje ActionScript de Adobe Flash. Se describen algunas de las clases proporcionadas por el lenguaje, así como lo que son las propiedades y métodos.

19: Clips de película
Se estudia la utilización de los clips de película en el programa Adobe Flash para crear interacción con el usuario, a través de código ActionScript. Por ejemplo, utilizar cursores personalizados, utilizar el movimiento del ratón para desplazar un clip, etc.

20: Sonido y vídeo
Se explica la manera de incluir sonidos y vídeos en una película de Adobe Flash, viendo la manera de crear vídeos en el formato Flash Video (f4v o flv), preparados para su inclusión en la animación.

21: Proyectos, publicación y exportación
Explica el proceso que se sigue tras finalizar el diseño de una película de Adobe Flash para publicarla en un formato adecuado y poderla incluir en las páginas web, además de la manera de exportarla a otros formatos para otras finalidades. También se describe el trabajo con proyectos.

Fireworks CS4

Se estudia la aplicación Adobe Fireworks, incluida dentro de la suite Adobe Creative Suite 4, que está especializada en el trabajo con imágenes y otros elementos dirigidos a ser mostrados en páginas web.

1. Introducción a Fireworks
Se presenta el entorno de trabajo de la aplicación Adobe Fireworks, describiéndose los principales elementos del entorno de trabajo de Fireworks, explicando la forma de trabajar con sus paneles y herramientas, guardando distintas configuraciones en espacios de trabajo. También se describe la la utilización del sistema de ayuda del programa.

2. Trabajo con documentos
Explica cómo crear y configurar los documentos en el programa Adobe Fireworks, estableciendo sus dimensiones y otros detalles, así como la forma de guardarlos. También se describe cómo modificar un documento existente y cómo recortar y rotar el lienzo.

3. Dibujo de objetos
Se describen las diferencias entre las imágenes de mapa de bits y las imágenes vectoriales. Después se muestran las herramientas de dibujo del programa Adobe Fireworks, estudiando detenidamente la herramienta Pluma y describiendo la manera básica de modificar el trazo y el relleno de los objetos.

4. Edición de objetos (I)
Presenta técnicas de edición de objetos en el programa Adobe Fireworks: cómo seleccionarlos, remodelar el trazado y aplicar transformaciones como escalar, inclinar, distorsionar o voltear.

5. Edición de objetos (II)
Estudia técnicas de edición de objetos en el programa Adobe Fireworks, como la posibilildad de editar el trazo y el relleno aplicados en los mismos, así como la creación y aplicación de estilos.

6. Establecer colores
Se estudia las distintas formas de elegir un color en Adobe Fireworks. También introduce el concepto de modelo de color y cómo crear colores personalizados para utilizarlos en los documentos.

7. Trabajar con texto
Se describe la inclusión de texto en un documento de Adobe Fireworks. Se describen todas las posibilidades en cuanto a este aspecto: edición del texto, revisión ortográfica, aplicación de efectos, transformación del texto, etc.

8. Grupos, capas y símbolos
Introduce los conceptos de símbolo e instancia en el programa Adobe Fireworks. También se describe la organización de los objetos de un documento respecto de su orden de apilamiento y alineación, así como la distribución de los objetos en capas y la forma de trabajar con estos elementos.

9. Mapa de bits (I)
Se muestra el modo de trabajo con imágenes de mapa de bits en el programa Adobe Fireworks: cómo importarlas, las distintas formas de seleccionar áreas de estas imágenes y la edición de los píxeles de las mismas.

10. Mapa de bits (II)
Estudio de técnicas para mejorar o modificar una imagen de mapa de bits con el programa Adobe Fireworks: ajuste de luces y sombras, corrección de color, aplicación de filtros y otras herramientas de retoque.

11. Mezclas, máscaras y filtros automáticos
Introduce las técnicas de composición en Adobe Fireworks que consisten en utilizar los modos de mezcla para variar la transparencia o variación de colores entre dos objetos superpuestos. Se estudia también las máscaras de vectores y de mapa de bits y la aplicación de filtros automáticos a los objetos.

12. Zonas interactivas y divisiones
Describe como crear en Adobe Fireworks elementos destinados a páginas web, como pueden ser mapas de imagen. Se explica cómo asignar vínculos a elementos del documento, así como la manera de dividirlo en distintas partes, para optimizar y exportar cada área por separado.

13. Botones, rollovers y menús
Se estudia cómo crear elementos dinámicos en Adobe Fireworks con destino a ser incluidos en páginas web, como botones de acción y rollovers, así cómo aplicar comportamientos a botones y rollovers, además de la creación de menús emergentes.

14. Creación de animaciones
Se explica la técnica para crear animaciones en el programa Adobe Fireworks, viendo las distintas posibilidades que brinda este programa. Describe la manera de previsualizar las animaciones en el entorno del programa y de exportarlas, así como el trabajo con los distintos estados de los que consta una animación.

15. Presentaciones
Describe la forma de crear presentaciones de imágenes desde Adobe Fireworks, analizando las distintas opciones y posibilidades que permite el programa.

16. Optimizar y exportar
Describe las técnicas para optimizar las imágenes creadas en Adobe Fireworks y exportarlas al formato de archivo más adecuado.

17. Automatización y HTML
Presenta herramientas de Adobe Fireworks que facilitan el trabajo con la aplicación, como la búsqueda y reemplazo, los archivos de comandos y el procesamiento por lotes. Finaliza estudiando la configuración del HTML generado por este programa.


Compará este curso con otros similares
Ver más cursos similares