Hvordan lage en GIF-fil webside

Hvordan lage en GIF-fil webside


GIF står for Graphics Interchange Format. Nettsteder ofte bruker bilder i GIF-format fordi de er universelt støttet og lese selv i eldre nettlesere. Andre fordeler med GIF-bilder inkluderer muligheten til å lage animasjoner og gjennomsiktig bakgrunn. GIF begrenser bilder til 256 farger som skaper en liten filstørrelse. Lag en GIF webside som har en GIF-bilde av seg selv eller sammen med flere websidekomponenter.

Bruksanvisning

1 Last opp din GIF-fil på webserveren din ved hjelp av FTP eller fil administrere systemet leveres av din web host. For enklest koding, laste opp GIF-fil i samme katalog som websidene dine. Hvis du har et bestemt bilde sub-katalog i rotkatalogen (der nettsidene er plassert), laste opp filen inn i bildet katalog i stedet. Alternativt, laste opp bildet på en gratis image hosting nettsted som Flickr Image Shack eller Photobucket.

2 Åpne en HTML-editor og opprette en ny HTML-side. Bruk følgende HTML-kode for å lage en nettside der GIF-fil vises.

<HTML>

<BODY>

</ BODY>

</ HTML>

3 Legg til GIF-fil ved å sette inn følgende kode mellom <BODY> og </ BODY> tags:

<Img src = "filename.gif" ALT = "Image Description">

Erstatt "filnavn" med navnet på GIF-fil.

Hvis GIF-fil ligger i en undermappe, deretter erstatte "filename.gif" med "/images/filename.gif." Bytt ut ordet "bilder" med underkatalogen navn hvis katalogen bruker et annet enn navnet "bilder."

Hvis du lastet opp bildet til et gratis bilde nettsteder, deretter erstatte "filename.gif" med hele nettadressen til nettstedet bildet.

For eksempel:

<Img src = "http://www.samplefreeimagewebsite.com/filename.gif" ALT = "Image Description">

Bytt ut ordene "Image Description" etter "ALT" tag med ord som beskriver bildet. Teksten etter "ALT" tag vises i enkelte nettlesere når en bruker flytter sin musen over bildet. Den "ALT" tag kan også erstatte bilder på mobile enheter eller nettlesere der brukerne har deaktivert bildevisning.

4 Ta med størrelsen på bildet innenfor "img" tags ved å legge til høyde og bredde koder med følgende format:

<Img src = "filename.gif" ALT = "Image Description" width = "100" height = "200">

5 Endre koden for å sentrere GIF bildet på siden som følger:

<CENTER> <img src = "filename.gif" ALT = "Image Description" width = "100" height = "200"> <CENTER>

6 Lagre HTML-siden og laste det opp på webserveren din nettside katalog.

Hint

  • Finn ut bredden og høyden av et bilde ved å velge "bildestørrelse" innenfor grafisk design software.
  • Hvis du ønsker å vise bildet på en nettside i en annen størrelse enn den faktiske størrelsen på bildet, kan du inkludere "width" og "høyde" tags av ønsket størrelse. Grafisk eksperter, men anbefaler at du endrer størrelse innenfor et grafisk design programvare i stedet, da dette vil vise et klarere bilde på nettsiden.