Tutorial de Dreamweaver Formación

Dreamweaver es un software de creación de sitios web con muchas características adicionales. Comprender y utilizar todas las características disponibles en Dreamweaver puede llevar algún tiempo, pero hay que aprender sólo algunas de las herramientas básicas para el diseño de una página web sencilla.

Abrir un documento

Al abrir Dreamweaver, una caja, vienen con una variedad de opciones para abrir un documento. Puede abrir una página HTML o CSS desde este menú. Si eres nuevo en el diseño de sitios web, el HTML es un estilo de página más fácil de diseñar. La interfaz visual le permite crear la página utilizando las herramientas de Dreamweaver, sin necesidad de codificación. Para abrir una página HTML, haga clic en "HTML" en la sección "Crear nuevo". Si ya tiene el programa abierto, también puede abrir un nuevo archivo en el menú "Archivo". Haga clic en "Archivo" y luego "Nuevo documento". Seleccione "Página básica" en "Categoría" y luego elegir la opción "HTML" en el panel "básico Page". Dreamweaver le permite trabajar en varios archivos a la vez. Puede moverse entre ellos utilizando el menú "Ventana" en la barra de herramientas.

Crear una página de diseño simple

Hay algunas herramientas en la barra de herramientas de Dreamweaver que son esenciales para el diseño del sitio. Las herramientas aparecen bajo diferentes menús, que están disponibles en una lista desplegable en el lado izquierdo de la barra. El menú será por defecto "Diseño". La primera herramienta que necesita, la herramienta "Dibujar capa", aparece en este menú. El botón tiene un cuadrado con líneas negras y maneja alrededor de ella. Para utilizar la herramienta, haga clic en él y luego hacer clic izquierdo con el ratón y arrastre para dibujar un cuadrado o un rectángulo. Ahora ha creado una capa, y se puede añadir elementos de esa capa, incluyendo texto y gráficos.

Para agregar texto, haga clic en la capa y empezar a escribir. Puede utilizar los controles de texto en la parte inferior de la interfaz de Dreamweaver para cambiar el tamaño y la apariencia del texto. Para agregar gráficos o un enlace, utilice la flecha negro en la barra de herramientas para cambiar al menú "común". Los gráficos se añaden haciendo clic en el botón en la barra de herramientas que tiene la imagen de un árbol. Con ello se abre una caja que le permite buscar una foto o gráfico en su sistema. Cuando encuentre el archivo de imagen, haga clic en "Abrir" y la gráfica aparecerá en la capa. Para crear un enlace desde el menú "común", haga clic en la capa que desea convertir en un enlace y haga clic en el botón con un eslabón de la cadena en él. Esto abrirá una ventana en la que se puede introducir una dirección de página web. Haga clic en "Aceptar", y una vez que haya subido al sitio, la capa será un enlace activo a la página web que ha introducido.

Ya sea que lo haya utilizado para texto, gráficos o un enlace, una vez finalizada una capa, que se puede mover en cualquier lugar de la página. Simplemente haga clic izquierdo sobre la capa y arrastrarlo a cualquier lugar. Esto le permite gestionar visualmente su diseño. Cuando haya terminado de todas las capas de la página y los colocó en la que desea que aparezcan, se puede guardar la página, vaya a "Archivo" y seleccionando "Guardar".