Cómo crear un sitio WEB con etiquetas DIV en Dreamweaver
 |
| http://bit.ly/1dWVIMY |
El Dreamweaver es
una poderosa herramienta para los diseñadores web con y sin experiencia.
Uno de los problemas comunes de diseño, que Dreamweaver no se ocupa
con sus herramientas incorporadas, es la capacidad de centrar un contenedor DIV
en una página. Utilizando una serie de elementos de estilo en línea, puedes
controlar el ancho de un contenedor DIV y la posición en una página. El
siguiente es un proceso paso a paso para agregar el CSS correspondiente a un
contenedor DIV con el fin de centrar un sitio web utilizando Dreamweaver.
Para que me sirve la etiqueta div
 |
| http://bit.ly/Mpqlom |
Esta etiqueta sirve
para agrupar elementos. Todos los elementos que estén agrupados en ella tendrán
las mismas características. Esto nos permite realizar cambios de estilo o de
otra índole una sola vez, y que afecten a todo el conjunto del texto. El atributo id sirve
justamente para atribuírle un nombre a todo el conjunto de elementos agrupados.
Y el atributo class tiene la función de otorgarle al conjunto de
elementos una serie de propiedades de estilo definidas previamente.
Instrucciones de
etiquetas DIV en Dreamweaver
 |
| http://bit.ly/1kAlkFF |
Busca el contenedor DIV que tiene todo el
contenido de tu página web. Crea un nuevo contenedor DIV si aún no existe.
Agrega la etiqueta style = "" al
contenedor DIV para contener los elementos de tu nuevo estilo: <div
style=" ">
Agrega un ancho establecido en el contenedor
DIV dentro de la etiqueta de estilo. Asigna un valor suficiente para almacenar todo
el contenido de la página web. Establece tu valor en porcentajes o píxeles:
<div style="width: 25px;">
Establece los márgenes derecho e izquierdo de
tu contenedor DIV para "auto": <div style="width: 25px;
margin-right: auto; margin-left: auto;">
Crea una etiqueta de cierre </div> al
final del contenido de la página web si estuvieras creando un nuevo contenedor
DIV desde cero.
Inserción de
etiquetas div para el diseño
Puede utilizar etiquetas div para crear
bloques de diseño CSS e insertarlas en el documento.
Esto es especialmente útil si ya tiene una
hoja de estilo CSS con estilos de posición adjunta al documento. Dreamweaver le permite insertar
rápidamente una etiqueta div y aplicarle estilos existentes.
Para insertar una
etiqueta div:
1. En la ventana de documento, sitúe el punto
de inserción en el lugar donde desea que aparezca la etiqueta div.
2. Siga uno de estos procedimientos:
·
Seleccione
Insertar > Objetos de diseño > Etiqueta Div.
·
En la categoría Diseño de la
barra Insertar, haga clic en el botón Etiqueta Div.
Aparece el cuadro de diálogo Insertar etiqueta
Div.
Bibliografía
http://es.paperblog.com/crear-pagina-web-con-etiquetas-div-y-estilos-css-1381103/
No hay comentarios:
Publicar un comentario