1 Con el documento muestra.html abierto en Dreamweaver, despliegue el menú Ver y seleccione la opción Contenido de Head.
2 Aparece la representación visual de la sección head bajo la barra de herramientas Documento.
3 Dreamweaver muestra un icono por cada uno de los elementos de la sección head. Seleccione el primero.
4 La etiqueta correspondiente, title, se selecciona.
5 La codificación del documento se almacena en una etiqueta meta en el área de encabezado del documento. Para comprobarlo, haga clic en el segundo icono de la sección head.
6 Esta etiqueta indica al navegador cómo se debe descodificar el documento y qué fuentes se deben utilizar para mostrar el texto descodificado. Seleccione el tercer elemento de la sección head.
7 Esta sección se completa con un estilo CSS que define atributos de formato de los elementos contenidos en el cuerpo de la página. Haga clic en el botón Diseño de la Barra de herramientas Documento.
8 Nuestra página de ejemplo cuenta con algunos de los elementos clásicos que conforman una página web. Haga doble clic, en la ventana del documento, sobre la palabra Página.
9 El panel Propiedades presenta los atributos del texto actualmente seleccionado. Los enlaces son otro de los elementos principales de las páginas. Seleccione con un doble clic la palabra Pulse.
10 El texto definido como enlace aparece en el campo Vínculo. Los enlaces también pueden añadirse a imágenes. Las imágenes también son un componente fundamental de las páginas, ya que las dotan de un mayor atractivo. Otros componentes pueden ser tablas, sonidos, videos y diversos tipos de elementos multimedia. Seleccione la imagen para ver sus propiedades y dar por acabado el ejercicio.
IMPORTANTE
Las ayudas visuales, activas por defecto, facilitan la realización de algunas acciones. Para desactivarlas puede optar por utilizar el comando Ocultar todo del submenú Ayudas visuales del menú Ver o acudir al menú emergente del botón Ayudas visuales y activar la opción Ocultar todas las ayudas visuales.
| 007 | Guardar y editar básicamente un documento |
PUEDE GUARDAR LOS DOCUMENTOS de Dreamweaver con el nombre y ubicación predefinidos por el programa o modificarlos desde el cuadro de diálogo Guardar como. Los comandos relativos al almacenado de documentos son accesibles desde el menú Archivo y las funciones habituales de copia, pegado, etc., se encuentran en el menú Edición.
IMPORTANTE
El cuadro de diálogo que aparece al ejecutar el comando Pegar permite insertar un texto descriptivo del elemento pegado; dicho texto servirá de ayuda para aquellas personas con problemas visuales.
1 En el ejercicio anterior hemos utilizado el documento HTML muestra, que ha sido modificado. Por eso aparece un asterisco en su pestaña.
2 El programa guarda los cambios efectuados, conservando la ubicación original y el nombre del documento. La opción Guardar se ve complementada por los comandos Guardar como, Guardar todo, Guardar todos los archivos relacionados y Guardar como plantilla. Abra el menú Archivo y elija la opción Guardar como.
3 La utilización de este comando está indicada para almacenar los documentos editados como copia de los originales. Su ejecución conduce al cuadro de diálogo Guardar como,
4 En el cuadro de diálogo que aparece, pulse en Sí para actualizar los vínculos, aunque no hayamos realizado ningún cambio sobre los mismos.
5 Ahora contamos con dos documentos iguales, siendo la copia, muestra2, la que se muestra activada para su edición.
6 La barra de herramientas Estándar se sitúa por debajo de la barra Documento.
7 Los seis primeros botones de la barra Estándar dan acceso a las funciones Nuevo, Abrir, Examinar en Bridge, Guardar, Guardar todo e Imprimir código, todas ellas incluidas
