Hvordan sette et bilde i tittelen på en webside

January 25

Tittelen på en webside er ofte det første en seer møter. Som sådan, det tjener til å introdusere innholdet på siden, og kan presentere stilen for hele nettstedet. Et bilde kan være en stor ressurs for tittelen på websiden, forsterke teksten. I Hypertext Markup Language (HTML), er det to måter du kan innlemme bilder til tittelen.

Bruksanvisning

Bildet

1 Skaffe eller designe et bilde i et bilderedigeringsprogram. Hvis du bruker et bilde som ikke er din egen, må du ha copyright tillatelse og gi kreditt til skaperen. Hvis du oppretter et ikon, sørg for at det er 16 piksler med 16 piksler, og har enten utvidelsen Ico eller .png.

2 Sørg for at bildet ikke gjengi teksten på siden din usynlig hvis brukt som bakgrunn. Dersom teksten er svart, og du har tenkt å plassere et bilde under det, sørg for at bildet ditt er hensiktsmessig skjermet og ikke for mørkt.

3 Lagre bildet til samme mappe som websiden.

Bilde som bakgrunn

4 Åpne din webside i et tekstbehandlingsprogram. Sørg for å bruke \ "Åpne med ... \" funksjon i stedet for å dobbeltklikke på HTML-filen selv.

5 Hvis du ønsker å sette et bilde bak tittelen på siden din i nettleservinduet vil du trenger å style bildet på riktig måte. Selv om dette kan gjøres i HTML-koden, ved hjelp av Cascading Style Sheets (CSS) åpner for større fleksibilitet.

6 I CSS, gjøre endringer i body-koden. Bruk bakgrunnsbilde for å angi bildet, background-repeat for å slå av gjentakelser, og background-posisjon for å angi posisjonen til bildet. For eksempel:

kropp {

background-image: URL(\"yourimage.jpg\")

GÅ

background-repeat: no-repeat

GÅ

background-position: 50% 0%

GÅ

}

De background-position modifikasjoner endre bildeposisjonen i forhold til sin padding boks. De er oppført i x%, y% orden. I dette eksempelet vil bildet være 50% på tvers av boksen (med andre ord, i midten) og 0% ned i boksen (på toppen).

7 Åpne websiden i en nettleser, og sørg for at bildet vises som ønsket. Gjør eventuelle nødvendige endringer i HTML og CSS.

The Icon

8 For å lage et ikon som vil gå ved siden av tittelen på fanen nettleser (ofte kalt en \ "favicon \"), må du endre <head> -taggen i HTML. Åpne din webside i et tekstbehandlingsprogram.

9 Hvis ikonet ikke en ico fil, konvertere den til en bruker ikonet konvertering programvare.

10 I <head> -taggen, sett inn følgende <link> -taggen for ikon: