En el diseño web, el término "bandera" tiene unos significados. Se puede referir a una barra de menú o 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 un banner publicitario. Los banners, pancartas y, en general, pueden consistir en un gráfico estático, una animación Flash, o banners en rotación, en el que varios banners en secuencia, uno tras otro. Dreamweaver no tiene ningún tipo de gráficos o herramientas de animación. La mayoría de los diseñadores crean su contenido de un banner en un editor de gráficos, como Photoshop, o un programa de animación, tales como Adobe Flash. Puede, sin embargo, crear la hoja de estilo en cascada o CSS, envase y el fondo de la pancarta en Dreamweaver y, a continuación, importar el contenido de un banner en el recipiente.
Instrucciones
1 Crear el contenido de la bandera, como una imagen de Photoshop o película 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, lo que nos lleva a cientos de banderas libres en muchos formatos, tales como banners gráficos, flash banderas, pancartas y 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 en Windows Live Photo Gallery: Vaya a la imagen en el Explorador de Windows, haga clic en él, elegir la opción "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 la pestaña "Editar" en la parte superior de la ventana de la aplicación. Windows Live Photo Gallery muestra varias opciones para editar 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 seleccionar "tamaño" para abrir el cuadro de diálogo Cambiar tamaño. Se puede elegir un tamaño en el menú Seleccionar un desplegable Tamaño, o escriba el ancho deseado en el campo Dimensiones máximas. La altura se ajusta automáticamente.
2 Haga clic en el botón "Cambiar el tamaño y Guardar".
3 Iniciar 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 la lista Diseño. Este diseño crea un diseño con un recipiente de cabecera para su bandera.
4 Haga clic en el menú desplegable "Diseño CSS" y elegir la opción "Añadir a la cabeza." Esto agrega el código de diseño de CSS para la parte superior de la página HTML, por lo que es fácil de editar.
5 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 la bandera en el lado izquierdo del contenedor.
6 Haga clic en el menú "Archivo" y seleccione "Guardar como". Un nombre y guardar el archivo HTML.
7 Seleccione y elimine el marcador de posición de la bandera.
8 Haga clic en el menú "Insertar" y seleccione "Imagen". Esto abre el cuadro de diálogo Seleccionar origen de imagen. Para insertar un anuncio de Flash, haga clic en el "Medios de Comunicación", "Insertar", seleccione y luego seleccione "SWF" en el menú desplegable. Esto abre el cuadro de diálogo Seleccionar SWF.
9 Vaya al archivo de bandera, seleccionarlo y, a continuación, seleccione "OK". Esto abre el cuadro de diálogo Tag Atributos de accesibilidad.
10 Escriba un título para el banner en el campo Texto alternativo y haga clic en "Aceptar". Dreamweaver inserta el contenido de su bandera en el recipiente de cabecera.
Consejos y advertencias
- Para cambiar el color de fondo del contenedor de cabeza, antes de insertar el archivo de contenido encabezado, haga clic en el contenedor de cabecera para insertar el cursor y, a continuación, haga clic en "Editar regla" en el panel Propiedades. Esto abre el cuadro de diálogo de definición de reglas CSS. Eligen el "fondo" de la lista Categoría, haga clic en el "background-color" del menú lateral de muestras, y luego elegir el color deseado. También puede agregar un borde a la cabecera de contenedores y personalizarlo con la opción de frontera en el cuadro de diálogo de definición de reglas CSS.
- Al cargar la página HTML a un servidor Web, también cargar el archivo de contenido de bandera. De lo contrario, la bandera no se mostrará.