Divisiones HTML

Divisiones HTML
Cuando crea una división sobre un objeto o sobre el documento, tiene la posibilidad de utilizarla de dos formas. Si en el inspector de propiedades, en la casilla tipo, selecciona la opción HTML, la división se convierte en un espacio o celda para introducir texto. En el inspector de propiedades aparece un botón edición que abre una ventana para escribir el contenido. Si en la casilla tipo, selecciona la opción imagen, la celda no vale para escribir texto y se exporta la imagen contenida en la división.
La exportación, crea una página Web en forma de tabla sin bordes, definida por las guías de división, es decir, la pantalla se divide en áreas independientes llamadas celdas. Cada zona puede tener un contenido independiente. Si la división es HTML se utiliza para insertar texto. Si es una división tipo imagen se utiliza para contener una imagen. El navegador no muestra las divisiones ya que se trata de una tabla sin bordes. Es una de las formas que utilizan los diseñadores para organizar el contenido de las diferentes zonas de la pantalla.
Ya hemos comentado que, cuando se exporta el documento, las imágenes se copian en una subcarpeta. Así que tendremos una página Web que contiene una tabla invisible que reproduce el documento y una subcarpeta con las imágenes necesarias para ser enlazadas por el navegador y rellenar las celdas de la división.
Insistimos en que una división HTML designa el área donde se presenta texto en el navegador. Una división HTML no exporta una imagen; exporta el texto HTML que aparece en la celda de la tabla definida por la división. Las divisiones HTML son muy útiles para actualizar texto que aparece en una determinada zona, sin tener que crear otros elementos gráficos.
Para crear una división HTML: Dibuje un objeto de división y selecciónelo. En el Inspector de propiedades, elija HTML en el menú emergente Tipo. Haga clic en Edición y se abre una ventana para escribir. Escriba texto en la ventana Editar división HTML. Tiene la posibilidad de asignar formato escribiendo etiquetas de formato de texto HTML, aunque es mejor añadir formato de texto utilizando después una herramienta especializada, como Dreamweaver.
16.7 Ejercicio (Página Web con división HTML)
Guarde la imagen vireo_gorrinegro en una carpeta de trabajo
1.800 x 450 píxeles es un tamaño de lienzo que podemos utilizar para crear un página Web. Cree un lienzo de ese tamaño.
2. Importe la imagen y ajústela para que ocupe el mayor espacio posible del lienzo.
3.Cree una división HTML en la parte derecha.
4.Busque en Internet información sobre el vireo gorrinegro.
5.Introduzca texto en la división HTML con información sobre este pájaro.
6.Exporte a una subcarpeta. Las imágenes deben estar ubicadas en otra subcarpeta.
7.Vaya a la carpeta y vea con iexplorer la página Web generada.
8.Mire en la subcarpeta de imágenes y vea los diferentes archivos en los que se dividió la imagen.