Alt som den besøkende ser på sidene på nettstedet, vises av nettleseren basert på detaljerte instruksjoner som serveren har sendt til ham. Disse instruksjonene kalles html-koden til siden og består av separate "koder" som beskriver typen, utseendet og plasseringen av hvert element individuelt. For å plassere et nytt element (for eksempel et bilde) på en side, må du legge til en tilsvarende instruksjon - en tag - til kildekoden. Tenk på den enkleste måten å gjøre dette på.
Bruksanvisning
Trinn 1
Hvis du bruker noe slags innholdsstyringssystem, er det veldig sannsynlig at det inkluderer en side editor. Først må du åpne ønsket side i denne redaktøren. Videre - alternativer er mulige. I beste fall vil sideeditoren ha en "visuell modus", med andre ord - "WYSIWYG-modus" (What You See Is What You Get - "what you see is what you get"). I denne modusen trenger du ikke å håndtere den opprinnelige html-koden i det hele tatt! Siden i redigeringsprogrammet vil se ut som på nettstedet, det vil være nok til å stikke musen på ønsket sted og trykke på knappen "sett inn bilde" på redigeringspanelet.
Steg 2
Som et resultat åpnes en dialogboks der du må velge ønsket bilde. Hvis du ikke har lastet det opp ennå, er det også en knapp for å velge et bilde på datamaskinen din og laste den opp til serveren. I tillegg kan du i denne dialogen stille farge og bredde på rammen rundt bildet, avstanden og fargen på fyllingen mellom rammen og bildet, teksten til verktøytipsen. Det er ikke nødvendig å spesifisere dimensjonene her, men av grunner til å fremskynde sidelastingen og for å forhindre forvrengning av designet, er det fortsatt bedre å gjøre dette. Når alle nødvendige felt i dialogboksen er fylt ut, klikker du "OK" og deretter lagrer du den redigerte siden.
Trinn 3
På grunn av det faktum at det ikke er noen standard for kontrollsystemer, kan prosedyren for å sette inn et bilde i den visuelle modusen til systemet ditt variere noe, men prinsippet vil være det samme. Av samme grunn kan det hende at WYSIWYG-modus ikke vises i nettstedets administrasjonssystem. Da må du fremdeles redigere kildekoden til siden i HTML (HyperText Markup Language - "hypertext markup language"). Du må sette inn en tagg på riktig sted i koden som ber nettleseren om å vise bildet her. I sin enkleste form skal det se slik ut: Her er den "relative adressen" til bildet - på denne adressen bør nettleseren kontakte serveren for å få bildefilen fra den. Hvis adressen er relativ, vil nettleseren anta at filen er i samme servermappe som selve siden (eller i en undermappe). Men for ikke å ta feil, er det bedre å spesifisere "absolutt adresse" - for eksempel slik: For at serveren skal finne og sende bildet til nettleseren, bør det naturligvis lastes opp til den angitte plassering. Den enkleste måten å gjøre dette på er gjennom filbehandleren, som finnes i hvert innholdsstyringssystem, så vel som i kontrollpanelet til vertsfirmaet ditt. Du kan også gjøre dette ved hjelp av FTP-protokollen (File Transfer Protocol - "file transfer protocol"), ved hjelp av et spesielt program - FTP-klient. Det er mange av dem, både betalte og gratis - for eksempel Cute FTP, FlashFXP, WS FTP, etc. Men selvfølgelig vil det ta tid å installere, mestre og konfigurere programmet, så en filbehandling for å laste ned alt du trenger gjennom en nettleser er et enklere alternativ.
Trinn 4
I tillegg til adressen i html-koden til bildet, kan du spesifisere tilleggsinformasjon - "attributter" til koden. For eksempel inneholder attributtet alt="Image" teksten for verktøytipsen som dukker opp når du holder musepekeren over bildet: Den kan erstattes med - title attribute: - Størrelsen på rektangelet der nettleseren skal vis bildet er angitt av attributt for bredde og høyde: - Rammeattributtet angir bredden på rammen rundt bildet (i piksler): Hvis bildet er laget som en lenke, vil nettleseren tegne en blå ramme rundt det. For å bli kvitt det, sett kantverdien til null: - De to andre attributtene inneholder informasjon om mengden innrykk av bildet fra tilstøtende elementer (fra tekstlinjer, andre bilder osv.) - hspace angir størrelsen på innrykk horisontalt (venstre og høyre), vspace - vertikalt (nederst og øverst):
