En este video nos habla de lo que le permite dreamweaver permite al programdor de paginas wed tener en un solo panel diferentes eramientas para la elaboracion de tablas formularios y distintos tipos de elementos para la creacion de una pagina wed ordena el programa permite insertar color y modificar tamaño con facilidad sin tener el conocimientode codigos en html el diseñador elabora una pagina wed solo nesesita conocer los paneles y el funcionamiento de cada elemento. tambien permite crear un entorno de trabajo para observar que es lo que contiene cada linea de codigo . se debe tener en cuenta el trabajo el trabajo con ventanas para poder hacer un sitio web el programa dreamweaver permite inserta tablas de una forma facil el programa da el codigo html y una visualizacion de la tabla para poderla modificar con forme a lo que la persona quiere realizar insertar imagenes con facilidad en cualquiera de las celdas que se escoja de la tabla insertada permite visualizar el contorno de trabajo con el modo mosaico y la visualizacion codigo para copiar un codigo html y pasarlo a un nuevo entrono de trabajo tambien ofrece modificar de posicion la imagen o tabla permite opciones distintas para hacer comentarios permite corregir elementos o codigos que no estan bien escritos y marcarlos para evitar errores tambien se puede ocuptar codigos atraves de la opcion caracteres ocultos, podemos añadir reglas para tener un orden en el trabajo de diseño y añadir una imagen de fondo para el sitio que se esta creando. Puede utilizar una hoja de estilos de tiempo de diseño para visualizar los fondos, los bordes o el modelo de cuadro de los elementos que no suelen considerarse bloques de diseño CSS. Para ello, en primer lugar debe crear una hoja de estilos de tiempo de diseño que asigne el atributo display: block al elemento de página correspondiente. 1.
Cree una hoja de estilos CSS externa con Archivo > Nuevo. Seleccione después Página básica en la columna Categoría, CSS en la columna Página básica y haga clic en Crear. 2. En la nueva hoja de estilos, cree reglas que asignen el atributo display:block a los elementos de página que desea visualizar como bloques de diseño CSS. 3. Guarde el archivo. 4. En la vista Diseño, abra la página a la que desea adjuntar los nuevos estilos. 5. Seleccione Formato > Estilos CSS > Tiempo de diseño. 6. En el cuadro de diálogo Hojas de estilos de tiempo de diseño, haga clic en el botón más (+) situado encima del cuadro de texto Mostrar sólo en tiempo de diseño, seleccione la hoja de estilos que acaba de crear y, por último, haga clic en Aceptar. 7. Haga clic en Aceptar para cerrar el cuadro de diálogo. El estilo se adjuntará al documento. Si ha creado una hoja de estilos con el ejemplo anterior, todos los párrafos y los elementos de lista adoptarán el formato del atributo display: block y podrá activar y desactivar las ayudas visuales de bloques de diseño CSS para todos ellos.
Las reglas ayudan a medir, organizar y planificar el diseño. Pueden aparecer en los bordes izquierdo y superior de la página, expresadas en píxeles, pulgadas o centímetros.
Para activar y desactivar las reglas, elija Ver > Reglas > Mostrar.
Para cambiar el origen, arrastre a cualquier parte de la página el icono de origen de la regla (situado en la esquina superior izquierda de la vista Diseño de la ventana de documento). Para restablecer el origen a su posición predeterminada, seleccione Ver > Reglas > Restablecer origen. Para cambiar la unidad de medida, seleccione Ver > Reglas y elija Píxeles, Pulgadas o Centímetros. Las guías son líneas que puede arrastrar sobre el documento desde las reglas. Con ellas puede situar y alinear objetos de forma más precisa. También puede utilizar guías para medir el tamaño de los elementos de la página o emular los pliegues (áreas visibles) de los navegadores Web. Con el fin de ayudarle a alinear elementos, puede ajustar elementos a las guías y ajustar guías a los elementos. (Los elementos deben tener posición absoluta para que funcione la función de ajuste.) También puede bloquear las guías para impedir que otro usuario las mueva accidentalmente. Cuando se añaden guías a una plantilla de Dreamweaver, todas las instancias de la plantilla heredan las guías. Las guías de instancias de plantilla, sin embargo, se consideran regiones editables para que los usuarios puedan modificarlas. La ubicación original de las guías modificadas en las instancias de plantilla se restaura cuando se actualiza la instancia con la plantilla maestra. También puede añadir sus propias guías a instancias de una plantilla. Las guías añadidas de esta forma no se sobrescriben cuando la instancia de la plantilla se actualiza con la plantilla maestra. La cuadrícula muestra una serie de líneas horizontales y verticales en la ventana de documento. Resulta útil para colocar objetos con precisión. Puede hacer que los elementos de la página con posición absoluta se ajusten automáticamente a la cuadrícula cuando los mueva y cambiar la cuadrícula o controlar el comportamiento de ajuste especificando una configuración. El ajuste funciona independientemente de si la cuadrícula se encuentra o no visible. Puede utilizar una imagen de rastreo como guía para recrear un diseño de página creado en una aplicación gráfica como Adobe Freehand o Fireworks. Una imagen de rastreo es una imagen JPEG, GIF o PNG que se sitúa en el fondo de la ventana de documento. Puede ocultar la imagen, configurar su opacidad y cambiar su posición. La imagen de rastreo sólo se encuentra visible en Dreamweaver; no puede verse en la página desde un navegador. Cuando está visible la imagen de rastreo, la imagen y el color de fondo reales no están visibles en la ventana de documento; no obstante, se encontrarán visibles cuando la página se muestre en un navegador.