Cómo crear diseños de página web avanzadas para su sitio web de negocios

Las personas con cierta experiencia en la creación sitios web de negocios suelen utilizar tablas para maquetar. Podrían ser hasta el callejón de un tipo aventurero que quiere iniciar un negocio en línea.

Establecer las mesas para sus clientes

Las tablas son para los diseñadores lo que las estadísticas son para los amantes del deporte. Ellos proporcionan otro medio para presentar información de una manera gráfica interesante. Las mesas estaban destinados originalmente para presentar datos tabulares “” en columnas y filas, como una hoja de cálculo. Sin embargo, mediante el uso de técnicas avanzadas de HTML, puede hacer tablas en una parte mucho más integrado y sutil de su página web.

Debido a que usted puede crear fácilmente una tabla básica usando editores de páginas web, como Dreamweaver, GoLive, y Expression Web, comenzando con una de estas herramientas tiene sentido. Algunos ajustes con HTML son probablemente inevitable, sin embargo, especialmente si desea utilizar tablas para crear columnas en blanco en una página web. Aquí está una reducción rápida de las principales etiquetas HTML utilizadas para las tablas:

encierra toda la tabla. los frontera atributo establece el ancho de la línea alrededor de las células.
encierra una fila de la tabla, un conjunto horizontal de las células.
define el contenido de una celda individual. los altura y anchura atributos de control del tamaño de cada celda. Por ejemplo, el siguiente código le dice a un navegador que la celda de la tabla es de 120 píxeles de ancho:
```
 Contenido de la celda 
```

Celdas de una tabla pueden contener imágenes, así como texto. Además, las células individuales pueden tener diferentes colores de las células a su alrededor. Usted puede añadir un color de fondo a una celda de la tabla añadiendo el bgcolor atribuir a la etiqueta de celda de la tabla.

El diseñador inteligente puede utilizar tablas de manera oculta para concertar una página entera, o una gran parte de la página, haciendo dos cosas:

Ajuste el borde de la tabla a 0. Si lo hace, hace que el esquema de la tabla invisible, por lo que el espectador ve sólo el contenido de cada celda, no las líneas limítrofes de la célula.
Llenar algunas celdas de la tabla con el espacio en blanco. Actúan como columnas vacías que añaden más espacio en blanco a una página.

La página parece estar dividida en tres columnas, pero las “columnas” son celdas de una tabla con bordes que no son visibles.

Romper la rejilla con capas

Mesas y otro conjunto de herramientas de diseño prácticamente obsoletos llamados marcos de armonizar la organización y la interactividad a las páginas web, sino que limitará su contenido a filas y columnas. Si se siente confinado por la vieja arriba-abajo, izquierda, derecha rutina, explorar capas para organizar el contenido de su página web.

Capas, como celdas de la tabla y los marcos, actuar como contenedores de texto e imágenes en una página web. Las capas son únicos, ya que se pueden mover libremente en la página - que pueden superponerse entre sí y “sangrar” derecho al margen de la página.

Capas llevan algunas grandes desventajas: No se puede crear con cualquier editor web. Microsoft Expression Web es una buena opción, ya que le permite crear capas utilizando hojas de estilo en cascada (CSS) para que aparezcan los comandos de precisión por casi todos los navegadores.

Con cualquiera de Dreamweaver o Expression Web, se puede dibujar una capa directamente en la página web que está creando. Se agrega texto o imágenes a la capa, y luego cambiar el tamaño o cambia su posición en la página haciendo clic y arrastrando libremente. El resultado es un diseño innovador página que no se ajuste a la red habitual.

Lograr la coherencia con Cascading Style Sheets

las hojas de estilo en cascada (CSS) son las herramientas de elección entre los diseñadores que desean observar las normas que se han establecido en Internet y que quieren asegurarse de que sus páginas web tienen el mismo aspecto de un navegador a. Si usted tiene una opción sobre cómo diseñar una página, y desea artículos precisamente posición, mientras que la creación de diseños que son fácilmente actualizable, mira en CSS.

Si desea crear diseños, con todas las funciones de vanguardia, es necesario utilizar CSS. Los principales programas de diseño web - Dreamweaver, GoLive, y Expression Web - Todos los diseños CSS de apoyo. En lugar de aprender CSS desde cero, elija una de estas aplicaciones y deja que haga el trabajo por usted.

Estándares como CSS y XML son importantes porque le permiten llegar a la mayor cantidad de espectadores posibles. UN hoja de estilo es un documento que contiene el formato de una página web. Al separar el formato del contenido, aplicar rápidamente el mismo formato a varias páginas web.

También puede actualizar el diseño de un sitio web completo con facilidad: En lugar de cambiar un encabezado de Arial Verdana a 20 veces por separado en 20 páginas web, por ejemplo, cambiar una vez, y todas las páginas que tienen la hoja de estilo adjunto a ellos tienen sus partidas actualizan todos a la vez.