Las siguientes secciones explican la importancia de la configuración de las consideraciones tamaño de la pantalla de página, longitud de página, y diseño de página para controlar el aspecto de sus páginas en un navegador Web.
Consideraciones de tamaño de pantalla
La mayoría de los usuarios de ordenador se utilizan para desplazarse hacia arriba y hacia abajo para ver las páginas que son más largas que la altura de la pantalla. Sin embargo, pocos usuarios como para desplazarse a la izquierda y derecha para ver páginas que son demasiado amplios. Para evitar el desplazamiento horizontal, el diseño de sus páginas para que quepan dentro de la anchura de la pantalla. Si desea dirigirse a usuarios que administran sus equipos con 800 x 600 de resolución de pantalla (que representan casi todos los usuarios ahora que la de 15 pulgadas y monitores más grandes son comunes), tirar para 780 en el ancho de página como máximo. Si las páginas consisten enteramente en el texto, no tiene que preocuparse por el tamaño de pantalla del navegador Web del usuario se ajusta automáticamente líneas de texto a la anchura de la pantalla. La única vez que usted tiene que preocuparse de ancho de página es cuando está creando una página que incluye elementos que tienen un ancho fijo, como tablas, imágenes o cuadros. La siguiente lista se explica cómo ajustar el ancho de estos tres elementos:
--Cuadros: Establecer el ancho total de una tabla utilizando el atributo de ancho en el
--Imágenes: El tamaño de la imagen determina la amplitud de la imagen aparece en la página. Si la imagen es demasiado grande, puede cambiar el ancho utilizando el atributo de ancho en la tag:
--Marcos: Establecer el ancho de lado a lado mediante el uso de marcos de las columnas (cols) atributo en el
Longitud Page
Aunque la mayoría de los usuarios no les importa desplazarse hacia abajo para ver las páginas que son más largas que la altura de la pantalla, usted debería limitar la duración de sus páginas. Como norma general, trate de limitar sus páginas a dos o tres veces la altura de la pantalla de aproximadamente la misma cantidad de información que pueda ser impreso en una hoja 81/2-x-11-inch de papel.
Diseño de página
La mejor manera de crear un diseño para las páginas Web es la creación de una red básica de elementos comunes que aparecen en el mismo o un acuerdo similar en todas sus páginas. La lista siguiente indica algunos de los elementos que puede necesitar incluir en la cuadrícula de diseño Web. (Dependiendo del contenido de su sitio, usted no puede necesidad de proporcionar todos estos elementos.)
--Área de la cabecera: El área de encabezado aparece en la parte superior de cada página, indicando el título del sitio, título de la página, nombre de la empresa, los botones de navegación del sitio, y cualquier otro elemento que desee colocar en la parte superior de cada página.
--Zona de pie de página: La zona de pie de página aparece en la parte inferior de cada página, posiblemente incluyendo información de contacto, un aviso de copyright, y los botones de navegación.
--Área de texto principal: Esta área contiene el texto principal y las ilustraciones de cada página.
--Área de la barra lateral: Una barra lateral ocupa una franja vertical en la parte izquierda o derecha de cada página. Esta área puede contener elementos tales como una tabla de contenido o en el menú del sitio.
Trabajar con Fondos
Al crear páginas Web, no cometas el error de utilizar una imagen de fondo chillones que hace que su página casi imposible de leer. Si desea utilizar una imagen de fondo de sus páginas, elija una imagen que no interfiera con el texto y otros elementos de la página.
Ajuste el color de fondo
Para establecer el color de fondo de su página Web, siga estos pasos:
1. Añadir el color de fondo (BGCOLOR) Atribuyen a la etiqueta.
2. Escriba un nombre de color para el BGCOLOR atributo. Por ejemplo:
Para obtener más información sobre el uso de color, consulte "Color", anteriormente en este artículo.
Usando una imagen de fondo
Para utilizar una imagen de fondo para su página Web, siga estos pasos:
1. Añadir la ANTECEDENTES atribuir a la etiqueta.
2. Escriba el nombre del archivo de imagen que desea utilizar para el fondo de como ANTECEDENTES valor del atributo, como este:
La imagen de fondo se repite tantas veces como sea necesario para completar la página. Como resultado, el archivo de imagen de fondo no tiene por qué ser muy grande.
Adición de Enlaces
Los enlaces son una parte integral de cualquier página Web. Enlaces deje que su viaje lector a una ubicación diferente, que puede ser una parte del mismo documento HTML, una página diferente, situado en su página Web o una página de un sitio web ubicado en otro lugar diferente en Internet. Todos los que el usuario tiene que hacer para ser transportado a una página diferente, haga clic en el enlace.
Uso de enlaces de texto
Un enlaces de texto es una porción de texto que alguien pueda ver su página, haga clic para saltar a otra ubicación. Para crear un enlace de texto, siga estos pasos:
1. Determinar la dirección de la página que desea que el enlace para saltar a.
2. Escriba un etiqueta en la que desea que aparezca el vínculo en la página.En la etiqueta, utilizar un atributo HREF para indicar la dirección de la página que desea vincular. Por ejemplo:
3. Después de la , etiqueta, escriba el texto que desea que aparezca en su documento como un enlace y añadir un cierre etiqueta, como este:
El oficial de Google Web Page
El texto que aparece entre y se llama de anclaje. La dirección Web que aparece en el atributo HREF se llama el meta. El texto del ancla se muestra en la página Web en un color especial (generalmente azul) y se subraya de manera que la persona que ve la página sabe que el texto es un vínculo. Si la meta se refiere a otra página en el mismo sitio web como la página aparece en el enlace, se puede utilizar sólo el nombre de archivo como el destino. Siempre escriba el nombre de archivo o dirección URL entre comillas. Por ejemplo:
Véase el Asistente para
Cuando un usuario hace clic en el vínculo Ver la asistente, el archivo HTML emerald7.html nombre aparece en la pantalla.
El uso de enlaces gráficos
Un enlace de imagen es una imagen gráfica que un usuario puede hacer clic para saltar a otra página o una ubicación diferente en la página actual. Para crear un enlace de imagen, siga el procedimiento descrito en la sección anterior, "Uso de enlaces de texto." Pero en el paso 3, en lugar de escribir el texto para el vínculo, escriba una etiqueta que contiene un atributo SRC que identifica el archivo de imagen a utilizar para el enlace. Por ejemplo:
En este ejemplo, la imagen gráfica archivo llamado emerald.gif aparece en la pantalla. Si un usuario hace clic en él, el navegador mostrará la página emerald7.html.
Vínculos dentro de la misma página
Para crear un enlace que simplemente se mueve el usuario a otra ubicación en la misma página, siga estos pasos:
1. Asigne un nombre a la sección que desea vincular a al añadir un etiqueta con el NOMBRE atribuyen a la línea de HTML primero de esta sección. Inmediatamente después de la etiqueta con un etiqueta de cierre.
2. Crear un enlace de texto o gráfico a esa sección, escribiendo el nombre de la sección precedida por el símbolo # en la HREF atributo.Aquí hay un ejemplo de una etiqueta que asigna un nombre a una ubicación en un documento:
Aquí está un fragmento de HTML que crea un vínculo que salta a la ubicación llamado "Aquí":
Ir allí!
