Please enable JavaScript.
Coggle requires JavaScript to display documents.
Tema 12. Diseño de páginas en Dreamweaver (Entorno de trabajo (Barra de…
Tema 12. Diseño de páginas en Dreamweaver
Entorno de trabajo
Barra de herramientas de documento: contiene iconos que permiten cambiar entre las distintas vistas de edición y la vista en vivo, vistas previa en multipantalla
Barra de propiedades: es una de las más importantes, muestra y permite modificar las propiedades del elemento seleccionado que son usadas de forma más frecuente
Barra de herramientas estándar: contiene iconos para realizar las acciones más habituales del menú Archivo y Edición.
Área de paneles: contiene diversos paneles, por ejemplo para la edición de objetos.
Pestaña del documento: indica el nombre del archivo que se encuentra activo o en uso.
Vistas del proyecto: te permite elegir entre la vista de diseño, vista de código o ambas, según tus necesidades.
Barra de menú: es un área de la interfaz de usuario que indica y presenta las opciones o herramientas de Dreamweaver CC.
barra de estado: también llamada selector de etiquetas, indica la lista de etiquetas según se sitúe el cursor.
Pasos para crear un documento nuevo
En la pantalla inicial da clic en la opción New → HTML Document.
En la siguiente pantalla presiona New Document, en Document Type selecciona HTML y presiona el botón Create.
Pasos para abrir un documento
En la pantalla inicial haz clic en la opción Open, en la columna central de Open Recent.
Plantillas de diseño
Las plantillas de diseño son una serie de páginas ya creadas, están disponibles en la página de inicio en la columna Starter Templates
Uso y manipulación de tablas
Constituyen una herramienta muy eficaz para presentar datos de tabla y establecer el diseño de texto y gráficos en una página HTML. Una tabla consta de una o varias filas, cada una de las cuales consta, a su vez, de una o más celdas.
Rows: el número de filas.
Columns: la cantidad de columnas.
Table width: se establece en pixeles (ancho fijo) un porcentaje con respecto al elemento que la contiene.
Border thickness: indica el espesor de la línea exterior de la tabla, si el grosor es de cero o vacío, oculta el borde.
Cell padding: indica la distancia entre el contenido de las celdas y sus bordes
.
Cell spacing: indica la distancia entre las celdas de la tabla.
Header: se utiliza para indicar si se desea tener encabezado en una fila, una columna o ambos.
Width: establece el ancho en pixeles.
Height: establece el alto en pixeles.
Alt: especifica un texto alternativo que se desplegará al momento de situar el mouse sobre el centro la imagen.
Src: es la ruta donde se encuentra ubicada la imagen. Es muy importante esta ruta, ya que si la página se ejecuta en otra computadora y la imagen no se localiza en la misma ruta, esta no se desplegará