Dreamweaver MX 2004 desde cero (3)
Autor:Eve Cole
Fecha de actualización:2009-05-31 21:02:57
Utilice marcos para crear páginas web <BR> Después de iniciar sesión en algunos foros, podemos ver el nombre de cada área de discusión a la izquierda. Haga clic en cualquier área de discusión para ver el contenido del área de discusión correspondiente en el área derecha, pero. las partes izquierda y derecha se muestran de forma independiente. Por ejemplo, arrastrar la barra de desplazamiento a la izquierda no afectará la visualización a la derecha. De hecho, se trata del uso de tecnología de marco en la página, por lo que el espacio de visualización del navegador se puede dividir en varias partes y cada parte puede mostrar de forma independiente el contenido de la página web. Y combinar varios marcos para formar un conjunto de marcos puede darle a la página un efecto más rico.
1. Crea marcos y conjuntos de marcos.
Paso 1: Cree una nueva página en Dreamweaver MX 2004. Después de ejecutar el comando "Ver → Ayudas visuales → Bordes del marco", puede ver un borde que aparece en la ventana de edición. Después de hacer clic en el borde con el mouse, puede ver un punto. marco, lo que indica que la página recién creada viene con marco.
Paso 2: Presione el botón "Alt" y arrastre el borde con el mouse. Después de soltar el mouse, puede dividir la ventana en dos, dividiendo así la página en dos bordes. Por ejemplo, arrastrar los bordes izquierdo y derecho puede dividir la ventana en partes izquierda y derecha, y arrastrar los bordes superior e inferior puede dividir la ventana en partes superior e inferior. Además, también se pueden arrastrar las cuatro esquinas de la ventana, de modo que la ventana se puede dividir directamente en cuatro áreas (Figura 1). Cuando la ventana se divide en varios marcos, cada marco se puede editar como una página web independiente o se puede asignar directamente una página existente a un marco.
Figura 1
Paso 3: Se permite anidar marcos. Por ejemplo, para crear el marco que se muestra en la Figura 2, primero puede dividirlo en dos horizontalmente mediante el método anterior, pero luego no puede arrastrar el borde directamente; de lo contrario, obtendrá el marco. se muestra en la Figura 1. El método correcto es hacer clic primero en el marco derecho en el panel de marco en la esquina inferior derecha y luego presionar el botón "Alt" para arrastrar el borde.
Figura 2
Consejo: si arrastra el borde por error, simplemente use el mouse para arrastrar la línea que desea eliminar al borde del marco principal para eliminarlo.
2. Marco de edición
Las páginas a menudo mezclan marcos y conjuntos de marcos, y se pueden realizar diferentes configuraciones de atributos seleccionando diferentes objetos.
Paso uno: propiedades del conjunto de marcos. Después de seleccionar el conjunto de marcos, puede ver el panel de objetos de propiedad (como se muestra en la Figura 3). El elemento "Borde" puede establecer si se muestra el borde, el elemento "Ancho del borde" puede establecer el ancho del borde y el "Color del borde". " puede establecer el color del borde. . Además, también puede establecer el tamaño de cada borde. En este momento, seleccione una fila o columna en la miniatura en el lado derecho del panel, luego ingrese un valor en el cuadro de entrada "Alue" al lado y seleccione. píxeles o porcentaje como unidad.
Figura 3
Paso 2: Propiedades del marco. Si selecciona cualquier marco en el panel de marco, el marco seleccionado se mostrará con un borde negro. En este momento, puede realizar la configuración correspondiente en el panel de propiedades (Figura 4). Por ejemplo, aquí puede configurar el archivo de la página web en el marco a través de la barra de direcciones "Src", "Desplazar" indica si se agrega una barra de desplazamiento, "Borde" puede determinar si se muestra el borde, "Sin cambio de tamaño" permite el tamaño del marco se cambiará en el navegador, y " "Ancho del margen" y "Alto del margen" establecen respectivamente el ancho y el alto del borde para determinar la distancia entre el contenido del marco y el borde.
Figura 4
Paso 3: Ingrese el contenido en el marco. Después de hacer clic en cualquier cuadro con el mouse, puede insertar varios contenidos de texto, imágenes, animaciones Flash, música de fondo y otros elementos de la página web como si fueran páginas de edición normales.
De hecho, el uso de marcos puede hacer una planificación razonable del diseño de la página web, lo cual es particularmente importante en las primeras etapas del diseño web. Por lo tanto, todos necesitan practicar más en el uso diario, ¡lo cual es muy útil para crear un sitio web excelente!