Hvordan Sette Et Bilde På Et Nettsted

Innholdsfortegnelse:

Hvordan Sette Et Bilde På Et Nettsted
Hvordan Sette Et Bilde På Et Nettsted

Video: Hvordan Sette Et Bilde På Et Nettsted

Video: Hvordan Sette Et Bilde På Et Nettsted
Video: How to Add Images using HTML into a Webpage | Lesson 05 | HTML 2024, November
Anonim

Alt som surferen ser på sidene på nettstedet, blir gjengitt for ham av nettleseren, basert på detaljert informasjon sendt av webserveren. Denne informasjonen kalles html-koden for siden og består av separate instruksjoner - "tags", som beskriver utseendet og plasseringen til hvert enkelt element. For å legge til et nytt element (for eksempel et bilde) på en nettside, må du plassere en tilsvarende instruksjon (tag) i kildekoden.

Hvordan sette et bilde på et nettsted
Hvordan sette et bilde på et nettsted

Bruksanvisning

Trinn 1

Legg til et bilde på siden ved hjelp av sideditoren, hvis du har muligheten til å bruke innholdsstyringssystemet. Last først inn ønsket side i redigeringsprogrammet, og sørg for at visuell redigeringsmodus er aktivert. Det kalles noen ganger det engelske akronymet WYSIWYG (What You See Is What You Get). I visuell modus ser siden ut som på nettstedet. Du må klikke med musen stedet der du trenger å sette inn bildet og trykke på knappen "sett inn bilde" på redigeringspanelet.

Steg 2

Velg et bilde fra listen som allerede er tilgjengelig på serveren, som åpner den visuelle redigereren for deg i dialogboksen for å sette inn bilder. Hvis du ikke har lastet den ned ennå, klikker du på søkeknappen for ønsket fil på datamaskinen din ("Bla gjennom"), finner og åpner den, og deretter klikker du på "Last opp" (eller "Last ned") -knappen. På slutten av prosessen med å laste opp filen til serveren, blir bildet lagt til i listen, og du kan også velge det.

Trinn 3

Spesifiser bredden og fargen på rammen rundt bildet, fyllfargen og avstanden mellom rammen og bildet, teksten til popup-verktøytips på sveve. Det skader ikke å spesifisere størrelsen på bildet, selv om dette, som alle innstillinger i denne dialogen (bortsett fra å velge et bilde), er valgfritt. Når du har fylt ut alle nødvendige felt i dialogboksen, klikker du på "OK" -knappen. Dette fullfører prosedyren for å sette inn et bilde, det gjenstår bare å lagre den redigerte siden.

Trinn 4

Hvis du ikke kan bruke sideditoren til kontrollsystemet, eller den ikke har en visuell redigeringsmodus, må du komponere og legge til den nødvendige HTML-koden i kildekoden. Det enkleste alternativet kan se slik ut: Her er img navnet på taggen, og nettleseren bruker den til å konkludere med at et bilde skal vises her. Src-attributtet inneholder adressen og navnet på bildefilen. Hvis filen er plassert i samme mappe som siden, er ikke full URL nødvendig. Du kan legge til en popup-verktøytips når du holder markøren ved hjelp av tittelattributtet, og kantbredden kan spesifiseres i kantattributtet: Erstatt de nødvendige attributtene med verdiene dine og lim inn den resulterende HTML-koden til koden i sidekilden. Dette kan gjøres i en enkel tekstredigerer ved å laste ned kilden fra nettstedets server og deretter laste den opp igjen.

Trinn 5

Last opp bildefilen til nettstedet. Dette kan gjøres ved hjelp av filbehandleren til kontrollsystemet eller panelet til vertsleverandøren, eller du kan bruke det bosatte programmet - FTP-klient. Det første alternativet er lettere, siden det ikke krever installasjon og justering av programmet - filbehandling fungerer direkte i nettleseren.

Anbefalt: