Ventana de dreamweaver (1)

10
VENTANA DE DREAMWEAVER Expositora : Ada luz Moreno Montaña Grado: 11ºD Año: 2013

Transcript of Ventana de dreamweaver (1)

Page 1: Ventana de dreamweaver (1)

VENTANA DE DREAMWEAVER

Expositora : Ada luz Moreno Montaña

Grado: 11ºDAño: 2013

Page 2: Ventana de dreamweaver (1)

Que es la ventana de dreamweaver?

Dreamweaver es la herramienta de diseños de paginas web mas avanzadas. Es una aplicación en forma de estudio que esta destinada a la construcción, diseños y edición de sitios, videos y aplicaciones web basadas en estándares.

Page 3: Ventana de dreamweaver (1)

Barra de aplicación tiene varios elementos

botones de la aplicación que nos permiten cambiar entre la vista del diseño o código

caja de ayuda para obtener ayuda on line

Elementos de dreamweaver

La barra de estado

selector de etiquetas, las herramientas de selección, mano y zoom

encontramos el tamaño de la pagina, de la ventana o su codificación.

Page 4: Ventana de dreamweaver (1)

Las pestañas de documentos: todos los archivos que tengamos abiertos mostrara una pestaña con su nombre para así poder acceder de uno a otros sin ningún problema.

La barra de herramientas estándar: contiene iconos para realizar las acciones mas importantes del menú, archivo y edición, como por ejemplo: nuevo archivo, abrir, guardar, etc.

La barra de herramienta de documentos: nos permite cambiar entre las distintas vistas de edición y la vista en vivo

Barra de representación de estilos: nos permite ver la apariencia de nuestra web en distintos dispositivos.

Page 5: Ventana de dreamweaver (1)

La barra de navegación con navegador: esta barra nos permite usar dreamweaver como navegador web y navegar por las paginas de nuestro sitio.

Page 6: Ventana de dreamweaver (1)

La vista código: se utiliza para poder trabajar en un entorno totalmente de programación, de código fuente.

La vista dividir: permite dividir la ventana en dos zonas: código y diseño. En una muestra el código fuente y en la otra el editor visual.

Page 7: Ventana de dreamweaver (1)

Ventana de dreamweaver

Page 8: Ventana de dreamweaver (1)

HiperenlacesReferencia absoluta: conduce al sitio en que se encuentra el documento utilizado para la ruta completa del archivo, incluyendo el protocolo http.

Referencia relativa al documento: la ubicación del archivo enlazado se toma en relación con la ubicación de la pagina

Referencia relativa al sitio: conduce a un documento situado dentro del mismo sitio que el documento actual. Tomando como origen la carpeta raiz del sitio.

Page 9: Ventana de dreamweaver (1)

Marcadores o punto de fijación: conduce a un punto dentro del documento ya sea dentro del actual o de otro diferente.

Page 10: Ventana de dreamweaver (1)

Gracias por su atención