Tutorial

Los elementos de las páginas se suelen colocar empleando tablas. Si observa las Webs importantes notará que los elementos de las páginas están ordenados dentro de columnas y cuadros.

Para que los elementos que colocamos en una página mantengan una cierta posición al ser visualizados por los navegadores necesitamos colocarlos dentro de tablas.

El texto, las imágenes y los demás elementos de una página se ordenan dentro de tablas. Utilizamos tablas con Bordes cero cuando queremos mantener las tablas invisibles.

Crear una Tabla invisible para colocar los elementos.

  1. Pulsamos Insertar y Tabla.
  2. Ponemos “0” cero en el cuadrado correspondiente a Borde.
  3. Pulsamos Aceptar o OK

insertar tabla

Y el resultado se ve así en la vista de Diseño de Dreamweaver.

tablas

Esta tabla no se ve con el navegador. Los visitantes de la página no ven esta tabla. Es por tanto una tabla oculta. Si escribimos dentro de las celdas el resultado es el siguiente.

Esta es una celda de la tabla con bordes cero Otra celda de la tabla oculta que no permite ordenar los elementos.
Otra celda. Y otra.

Las tablas con bordes cero nos permiten también mantener las imágenes en una cierta posición dentro de las tablas.

Las siguientes imágenes se encuentran dentro de una tabla con borde “0”.

ábaco dados
nuevo Hemos colocado las imágenes dentro de las celdas de una Tabla.
25 diciembre, 2014
dreamweaver

La composición de páginas usando tablas con DreamWeaver

Los elementos de las páginas se suelen colocar empleando tablas. Si observa las Webs importantes notará que los elementos de las páginas están ordenados dentro de […]
25 diciembre, 2014
dreamweaver

Estructura de la Web en DreamWeaver

El programa Dreamweaver dispone de un sencillo y práctico sistema para gestionar las Webs. Para gestionar un sitio lo abrimos pulsando sobre Sitio en la Barra […]
25 diciembre, 2014
dreamweaver

Doble vista de código en DreamWeaver

Como hemos comentado en la introdución, Dreamweaver no posee por defecto la posibilidad de 2 vistas de código partidas dentro de un mismo documento. Sin embargo, […]
25 diciembre, 2014
dreamweaver

De FONT a SPAN con Buscar y Reemplazar

En los sitio desarrollados hace tiempo era habitual el uso de etiquetas <font> para aplicar formato al texto. Sin embargo, el uso cada vez más extendido […]
25 diciembre, 2014
dreamweaver

Crear comportamientos de servidor en DreamWeaver

Una de las nuevas características que aparecieron a partir de la versión 4 de Ultradev es la posibilidad de crear nuestros propios comportamientos de servidor de […]
25 diciembre, 2014
dreamweaver

Cambio de tamaño de la ventana activa

A veces es necesario ajustar el tamaño de la ventana del explorador para controlar el diseño o mantener una película Flash en un tamaño específico. Aquí […]
25 diciembre, 2014
dreamweaver

Detectar el navegador en DreamWeaver

La mayoría de los navegantes usan el Explorer, pero desde otros navegadores las cosas suelen verse diferente. Aquí un tutorial para detectar el tipo de navegador […]
25 diciembre, 2014
dreamweaver

Buscador multicriterio en DreamWeaver

La idea de este tutorial es poder mostrarte la forma de crear un buscador que pueda filtrar por distintos criterios. Para poder llevar acabo este tutorial […]
25 diciembre, 2014
dreamweaver

MySQL 4.1 y DreamWeaver

A la hora de tener instalado el MySQL 4.1 y utilizar Macromedia Dreamweaver en entornos Windows te saltara un erro de la validacion del user y […]
25 diciembre, 2014
dreamweaver

Material necesario para realizar Aplicaciones Web

Que se necesita para comenzar a desarrollar aplicaciones web en un ordenador con Windows XP pro. Macromedia Dreamweaver 8 (version actual) —————————————– http://www.macromedia.com/go/trydreamweaver Con esta herramienta […]
25 diciembre, 2014
dreamweaver

Sincronizar archivos en DreamWeaver

Mediante este comando Dreamweaver comprueba, tanto en el sitio local como en el remoto, las correspondencias entre archivos y los actualiza a la versión que deseemos. […]
25 diciembre, 2014
dreamweaver

Ordenar el texto en listas

En muchas ocasiones es interesante ordenar el texto en una lista. En la Barra superior pulsamos sobre Texto tal como se muestra en la siguiente imagen. […]
25 diciembre, 2014
dreamweaver

Paleta de Colores Web

La ‘paleta Web’ es un conjunto de 216 colores que cada administrador de web debe conocer y utilizar para que los visitantes puedan ver las páginas […]
25 diciembre, 2014
dreamweaver

Ventana PopUp con DreamWeaver

Abrir un Pop-Up utilizando DreamWeaver es una tarea muy sencilla. Un PopUp es una nueva ventana que aparece aparte de nuestra web con la peculiaridad de […]
25 diciembre, 2014
dreamweaver

Comprobar Ortografía en DreamWeaver

En DreamWeaver es normal que se redacten textos para los contenidos de una página web y como es normal, se suelen cometer errores de ortografía que […]
25 diciembre, 2014
dreamweaver

Novedades de DreamWeaver 8

En este punto comentaremos las características que aporta esta nueva versión sobre la anterior, Dreamweaver MX 2004. Integración de RSS: con Dreamweaver 8 podrás integrar entradas […]
25 diciembre, 2014
dreamweaver

Includes PHP en DreamWeaver

En una página web hay porciones que siempre se repiten, sobre todo la cabecera y el pie. El problema llega cuando ya tenemos nuestra página hecha, […]
25 diciembre, 2014
dreamweaver

Formatos de imagenes web

Las imágenes pueden ser de muchos formatos diferentes: bmp, gif, jpg, etc. Pero no todos estos formatos son adecuados para una web, debido a que pueden […]
25 diciembre, 2014
dreamweaver

Calcular el Peso y el Tiempo de Carga de una Web

Aunque DreamWeaver nos indica automáticamente el peso y el tiempo de carga de la página web si miramos abajo a la derecha, en la barra de […]
25 diciembre, 2014
dreamweaver

Regla Horizontal en DreamWeaver

El elemento que suele utilizarse para separar secciones dentro de una misma página es la regla horizontal. Una regla horizontal no es más que una línea […]
25 diciembre, 2014
dreamweaver

Resolución de Pantalla

Consideraciones relativas a los distintos tipos de pantalla que pueden tener los visitantes y el espacio disponible para cada caso. Las aplicaciones encargadas de presentar las […]
25 diciembre, 2014
dreamweaver

Navegador de etiquetas en DreamWeaver MX 2004

En Dreamweaver MX 2004 desapareció el panel inspector de etiquetas, pasando el nombre al panel donde se muestran los paneles de comportamientos, CSS relevante y atributos, […]