12.213 cursos gratis
8.309.043 alumnos
Facebook Twitter YouTube
Busca cursos gratis:

Diseño de páginas web con FrontPage

Autor: Fernando Mur
Curso:
9,01/10 (898 opiniones) |116556 alumnos|Fecha publicación: 18/09/2002

Capítulo 11:

 Las tablas

Las tablas en HTML son como las tablas que podemos ver en libros, hojas de cálculo y otros documentos. Constituyen una forma de organizar y presentar información a través de filas y columnas que agrupan elementos relacionados. En el diseño web son fundamentales y constituyen actualmente la piedra angular en el diseño de páginas web, ya que la mayoría de las páginas no serían posibles sin el uso de tablas.

Ejemplos de páginas creadas con tablas son las siguientes: Terra, Yahoo, El País, Educaweb, Marca, HowStuffWorks, The New York Times y Ecomur.

Observando estas páginas podemos ver que en HTML las tablas se emplean para crear columnas de texto, para integrar textos e imágenes, para crear márgenes amplios o cuadros laterales y para cualquier otro uso que le sepamos dar.

Insertar una tabla con FrontPage es muy fácil y basta con usar el botón Insertar tabla de la barra de herramientas estándar de FrontPage. Pulsando este botón nos aparece un pequeño menú con el que seleccionaremos el número de filas y columnas. Igualmente podemos insertar la tabla a través del menú Tabla, Insertar tabla.

Las tablas

Podemos seleccionar el número de filas y columnas y todo lo relativo en cuanto al diseño de la tabla (alineación, tamaño del borde, margen y espaciado entre las celdas y ancho de la tabla). Es habitual que aunque el diseño de la página se haga con tablas, al visualizarla en el navegador no aparecen los bordes de dicha tabla. El uso que le damos a la tabla es para organizar todos los elementos de la web.

Una vez creada la tabla es interesante que abramos la barra de herramientas Tablas, ya que incluye todas las herramientas para manipular una tabla. Para mostrar esta barra, en la barra de menús Ver, Barras de Herramientas, Tablas.

Las tablas

El significado de cada uno de los botones, de izquierda a derecha, es el siguiente:

-Dibujar una tabla o un límite de celda

-Borrar los bordes entre celdas

-Añadir una fila por encima de la fila seleccionada

-Añadir una columna a la izquierda de la columna seleccionada

-Eliminar las celdas seleccionadas

-Fusionar las celdas seleccionadas en una sola

-Dividir por la mitad la celda que está seleccionada

-Alinear el texto con el borde superior de la celda seleccionada

-Centrar el texto verticalmente en la celda seleccionada

-Alinear el texto verticalmente en la celda seleccionada

-Igualar el espacio disponible entre filas

-Igualar el espacio disponible entre columnas

-Configurar el color de fondo para la tabla

-Ajusta automáticamente las columnas y las filas, una vez que ha terminado de dibujar la tabla.

El uso de las tablas es similar al del resto de programas de Microsoft Office, con lo que el usuario habituado a manejar esta suite no tendrá ningún problema en trabajar con las tablas de FrontPage. Es habitual que las tablas se visualicen en Internet sin los bordes, ya que la utilidad mayor es la organización de los contenidos (textos e imágenes) en cuadrículas y es más estético que los bordes no aparezcan en la web.

En una tabla podemos colocar casi cualquier elemento HTML y ello incluye también otras tablas, lo que se conoce como anidamiento. Es una de las herramientas fundamentales en el diseño web, la posibilidad de generar tablas dentro de otras tablas para poder cambiar fondos, tipos de letra, bordes, etc. de una forma más eficiente.

En todas las celdas de una tabla podemos alinear texto, cambiar la anchura y altura, personalizar el fondo y los colores. La forma de realizar estas tareas es seleccionando las celdas y a través del menú tabla, propiedades de celda y cambiar las opciones deseadas. Finalmente nos aparece esta ventana.

Las tablas

Nuestras novedades en tu e-mail

Escribe tu e-mail:

Al presionar "Recibir" estás dándote de alta y aceptas las condiciones legales de mailxmail

Cursos similares a Diseño de páginas web con FrontPage


  • Vídeo
  • Alumnos
  • Valoración
  • Cursos
1. Diseño páginas web con editor HTML
Diseño páginas web con Editor HTML , cuantas veces al visitar una Web , nos hemos... [02/03/10]
3.716  
2. Diseño páginas web. Insertar imágenes
¿Qué sería de nuestras páginas Web si, además de texto, no les insertásemos... [18/06/10]
825  
3. Colocar icono en nuestras páginas web
Conoce la manera más fácil de personalizar tu pagina, aplicando un icono... [14/11/11]
40  

El blog de mailxmail|¿Qué es mailxmail.com?|ISSN: 1699-4914|Ayuda
Publicidad|Condiciones legales de mailxmail


Ponte al día de Programación con nuestros cursos gratis