# data[].attributes.body
En el inspector de propiedades como vemos en la imagen de arriba, podemos visualizar y

cambiar las propiedades de los estilos CSS, que en posteriores artículos explicaremos.

También podemos apreciar que nos aparecen propiedades de la parte del documento, donde

podemos aplicar etiquetas HTML que personalicen nuestro trabajo.

El inspector de propiedades es una de las partes que se convertirá en imprescindible en el

proceso de un

diseño web

.

# data[].attributes.body
A la derecha de la pantalla, podemos apreciar que nos aparece un grupo de símbolos, eso

son los paneles en los que podemos encontrar los documentos que vamos creando, los

comportamientos que podemos, o hemos aplicado, los CSS creados.

Para visualizarlo mejor, podemos desplegarlo como vemos en la imagen de arriba, pulsando

en las dos flechas situadas en la parte superior derecha del grupo de paneles.

# data[].attributes.headline
Elementos que componen la interfaz de Dreamweaver

# data[].attributes.subject
Elementos que componen la interfaz de Dreamweaver

# data[].attributes.attachment_link.title
video tutorial de los elementos de interfaz de dreamweaver

# data[].attributes.body
Conforme vayamos trabajando, iremos creando diferentes documentos, y en ocasiones,

podemos querer tener varios de ellos abiertos, como apreciamos en la imagen de arriba, nos

aparecen fichas con los diferentes documento abiertos o creados. Con tan solo pulsar en las

diferentes pestañas, podemos navegar por ellos sin ningún problema.

# data[].attributes.body
Podemos encontrar la barra insertar, que se muestra en la imagen de abajo. Una barra muy

útil, ya que la mayoría de herramientas que utilizaremos, están en ella o las podemos

añadir, esto nos facilita el no tener que ir buscando las herramientas en las diferentes

ventanas.

Como en la mayoría de barras, pueden ser personalizadas, aunque con limitaciones. Como

vemos en la imagen de abajo, vemos que podemos verla como menú o como fichas que es,

como se encuentra en la imagen de arriba.

# data[].attributes.body
Desde la pantalla de bienvenida, podemos, desde abrir un elemento reciente, en el que

estemos trabajando, abrir un documento que queremos añadir, o manipular, crear

documentos nuevos en diferentes formatos (html, php, xml, javascript,etc) y elementos

destacados. Los elementos destacados, pueden ser muy útiles, ya que son videos de

métodos de trabajo o la utilización de algunas herramientas específicas

# data[].attributes.body
Antes de empezar a crear un sitio web lo primero que tenemos que plantearnos es su

organización.

Una organización muy usual es separar en carpetas los archivos diferentes, es decir, crear

una carpeta imágenes, otra para los estilos y en la carpeta raíz dejaremos los archivos

HTML. Cuando hablo de carpeta raíz, me refiero a la carpeta principal donde iremos

creando el sitio web.

# data[].attributes.attachment_link.readable_text
El programa Dreamweaver dispone de un sencillo y práctico sistema para gestionar las Webs.

Para gestionar un sitio lo abrimos pulsando sobre Sitio en la Barra superior y abrir sitio.

Si tenemos definido uno o varios sitios apareceran para que podamos seleccionarlos. En nuestro ejemplo seleccionamos el sitio Mismascotas que definimos en páginas anteriores de este curso.

Para visualizar la estructura del Sitio pulsamos sobre el Botón Mapa del Sitio o Site Map

Y como resultado se muestra las relaciones entre las distintas páginas que componen la Web.

# data[].attributes.attachment_link.title
Estructura de la Web en DreamWeaver - Todo Dreamweaver

# data[].attributes.attachment_link.description
El programa Dreamweaver dispone de un sencillo y práctico sistema para gestionar las Webs. Para gestionar un sitio lo abrimos pulsando sobre Sitio en la Barra superior y abrir sitio. Si tenemos definido uno o varios sitios apareceran para que podamos seleccionarlos. En nuestro ejemplo seleccionamos el sitio Mismascotas que definimos en páginas anteriores de este curso.