Unidad 8. Ejercicio paso a paso: Crear y configurar marcos

Objetivo

Practicar las operaciones necesarias para crear y configurar marcos.

Ejercicio

  1. Si no tienes abierto Dreamweaver, ábrelo para realizar el ejercicio.
  2. Si no aparece el panel Archivos, ábrelo a través del menú Ventana, opción Archivos.
  3. Selecciona el sitio Cocina en el panel Archivos.
  4. Haz doble clic sobre el documento quienes.htm, que aparece en el panel Archivos.

    Se abrirá el documento en Dreamweaver.
  5. Si no aparece el inspector de propiedades, ábrelo a través del menú Ventana, opción Propiedades.
  6. Si el inspector de propiedades no se muestra en su totalidad, pulsa sobre el botón para desplegar sus propiedades más avanzadas.
  7. Haz clic sobre el menú Insertar.
  8. Elige la opción HTML y luego Marcos.
  9. Elige la opción Izquierda.
    Deben de tener los nombres leftFrame y mainFrame que te vienen por defecto.
  10. Si no aparece el panel Marcos, ábrelo a través del menú Ventana, opción Marcos.
  11. Selecciona el documento de marcos. Puedes hacerlo pulsando sobre el borde exterior de los marcos, en el panel Marcos.
  12. En Título:, que aparece en la barra de documento, escribe Cocina.
  13. En Bordes, del inspector de propiedades, selecciona No.
  14. En Ancho escribe 0.
  15. En Selección Fila Col. pulsa sobre la columna de la izquierda.
  16. En Columna selecciona Píxeles y escribe 270.
  17. En Selección Fila Col. pulsa sobre la columna de la derecha.
  18. En Columna selecciona Relativo y escribe 1.
  19. Selecciona el documento de marcos. Puedes hacerlo pulsando sobre el borde exterior de los marcos, en el panel Marcos.
  20. Haz clic sobre el botón Guardar de la barra de herramientas o Ctrl + S. Guarda el documento con el nombre index.htm, dentro de la carpeta cocina.
  21. Pulsa sobre el marco izquierdo en el panel Marcos.
  22. En Origen escribe menu.htm.
  23. En Desplaz selecciona No.
  24. En Bordes selecciona No.
  25. Activa la casilla Mismo tamaño.
  26. Pulsa sobre el marco derecho en el panel Marcos.
  27. En Desplaz selecciona No.
  28. En Bordes selecciona No.
  29. Desactiva la casilla Mismo tamaño.
  30. Selecciona el documento de marcos. Puedes hacerlo pulsando sobre el borde exterior de los marcos, en el panel Marcos.
  31. En el caso de haber insertado mapas de imagen en la imagen del logotipo, selecciona cada uno de ellos y elige mainFrame en Destino, que aparece en el inspector de propiedades.
  32. Edita también los enlaces del menú para cambiar En Destino a mainFrame.
  33. En Destino: selecciona mainFrame.
  34. Haz clic sobre el botón Guardar todo de la barra de herramientas y pruébalo en el navegador.

   Inicio