Curso de Diseño Web Inicial

Academia Santo Domingo

Somos una Fundación que forma y educa personas contribuyendo a sus proyectos de vida, comprometidos con la ciencia, la tecnología, la innovación y el desarrollo humano.

  • Curso y Capacitación
  • Presencial

Introducción

Proporciona ejemplos de páginas web reales, disponibles en Internet; se presenta el lenguaje HTML y se hace hincapié en las diferencias entre los navegadores a la hora de interpretar el mismo código HTML. Introducción a las Hojas de Estilos en cascada (CSS).

La Primera Página Web

Se introducen las etiquetas HTML fundamentales, como html, head, body, etc. Además, se comprueba que el código HTML no es más que texto, por lo que puede ser creado con un sencillo editor de textos, como el Bloc de notas de Windows.

Formato de texto

Describe las características del texto de una página web, estudiando su formato, tanto de carácter como de párrafo. Así se estudian conceptos como los realces negrita, subrayado, cursiva y la distribución de párrafos y títulos o su alineación y cómo se representan en el código HTML.

Incorporar imágenes

Estudia las etiquetas HTML necesarias para incorporar imágenes en una página web, describiendo los formatos gráficos indicados para este propósito. También se introduce el concepto de animación sencilla utilizando el formato GIF animado.

Hipervínculos

Introduce el concepto de hipervínculo, fundamental para poder "navegar" entre páginas web y cómo podemos representarlo en el código HTML.

Listas

Se aprende a añadir listas numeradas y sin numerar en las páginas web a través del código HTML.

Insertar tablas

Introduce los conocimientos necesarios para poder incorporar tablas en las páginas web a través del código HTML, comprobando cómo podemos modificar fácilmente su aspecto.

 

Dreamweaver CS4

 


Introducción a Dreamweaver

Introducción al programa de diseño de páginas web y gestión de sitios Macromedia 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. También se indica cómo configurar el programa para poder ver el resultado en distintos navegadores y la utilización del sistema de ayuda.

Crear sitios web

Presenta los pasos a seguir para crear y configurar un sitio web en el programa Macromedia 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.

Diseño de páginas web

Se estudia cómo crear y configurar nuevas páginas web en el programa Macromedia Dreamweaver, además de la forma de elegir colores en este programa. También se describen algunas funciones útiles en el trabajo diario con el programa, 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.

Insertar imágenes

Se describe el modo de incorporar imágenes en las páginas web a través del programa Macromedia Dreamweaver. 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.

Hipervínculos

Explica cómo insertar hipervínculos en las páginas web a través del programa Macromedia Dreamweaver: 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 en Dreamweaver. Por último, se describe el uso de comportamientos en las páginas, para ejecutar comandos en respuesta a determinados sucesos o eventos.

Capas y tablas

Explica la forma de distribuir o colocar los elementos en las páginas web con el programa Macromedia Dreamweaver: la utilización de capas, tablas y la utilización del modo de diseño, asignación del formato, incluir el contenido, etc.

Formularios

Describe lo que son, cómo se crean y cómo se configuran los formularios en Macromedia Dreamweaver, 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.

Elementos multimedia

 

Presenta elementos multimedia dinámicos que podemos insertar en las páginas web a través del programa Macromedia Dreamweaver: animaciones de Flash, vídeos de Flash, botones y textos Flash. 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.

Otros efectos

Se describen varios elementos dinámicos que se pueden incluir en las páginas diseñadas con Macromedia Dreamweaver: applets de Java, sonido, marquesinas y capas animadas (creadas a través de HTML dinámico). También se explican distintas posibilidades en cuanto al trabajo en el código de las páginas con esta aplicación.

Publicar el sitio web

Explica los pasos a seguir para preparar el sitio web creado en el programa Macromedia 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.

¿Querés recibir mas información sobre los requisitos?

  • Academia Santo Domingo Sede Principal

Similares