Manual Dreamweaver. Barra de herramientas. El primero botón que aparece en la barra es la de vista de código, que hace que en la ventana del documento.

Presentación del tema: "Manual Dreamweaver. Barra de herramientas. El primero botón que aparece en la barra es la de vista de código, que hace que en la ventana del documento."— Transcripción de la presentación:

1 Manual Dreamweaver

2

3 Barra de herramientas. El primero botón que aparece en la barra es la de vista de código, que hace que en la ventana del documento solo se visualice el código. A continuación se encuentra el boton “dividir”, que divide de la ventana y muestra el código y la vista de diseño. Luego se encuentra el boton “diseño” que abre la vista de diseño en la ventana del documento. Titulo del documentos un campo que aparece en la barra de herramientas que permite poner el titulo o modificarlo en caso de que ya lo tenga. Este titulo será insertado entre las etiquetas y Y se muestra en la etiqueta del documento. El boton de administración de archivos, muestra en menú emergente con las opciones de dicho menú. El boton que aparece a continuación es el de vista previa, que abre en menú emergente que contiene una lista editable de navegadores los cuales deben estar instalados en el ordenado), incluyendo la opción de visualizar la pagina en un simulado de móvil con varios formatos y resoluciones.

4 Barra de estado. Esta barra se encuentra ubicada al pie y contiene la información adicional del documento, entre las que se encuentran algunas ayudas, como el selector de etiquetas, que muestra las etiquetas seleccionadas en cualquiera de las vista procedidas de las etiquetas de superior jerarquía. En esta barra también pueden seleccionarse y deseleccionarse las herramientas de mano, se puede seleccionar el zoom empleado y el tamaño de la ventana, que permite optar por tamaños estándar o personalizados. A continuación aparece un campo en el que se muestra el tamaño de la pagina y el tiempo de descarga, información que incluye los archivos dependientes (CSS, JS, etc.)imágenes y videos. Por ultimo, barra muestra la codificación del documento.

5 La barra de codificación. Esta barra de herramienta se encuentra dispuesta en forma vertical, y solo es visible cuando se encuentra a vista de código (su uso es exclusivo en el código). Esta barra de herramientas puede ocultarse o personalizarse, mostrando los botones que son utiles y cancelando las visualización de aquellos que no presentan utilidad,

6 Ventajas. Es muy bueno para trabajos profesionales. Destaca su soporte de los estándares del world wide web consortium. Se puede diseñar y crear paginas web sin conocimiento de HTML. Permite pre visualizar las paginas web en casi todos los navegadores web. Los archivos de pograma son rutinas de javascript y hace que sea un programa fluido. Desventajas. Se paga por licencia de programa. Puede resultar complicado para usuarios no experimentados.

7 En la pagina principal le daremos clic en diseños de paginas (CSS)

8 Estando en este recuadro damos en pagina inicio y seleccionamos un estilo.

9 Cuando ya le demos clic en aceptar saldrá esta ventana ya con el diseño.

10 Y podemos empezarla a modificar al gusto.

11 Para insertar imagen damos doble clic en el cuadro.

12 Damos aceptar y acomodamos.

13 Para hace un enlace seleccionamos el texto que queremos vincular y nos vamos donde dice vinculo y seleccionamos el punto que queremos enlazar.

14 Para hacer lo mismo con una imagen la seleccionamos y hacemos lo mismo.

15 Para un archivo seleccionamos el nombre y hacemos el vinculo hacia el archivo.