Documento de barra de herramienta

El Documento de barra de herramienta contiene varios botones y los menus desplegables.

Los primeros tres se refieren a la pantalla de nuestro documento en Dreamweaver.

En Dreamweaver tienes la posibilidad de editar tu documento en la vista “Código” (1), en la vista “Diseño” (3) y en ambas vistas “Dividir” (2).

La mayoría de nosotros sólo usamos la vista “Diseño”. Esta es la vista en la que, literalmente, puede ver cómo se verá la página, por ejemplo, al insertar una imagen o un tipo de texto.

La segunda posibilidad es “Código” vista. Esta vista sólo muestra el código, en éste caso el código HTML. En la vista se puede hacer manualmente los cambios, debes de saber qué y cómo hacerlo. Tener un poco de conocimiento de HTML, no te haría daño.

Y la tercera posibilidad es la vista “División”. Esta nos da ambas, la vista “Código” y la vista “Diseño” en la ventana de documento. Si cambiamos algo en la vista “Código”, entonces será automáticamente actualizada en la vista “Diseño”. Y si cambiamos algo en la vista “Diseño”, será automáticamente ajustada en la vista “Código”.

También hay una segunda forma de abrir las dos vistas.
Selecciona la vista “Diseño” desde la ventana del documento, haga click en la opción “Ventana” en la barra de menu y seleccione “Inspector de Código” en el menú desplegable. O para aquellos que quieren ir más rápido, haga click en la tecla F10 del teclado.
Esto abre la vista Código en su propia ventana y te da más espacio para trabajar.
Haga click en la tecla F10 de nuevo para cerrar esta ventana.

 

En el cuadro de Título (4) de la barra de herramientas Documento, das el título para la página.

Por defecto es “Documento sin título”, pero es mejor dar un título más apropiado porque éste se muestra en la barra del título del navegador y dos, cuando alguien pone tu sitio en sus favoritos, éste título aparece en su lista de favoritos.

Tenemos también el “Administración de Archivos” (5).
Cuando hacemos click en él, se abre un menú emergente, donde tenemos la opción de subir archivos al servidor o bajar archivos del servidor.
Como no se tiene ningún ajuste introducido para el servidor web, todavía no podemos usar estas opciones.

 

Al hacer click en el sexto botón “Vista Previa / Depurar en explorador”, podemos
ver la página en
una ventana del navegador, sin ello, necesitamos subirlo al servidor.

Haciendo click en “Editar Lista de Navegadores”, editamos un navegador primario y un navegador secundario.

 

El siguiente botón (7) es el botón para “Actualizar Vista de Diseño”. Haz click en éste, cuando hagas cambios en la vista Código y que éste no ha sido aún pasado a la vista “Diseño”.

Tenemos también “Ver Opciones” (8).

Cuando haces click en éste botón, abre un menu desplegable con diferentes opciones dependiente en que vista está actualmente ajustada.
Si actualmente tienes “División” vista, verás las opciones para ambas vistas en éste menu.

Tenemos también “Ayudas Visuales” (9).

Cuando haces click en éste botón, abre un menu con varias ayudas visuales a nuestro diseño. Más sobre ésto cuando lo usemos en este curso.

Tenemos también “Validar Formulario” (10). Usamos éste botón para controlar la sintaxis (léase notación) del código fuente.

Y finalmente tenemos “Verificar Compatibilidad con Navegadores” (11).
Con esto, nosotros verificamos si el código de tu página es compatible con diferentes navegadores.
Cuando hacemos click en éste botón, abre un menu desplegable en donde tenemos “Configuraciones” a incluir en navegadores. Escogiendo ésto, abre una ventana de diálogo donde puedes ajustar diferentes navegadores que quieras verificar.

Cursos

• Downloading iPad Apps
• Lesson 1: Introduction to Publisher
• Lesson 65: File Formats