"Rubriken", eller överst på webbsidan, gör din webbplats unik, låter den skilja sig från andra och återspegla specifikationerna för ditt internetprojekt. Med hjälp av en original och välgjord rubrik kan du dekorera och förfina vilken webbsida som helst, och för att göra rubriken själv måste du lära dig att utforma detta webbelement.
Instruktioner
Steg 1
Om du vill att din webbplats ska ha statiska, konstanta dimensioner, måste du skapa en statisk rubrik som inte ändras beroende på förändringen i skärmens bredd. Bestäm bredd och höjd på rubriken (till exempel 996x230) och infoga en bakgrundsbild i det övre blocket med följande CSS-kod, där header-1.jpg
bakgrund: # a6b7d3 url (img / header-1.jpg) no-repeat;
bredd: 996px;
höjd: 230 px;
} HTML-koden för en rubrik av den här typen ser ut så här:
Steg 2
Om webbplatsen är byggd på ett sådant sätt att dess dimensioner justeras till skärmens bredd bör rubriken vara typsatt med hänsyn till alla större bildskärmsupplösningar. Den maximala bredden på en sådan rubrik bör vara 1920 pixlar. För att infoga en sådan rubrik, använd CSS-koden: #header {background: # a6b7d3 url (img / header-2.jpg) no-repeat center; höjd: 250px;} HTML-koden i det här fallet liknar den tidigare. CSS-koden har ändrats i vissa parametrar - nu har den ett attribut för att centrera rubrikbilden, vilket gör att den kan passa bakgrunden till vilken skärmbredd som helst.
Steg 3
Du kan också skapa en mer komplex rubrik, skuren i flera bakgrundsblock, som ändrar deras position beroende på visningsportens storlek. CSS för en sådan rubrik är mer komplex och omfattande och innebär att flera bakgrundselement upprepas i enlighet med de flytande dimensionerna i webbläsarfönstret där din webbplats kan visas.
