Hoy en día, los sitios web de calidad deben verse bien en una amplia variedad de resoluciones de pantalla. Para hacer esto, es necesario que los elementos de diseño de la página se escalen dentro de amplios límites. Esto se aplica principalmente al encabezado del sitio.
Es necesario
la capacidad de cambiar el marcado de las páginas del recurso
Instrucciones
Paso 1
Usar una plantilla adecuada es una solución universal que le permite no solo estirar, sino también comprimir el encabezado, así como otros elementos de diseño. Puede utilizar plantillas estándar proporcionadas por alojamiento gratuito o distribuidas libremente en Internet. Cualquier plantilla requiere revisión y adaptación. Es recomendable cambiar todos los gráficos para que el sitio sea único. Nunca use un diseño estándar. Deje el marcado de la página, su "esqueleto" y "carne", el contenido y los elementos de diseño, reemplácelos con los suyos. El uso cuidadoso de las plantillas le permite ahorrar tiempo al desarrollador, que puede dedicar a llenar el sitio con información o expandir las capacidades del servicio.
Paso 2
Si la página ya está compuesta, puede intentar estirar el encabezado usted mismo. Esto requiere conocimientos básicos de HTML y CSS. Si el encabezado del sitio está diseñado como un solo archivo gráfico, puede intentar comprimir y estirar su imagen según el ancho de la ventana. Este método funciona bien si el factor de escala es pequeño. Si excede el ancho de la imagen en un cuarto o más, la calidad de la imagen se verá afectada. Los píxeles individuales que forman la imagen se harán visibles.
Paso 3
Para que la imagen siga siendo de alta calidad, pero al mismo tiempo ocupe todo el espacio asignado, es necesario dividirla en partes separadas. Suele ser el lado derecho, izquierdo y central. Es deseable que la imagen tenga un fondo que sea sólido en ancho, con lo que se pudieron rellenar los huecos que surgen entre las partes del encabezado. Las dos imágenes que forman los bordes del encabezado deben adjuntarse a los lados izquierdo y derecho del contenedor. Envuelve la imagen central en una etiqueta. Allana el espacio restante con una imagen de fondo de un píxel de ancho.
Paso 4
Otra forma sencilla es crear una imagen que sea intrínsecamente más grande que la pantalla más grande. La imagen se establece como fondo en el centro de la sección del encabezado. La desventaja es el gran "peso" de la imagen y, como resultado, el largo tiempo de carga. La combinación de los métodos anteriores evita la mayoría de los efectos negativos.
