Tutorial conciso de Dreamweaver 4 (2. Comprensión preliminar de Dreamweaver)
Autor:Eve Cole
Fecha de actualización:2009-05-30 18:36:17
2. Comprensión inicial de Dreamweaver
Inicio de Dreamweaver
El proceso de instalación de Dreamweaver es muy sencillo. Una vez instalado correctamente, podrás encontrar la opción Dreamweaver en el menú de inicio:
Editar ventana
Cuando inicia Dreamweaver por primera vez, lo primero que ve es la ventana de edición de Dreamweaver. No se deje intimidar por las densas ventanas flotantes de arriba. De hecho, las más utilizadas son las siguientes.
① Menú principal: la mayoría de las funciones de la ventana de edición se pueden encontrar aquí;
② Barra de herramientas: es una nueva característica de Dreamweaver4;
③ Panel de objetos (Objetos): durante el proceso de edición de la página web, haga clic en el botón del Panel de objetos para agregar los elementos correspondientes a la página web, como imágenes, tablas, capas y Flash. A estos elementos los llamamos objetos. Haga clic en la flecha hacia abajo en el panel de objetos para insertar otros tipos de objetos, como caracteres especiales (Caracteres), formularios (De), etc.
④ Panel de propiedades: se utiliza para mostrar las propiedades del elemento de la página web seleccionado y se puede modificar en el panel de propiedades. Cuando selecciona diferentes elementos de la página web, el contenido que se muestra en el panel de atributos también es diferente. Por ejemplo, los atributos que se muestran en imágenes y tablas son diferentes. Además, haga clic en el pequeño triángulo en la esquina inferior derecha del panel de propiedades para reducir o expandir el panel de propiedades según las necesidades de uso. Se recomienda configurarlo en modo expandido en circunstancias normales.
⑤ Grupo de paneles (también conocido como panel flotante acoplable): Dreamweaver también tiene muchos otros paneles flotantes. Podemos combinar diferentes paneles flotantes según nuestras propias preferencias. En Photoshop, existe un concepto similar.
⑥ Barra de inicio rápido (también llamada panel de inicio): un panel flotante que se utiliza para mostrar u ocultar respuestas. Panel de inicio y mini barra de inicio en la esquina inferior derecha Correspondencia uno a uno entre ellos; es cambiar al administrador del sitio, es cambiar al panel de comportamiento, es ver el código fuente de la página web.
⑦ Área de edición: muestra el contenido de la página web editada del modo "Lo que ves es lo que obtienes":
[Consejo 1] Si la posición del panel flotante en la pantalla es demasiado desordenada, o incluso excede el rango del escritorio y es inconveniente de operar (esto es especialmente probable que suceda después de cambiar la resolución del monitor), puede seleccionar "Ventana >" en el menú principal. Organizar paneles" reorganiza automáticamente los paneles flotantes.
[Consejo 2] Las siguientes son varias teclas de acceso rápido de uso común para abrir y cerrar rápidamente paneles flotantes. Recuérdelas porque se usarán con frecuencia durante el proceso de producción:
Panel de propiedades: Ctrl+F3
Panel de estilo Estilos CSS: Shift+F11
Panel de comportamiento Comportamientos: Shift+F3
Panel de objetos Objetos: Ctrl+F2
ventana del sitio
La ventana del sitio es otra ventana importante de Dreamweaver. La mitad izquierda es el directorio del sitio remoto, que generalmente se muestra vacío. El contenido solo se muestra cuando el FTP está conectado; ¿No es un poco similar al explorador de Windows? Sí, la función de la ventana del sitio es en realidad permitirle administrar su sitio de manera intuitiva y conveniente como archivos en su disco duro.
En el proceso de creación de páginas web en el futuro, frecuentemente alternará entre la ventana de edición y la ventana del sitio.