L'"intestazione", ovvero la parte superiore della pagina web, rende unico il tuo sito, gli permette di differire dagli altri e rispecchia le specificità del tuo progetto Internet. Con l'aiuto di un'intestazione originale e ben fatta, puoi decorare e perfezionare qualsiasi pagina web, e per creare l'intestazione da solo, devi imparare come layout questo elemento web.
Istruzioni
Passo 1
Se vuoi che il tuo sito abbia dimensioni statiche e costanti, devi creare un'intestazione statica che non cambia a seconda della variazione della larghezza dello schermo. Determina la larghezza e l'altezza dell'intestazione (ad esempio, 996x230) e inserisci un'immagine di sfondo nel blocco superiore utilizzando il seguente codice CSS, dove header-1.jpg
sfondo: # a6b7d3 url (img / header-1.jpg) no-repeat;
larghezza: 996 px;
altezza: 230px;
} Il codice HTML per un'intestazione di questo tipo sarà simile a questo:
Passo 2
Se il sito è costruito in modo tale che le sue dimensioni siano adattate alla larghezza dello schermo, l'intestazione dovrebbe essere composta tenendo conto di tutte le principali risoluzioni del monitor. La larghezza massima di tale intestazione dovrebbe essere 1920 pixel. Per inserire tale intestazione, usa il codice CSS: #header {background: # a6b7d3 url (img / header-2.jpg) no-repeat center; altezza: 250px;} Il codice HTML in questo caso è simile al precedente. Il codice CSS è stato modificato in alcuni parametri: ora ha un attributo per centrare l'immagine dell'intestazione, che gli consente di adattare lo sfondo a qualsiasi larghezza dello schermo.
Passaggio 3
Puoi anche creare un'intestazione più complessa, tagliata in diversi blocchi di sfondo, che cambieranno la loro posizione a seconda delle dimensioni della finestra. Il CSS per tale intestazione è più complesso ed esteso e comporta la ripetizione di diversi elementi di sfondo in base alle dimensioni fluttuanti della finestra del browser in cui è possibile visualizzare il tuo sito.
