El programa de software gráfico de Dreamweaver se utiliza para crear páginas web atractivas. Las páginas se construyen utilizando el programa de "Vista de Diseño" que consiste en bloques editables y no editables, conocidas como células, lleno de códigos que se hace referencia como HTML. Las células no editables compartirán el diseño básico, gráficos y menús los artistas quieren que repite en todas las páginas del sitio web. Las celdas editables permitirán que el artista gráfico para agregar contenido diferente para cada página. Una vez que se realiza un cambio en la celda no editable, Dreamweaver cambiará automáticamente las páginas a través de las páginas del sitio web, ahorrando el tiempo del artista al evitar hacer estos ajustes en función de cada página.
Instrucciones
1 Elija la opción "Vista de Diseño" en su "Paleta de objetos." A continuación, tendrá que hacer clic en abrir la tabla "Draw Diseño".
El programa de software debe ser instalado en su ordenador personal para activar todas las funciones.
2 Dibujar una tabla, se hace referencia como células, haciendo clic y activar la función "Dibujar tabla de diseño". Las células contendrán contenidos, como fotos o descripciones de su sitio web. El espesor de la tabla se cambiará el tamaño y ajustado en un paso posterior.
3 Continuar añadiendo células para su disposición según la cantidad de imágenes y bloques de texto a sus páginas incluirán. Tenga en cuenta que tendrá que seguir para activar la herramienta Dibujar tabla de disposición para cada tabla añadido en su diseño de página. Por ejemplo, agregar una tabla de banner en la parte superior de la página, una tabla de contenido, una tabla anidada para su barra de navegación y una tabla de imagen opcional.
4 Ajuste su página cambiando el tamaño de las tablas. Arrastre el cursor desde la esquina inferior izquierda hacia la esquina superior derecha y dejar de arrastrar cuando esté satisfecho con el tamaño de las tablas.
5 Ajuste su página más moviendo sus tablas. Arrastra el cursor sobre la pestaña verde tabla de diseño resaltado.
Tenga en cuenta, la única forma en que será capaz de mover las tablas es si el diseño de la página muestra el espacio de color gris, lo que indica que hay espacio en el diseño de página para el movimiento. Si usted no ve gris, lo más probable es recibir un símbolo de "No Acción", que generalmente es un círculo con una raya vertical. El espacio de color gris no será un área no editable.
6 Cambiar el tamaño de las tablas anidadas para adaptarlos a las barras de navegación tal como se realizó en el Paso 4. Usted tendrá que mover la barra de navegación como le gustaría que apareciera en su página principal. Por ejemplo, elegir una posición más a la derecha o la izquierda.
7 Elija la paleta de objetos y la opción "Dibujar celda" para dibujar celdas separadas dentro de la tabla. Aquí es donde se va a insertar sus imágenes. En el caso de que la imagen es más grande que las células que ha dibujado, usted será capaz de corregirlo en el "Inspector de propiedades" seleccionando la opción "Igualar ancho de celdas compatibles."
8 Insertar la imagen haciendo clic en la celda superior. En la barra de menú, seleccione "Insertar" y "Imagen". También puede realizar la acción haciendo clic en la miniatura de la imagen en la paleta de objetos. Tendrá que repetir este paso hasta que haya insertado todas sus imágenes en sus células creadas.
Si desea mover sus células, mueva el cursor sobre el lado de la celda. Cuando el contorno se vuelve roja, haga clic y arrastre la celda a su nueva posición.
9 Crear una celda adicional para una mesa logotipo, tal vez situado en la parte superior de la página, dependiendo de su diseño.
10 Expanda la tabla logotipo en la parte superior de la página de diseño mediante la selección de "Inspector de propiedades" y "Autoampliar."
Tenga en cuenta que tendrá que elegir el formato de archivo para la salida de la imagen gráfica como un GIF animado o un archivo JPEG en el menú "Opciones".
11 Cambiar la página de diseño color de fondo, así como el color de la celda logotipo abriendo el inspector de propiedades y establecer el código de color para el fondo, abreviado Bg.
Tenga en cuenta que el inspector de propiedades activado en el paso 10 está separado del inspector de propiedades en este paso.
12 Sacar sus células de contenido para sus imágenes. Se le escribiendo en su información. Por ejemplo, si desea que su contenido sobre un fondo blanco, seleccione el inspector de propiedades y poner el fondo en blanco #FFFFFF. Una vez que añadir su contenido, puede pulsar F12 para previsualizar la página en un navegador.
13 Dibuje otra tabla de disposición en la parte inferior de la página. Este será el pie de página que contendrá los derechos de autor, así como otra información pertinente página web. Tendrá que repetir el paso 10 para estirar el pie de página en la parte inferior de la página, así como el paso 12 para introducir su información.
Consejos y advertencias
- Dependiendo de la versión de Dreamweaver, pasos, así como nombres de características específicas pueden variar. Ciertas versiones requieren que se crea un nuevo documento sin márgenes. Esto le permitirá colocar las células en su ubicación deseada de la página. Si su versión requiere un nuevo formato de documento, tendrá que establecer sus cuatro márgenes a "0" Ir a "Archivo", "Nuevo" y "Modificar" o desplazarse hacia abajo para "Márgenes" y "Propiedades de la página" para restablecer los márgenes.