Ejemplo de vista Código
Se puede ver el código tal como lo veríamos en Brackets o en el editor del servidor
Antes de empezar visualiza mi vídeo sobre cómo crear un sitio web con DreamWeaver
Tipos de vista
Dreamweaver tiene tres tipos de vista
Ejemplo de vista Vista Diseño
Se muestra únicamente la vista diseño
Ejemplo de vista Dividir
En esta vista, tenemos el diseño encima y el código debajo
Panel derecho
El panel derecho nos da y nos permite introducir muchísima información. Muy importante es la información que figura en la parte baja. DOM significa "Document object model". Podemos ver que estamos trabajando con un documento HTML
Dentro del documento HTML hay un HEAD que tiene las etiquetas META, TITLE y LINK.
Pestañas de Diseño y DOM
En este caso vemos una pestaña con información sobre elementos de diseño (fuentes, medios, selectores, etc...) y el DOM en la parte inferior
Pestañas de Insertar y DOM
En este caso vemos los elementos que podemos insertar (DIV, párrafo, heading, tabla, etc...) y el DOM
Pestañas de Archivos y DOM
En esta caso vemos la estructura de archivos que tenemos en nuestra carpeta
