jueves, 29 de julio de 2010

INTRODUCCION A DREAMWEAVER





Para crear un documento en Dreamweaver se deben seguir los siguientes pasos :



1.) Elija un archivo >Nuevo de plantilla . Aparecera un cuadro de dialogo con las plantillas disponibles para el sitio actual. Debera crear plantillas antes de crear documentos basados en ellas ( consultar crear plantillas).


Cuando crea un documento basado en una plantilla, algunas partes del documento quedan bloqueadas para que no puedan editarse.( El archivo de plantilla determina que partes son editables y cuales no. )

Esto garantiza la coherencia en el uso de plantilla en multiples documentos de un mismos sitio.



2.) Seleccione una plantilla y haga clic en seleccionar. Se creara un nuevo documento basado en la plantilla. De forma predeterminada, las partes editables del nuevo documento quedan rodeadas por un borde azul.


Todo el documento queda rodeado por un borde amarillo (de forma predeterminada ) para recordarle que esta basado en una plantilla y que, por tanto, algunas de sus partes estan bloqueadas.


(Para personalizar los colores de los bordes, consulte definir preferencias de la plantilla.)


Para modificar una parte editable, seleccione el contenido del marcador de posicion en la region editable y sobrescribalo. En algunos casos, no hay ningun contenido de marcador de posicion en la region editable; en este caso, haga clic dentro de la region editable.



Para guardar un documento en Dreamweaver :

> Seleccione Archivo> Guardar

> Proporcione un nombre para el archivo y vaya hasta el lugar en el que desea el archivo.















Dreamweaver permite mostrar un documento de tres formas distintas:



Vista de diseño, Vista de codigo y una Vista dividida que muestra tanto el diseño como el codigo.

( Puede cambiar la vista en la que desea trabajar seleccionando una vista en la barra de herramientas de dreamweaver.) De forma predeterminada , Dreamweaver muestra la ventana de documento en la vista de diseño.



Ademas puede trabajar con la vista de diseño de Dreamweaver de dos formas distintas :
En la vista de disposicion y en la vista Estandar( puede seleccionar las vistas en la categoria de vistas del panel de objetos)

En la vista de Disposicion puede diseñar el formato de una pàgina, insertar graficos , textos y elementos multimedia.

En la vista Estandar, ademas de insertar graficos, textos y elementos multimedia tambien puede insertar capas, crear documentos con marcos, crear tablas y aplicar otros cambios a la pagina.

El Inspector de propiedades muestra propiedades del objeto o texto seleccionado y permite modificar dichas propiedades. ( Las propiedades que aparecen en el inspector dependen del objeto o texto seleccionado activamente en el documento)

Dreamweaver presenta numerosos paneles flotantes : como el panel Estilos HTML y el inspector de codigo, que le permite trabajar con otros elementos de Dreamweaver.

La Barra de estado , situada en la parte inferior de la ventana de documento proporciona informacion adicional sobre el documento que se esta creando.

El selector de etiquetas muestra las etiquetas HTML padre que controlan el texto o los objetos seleccionados.

La ventana emergente, Tamaño de ventana, permite cambiar el tamaño de la ventana de documento para que adopte dimensiones predeterminadas o personalizadas.

A la derecha del menu emergente Tamaño de ventana, observara la estimacion del tamaño del documento y del tiempo de descarga de la pagina, incluidos todos los archivos dependientes, como imagenes y otros archivos multimedia.

La barra del lanzador aparece a lo largo de la parte inferior de la ventana del documento. De forma predeterminada los botones de la barra del lanzador abren la ventana Sitio, el Panel de archivos, el panel estilo HTML , el panel estilos CSS, el panel comportamientos, el panel Historial, y el inspector de codigo.

No hay comentarios:

Publicar un comentario