Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • 25 vistas

    2 Entorno de Trabajo

    Cargado por

    Dayan Torres
    El documento describe la interfaz de usuario de Dreamweaver, incluyendo los menús contextuales, vistas, barras de herramientas, paneles y áreas. Ofrece acceso rápido a funciones como cambiar de vista, acceder a extensiones y administrar sitios. Los paneles de desarrollo permiten tareas como administrar archivos y estilos CSS. El área de código permite editar el código web directamente y el área de diseño permite crear páginas web arrastrando elementos sin necesidad de código.

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd

    2 Entorno de Trabajo

    Cargado por

    Dayan Torres
    25 vistas13 páginas
    El documento describe la interfaz de usuario de Dreamweaver, incluyendo los menús contextuales, vistas, barras de herramientas, paneles y áreas. Ofrece acceso rápido a funciones como cambiar de vista, acceder a extensiones y administrar sitios. Los paneles de desarrollo permiten tareas como administrar archivos y estilos CSS. El área de código permite editar el código web directamente y el área de diseño permite crear páginas web arrastrando elementos sin necesidad de código.

    Título original

    2 ENTORNO DE TRABAJO

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    El documento describe la interfaz de usuario de Dreamweaver, incluyendo los menús contextuales, vistas, barras de herramientas, paneles y áreas. Ofrece acceso rápido a funciones como cambiar de vista, acceder a extensiones y administrar sitios. Los paneles de desarrollo permiten tareas como administrar archivos y estilos CSS. El área de código permite editar el código web directamente y el área de diseño permite crear páginas web arrastrando elementos sin necesidad de código.

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Descargar como pdf o txt
    25 vistas13 páginas

    2 Entorno de Trabajo

    Cargado por

    Dayan Torres
    El documento describe la interfaz de usuario de Dreamweaver, incluyendo los menús contextuales, vistas, barras de herramientas, paneles y áreas. Ofrece acceso rápido a funciones como cambiar de vista, acceder a extensiones y administrar sitios. Los paneles de desarrollo permiten tareas como administrar archivos y estilos CSS. El área de código permite editar el código web directamente y el área de diseño permite crear páginas web arrastrando elementos sin necesidad de código.

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Descargar como pdf o txt
    de 13

    ENTORNO DE

    TRABAJO DE
    DREAMWEAVER
    D I S E ÑO D E I N TER FACES WE B
    Menú
    ENTORNO DE TRABAJO Vistas
    contextual Iconos de
    acceso rápido

    Barra de Paneles
    herramientas de
    de desarrollo
    documento

    Área de
    Código
    Panel de
    archivos

    Área de
    diseño

    Panel de
    propiedades
    ICONOS DE ACCESO RÁPIDO

    Los íconos de acceso rápido


    nos sirven para:
    • Seleccionar una vista
    diferente del documento, por
    ejemplo una vista de diseño,
    una vista dividida o una vista
    de código.
    • Acceder al Extension
    Manager, para obtener
    Widgets.
    • Acceder al administrador de
    sitios.
    MENÚ CONTEXTUAL
    EL menú contextual, también conocido como
    barra de menús, nos permite tener acceso a los
    siguientes menús de comandos:
    • Archivo
    • Edición
    • Ver
    • Insertar
    • Modificar
    • Formato
    • Comandos
    • Sitio
    • Ventana
    • Ayuda
    VISTAS O ACOMODOS

    Este botón nos permite


    seleccionar diferentes formas de
    organizar el espacio de trabajo
    de Dreamweaver, tiene las
    siguientes alternativas:
    • Diseñador
    • Clásico
    • Programador
    • Programador Avanzado
    • Diseñador de aplicaciones
    • Diseñador de aplicaciones
    avanzado
    BARRA DE HERRAMIENTAS DE DOCUMENTO
    La barra de herramientas de
    documento, sirve para organizar
    el espacio de trabajo de la
    siguiente forma:
    • Código
    • Diseño
    • Dividido
    • En vivo
    PANELES DE DESARROLLO

    Estos paneles de desarrollo, se


    encuentran por lo regular en la
    parte derecha de
    Dreamweaver y sirven para
    realizar diferentes tareas como
    administrar archivos, configurar
    las reglas de estilos CSS, entre
    otras cosas. Estos paneles
    también se pueden desplegar
    desde la opción de Menú
    Ventana.
    ÁREA DE CÓDIGO

    El área de código es la
    sección en la que
    podemos escribir, editar y
    corregir el código de las
    páginas web en
    Dreamweaver. Cualquier
    cosa que realicemos en
    modo diseño, se verá
    reflejado en la sección de
    código y viceversa,
    cualquier modificación en
    el código, se verá reflejado
    en la vista de diseño.
    ÁREA DE DISEÑO

    El área de diseño es la sección en


    la que sin tener conocimientos de
    programación, podremos realizar
    páginas web, utilizando
    únicamente botones y comandos
    de Dreamweaver, arrastrando e
    insertando imágenes, diseñando
    tablas, insertando menús y
    widgets. Todo lo que realicemos
    en la vista de diseño, se verá
    reflejado en la vista de código y
    viceversa.
    PANEL DE ARCHIVOS

    El panel de archivos, es uno de


    los paneles de más utilidad, ya
    que en el podremos cambiar
    entre diferentes proyectos.
    También podremos visualizar y
    administrar todos los archivos de
    un mismo sitio web.
    PANEL DE PROPIEDADES

    El panel de propiedades se
    encuentra en la parte inferior
    de la interfaz de
    Dreamweaver. El panel de
    propiedades, va a mostrar
    diferentes opciones,
    dependiendo del elemento
    que tengamos seleccionado
    en el área de diseño.
    BIBLIOGRAFÍA

    Miguel, C. M. (s.f.). Conceptos generales e interfaz


    Gráfica. México: DGTIC UNAM.
    ¡MUCHAS GRACIAS POR TU VALIOSA
    ATENCIÓN!

    También podría gustarte