Sådan Indsættes Et Billede I En Overskrift

Indholdsfortegnelse:

Sådan Indsættes Et Billede I En Overskrift
Sådan Indsættes Et Billede I En Overskrift

Video: Sådan Indsættes Et Billede I En Overskrift

Video: Sådan Indsættes Et Billede I En Overskrift
Video: Sådan Indsætter du et billede i Word 2024, November
Anonim

Ofte, med lignende funktionalitet, giver et billede i overskriften på et websted eller en blog den nødvendige individualitet, og de foreslåede skabeloner er på den anden side ofte simpelthen "ansigtsløse". Det er praktisk at placere et firmalogo eller et billede med en geografisk placering eller visse fotografier, der er vigtige for webstedsejeren, øverst.

Et stykke kode, der fører til linket til billedet i sidens overskrift
Et stykke kode, der fører til linket til billedet i sidens overskrift

Nødvendig

Færdigheder i at arbejde i en grafisk editor

Instruktioner

Trin 1

Hvis du har en webstedsadministrator, inkluderer den normalt funktionen "skift billede". I dette tilfælde skal du bare erstatte din egen.

Analysér dit indholdsstyringssystem nøje. Hvis du ikke har den ønskede funktion, skal du komme ind i html-koden. Hvis du arbejder med Joomla, skal du kigge efter filen: mw_joomla_logo.png, den er i billedmappen i skabelonmappen (Joomla emplates template_name imagesmw_joomla_logo. png) Sådan ændres billedet: i html html-site-kode ("view"> "view html code").

Find "header" fremhævet med head tags

Find et billede ved at se på img-tags i titlen

Linket til billedet ser ud som: img src = "picture.jpg"

Trin 2

Download og analyser billedets størrelse og vægt.

Tegn dit eget billede af de samme parametre i en grafikeditor

Upload et billede til serveren, placer det i samme bibliotek, hvor alle billederne på webstedet er (enten i et simpelt netværk eller i et album med billeder, det vigtigste er, at opbevaringen er langvarig)

Trin 3

Åbn webstedskoden igen.

Erstat adressen på dit billede i stedet for den der er der nu.

Som sikkerhedsnet kan du indstille den nøjagtige størrelse af billedet og de usynlige kanter som følger:

img src = "image address / picture.jpg" alt="Forklaring af billedet"

Betydning af tags:

img = billede - billede.

src = kilde - kilde, dvs. adresse

grænse = grænser. Hvis du spiller med denne værdi, vises en kant (streg) omkring billedet.

alt = alternativ - tekst, der erstattes i stedet for billeder, hvis de er slået fra fra visningen (for eksempel at spare trafik). Denne tekst er usynlig og læses stadig af søgemaskiner og kan tjene som et godt værktøj til at promovere dit websted. Gem koden med et nyt billede.

Ryd cachen, hvis det er nødvendigt. Måske er det gamle billede stadig indlæst i det, og det viser ikke dit websted korrekt.

Anbefalede: