El "encabezado", o la parte superior de la página web, hace que su sitio sea único, permite que se diferencie de otros y refleje los detalles de su proyecto de Internet. Con la ayuda de un encabezado original y bien hecho, puede decorar y refinar cualquier página web, y para hacer el encabezado usted mismo, necesita aprender a diseñar este elemento web.
Instrucciones
Paso 1
Si desea que su sitio tenga dimensiones estáticas y constantes, debe crear un encabezado estático que no cambie según el cambio en el ancho de la pantalla. Determine el ancho y alto del encabezado (por ejemplo, 996x230) e inserte una imagen de fondo en el bloque superior usando el siguiente código CSS, donde header-1.jpg
fondo: # a6b7d3 url (img / header-1.jpg) sin repetición;
ancho: 996px;
altura: 230px;
} El código HTML para un encabezado de este tipo se verá así:
Paso 2
Si el sitio está construido de tal manera que sus dimensiones se ajustan al ancho de la pantalla, el encabezado debe componerse teniendo en cuenta todas las resoluciones principales del monitor. El ancho máximo de dicho encabezado debe ser de 1920 píxeles. Para insertar dicho encabezado, use el código CSS: #header {background: # a6b7d3 url (img / header-2.jpg) no-repeat center; height: 250px;} El código HTML en este caso es similar al anterior. El código CSS se ha cambiado en algunos parámetros; ahora tiene un atributo para centrar la imagen del encabezado, lo que le permite ajustar el fondo a cualquier ancho de pantalla.
Paso 3
También puede crear un encabezado más complejo, cortado en varios bloques de fondo, que cambiarán su posición según el tamaño de la ventana gráfica. El CSS para dicho encabezado es más complejo y extenso, e implica la repetición de varios elementos de fondo de acuerdo con las dimensiones flotantes de la ventana del navegador en la que se puede ver su sitio.
