Cómo hacer un Banner en Dreamweaver

Cree una pancarta en Dreamweaver. 

BANDERA DEL DREAMWEAVER

En el diseño web, el término "bandera" tiene algunos significados. Puede referirse a un menú o una barra de navegación que se extiende por la parte superior de la página, una imagen que se extiende por la parte superior de la página, una combinación de una imagen y un menú o una pancarta publicitaria. Los banners y pancartas en general, pueden consistir en un gráfico estático, una animación Flash o banners rotativos, en el que la pantalla varios banners en secuencia, una después de la otra. Dreamweaver no tiene ningún tipo de gráficos o herramientas de animación. La mayoría de los diseñadores crean sus contenidos pancarta en un editor de gráficos, como Photoshop o un programa de animación, tales como Adobe Flash. Puede, sin embargo, cree la hoja de estilos en cascada o CSS, envase y el fondo de la bandera en Dreamweaver y, a continuación, importar el contenido de bandera en el recipiente.

Crear el contenido de bandera, como una imagen de la película Photoshop o Flash, o encontrar un banner en Internet. Usted tiene muchas opciones para crear o encontrar contenido de bandera. Puede, por ejemplo, abrir una fotografía en Photoshop y recortar y cambiar su tamaño al tamaño deseado, o puede buscar "bandera" en la Web, que reúne a cientos de banners gratuitos en muchos formatos, como banners gráficos, Flash banderas y banners rotativos.

Si usted no tiene Photoshop u otro editor de gráficos, se puede editar y cambiar el tamaño de la imagen de la bandera de Windows Live Photo Gallery: Vaya a la imagen en el Explorador de Windows, haga clic en él, seleccione "Editar con" en el menú emergente y, a continuación seleccione Windows Live Photo Gallery en el siguiente menú emergente.

Esto abre la imagen en Windows Live Photo Gallery. Haga clic en "Editar" en la parte superior de la ventana de la aplicación. Windows Live Photo Gallery muestra varias opciones para la edición de la imagen, incluyendo una herramienta de recorte y varias herramientas de retoque. Para cambiar el tamaño de la imagen, haga clic en el botón "Propiedades" y seleccione "Cambiar tamaño" para abrir el cuadro de diálogo Cambiar tamaño.Usted puede elegir un tamaño en el menú Seleccionar un desplegable Tamaño, o escriba el ancho que desee en el campo Máximo Dimensions. La altura se ajusta automáticamente.

Haga clic en el botón "Cambiar el tamaño y guardar".

Empezar una nueva página en Dreamweaver: Haga clic en el menú "Archivo" y seleccione "Nuevo" para abrir el cuadro de diálogo Nuevo documento. Seleccione la opción "HTML" en la lista Tipo de página, y luego elegir la opción "1 columna fija, centrado, encabezado y pie de página" en la lista Diseño. Este diseño crea un diseño con un contenedor de cabecera para su bandera.

Haga clic en el menú desplegable "Diseño CSS", y seleccione "Agregar a la cabeza." Esto agrega el código de diseño CSS en la parte superior de la página HTML, por lo que es fácil de editar.

Haga clic en "Aceptar". Dreamweaver crea una página con un contenedor de cabeza verde en la parte superior y un marcador de posición de bandera en el lado izquierdo del contenedor.

Haga clic en el menú "Archivo" y seleccione "Guardar como". Nombre y guarde el archivo HTML.

Seleccione y elimine el marcador de posición de bandera.

Haga clic en el menú "Insertar" y seleccione "Imagen". Se abrirá el cuadro de diálogo Seleccionar origen de imagen. Para insertar un anuncio de Flash, haga clic en "Insertar", seleccione "Media" y luego seleccione "SWF" en el menú desplegable. Se abrirá el cuadro de diálogo Seleccionar SWF.

Navegue hasta el archivo de pancartas, seleccionarlo y, a continuación, seleccione "Aceptar". Se abrirá el cuadro de diálogo Atributos de accesibilidad Tag.

Escriba un título para la bandera en el campo Texto alternativo y haga clic en "Aceptar". Dreamweaver inserta el contenido de bandera en el recipiente de cabecera.

Consejos y advertencias

Para cambiar el color de fondo del contenedor de cabecera, antes de insertar el archivo de contenido pancarta, haga clic en el contenedor de cabecera para insertar el cursor y haga clic en "Editar regla" en el panel Propiedades. Se abrirá el cuadro de diálogo de definición de reglas CSS. Seleccione la opción "fondo" en la lista Categoría, haga clic en el "background-color" muestra menú lateral y, a continuación, seleccione el color deseado. También puede agregar un borde al contenedor encabezado y personalizarla con la opción Borde del cuadro de diálogo de definición de reglas CSS.

Cuando se carga la página HTML a un servidor Web, también cargar el archivo de contenido bandera. De lo contrario, la bandera no se mostrará.