Hur man infogar .GIF-filer på min webbplats

click fraud protection
...

Det finns många anledningar till att du kanske vill lägga till en .gif-bild på din webbplats.

Att lägga till en bild på din webbplats kan avsevärt förbättra dess attraktionskraft för besökare. Det vanligaste filformatet för bilder på webben är .jpg och .gif. Indiana University säger att .gif-filer är mest lämpade för bilder med skarpa kanter med minskade färggraderingar. Dessa kan inkludera tecknade serier, text och streckteckningar. Andra fördelar med .gif-filer är möjligheten att ställa in bakgrunden till transparens och att lägga till animering. Att lägga till en .gif-fil på en webbplats är lika enkelt som att ladda upp en fil och skriva en mening.

Steg 1

Öppna administrationspanelen för din webbplats. Detta kommer att vara olika för varje individ eftersom det beror på värdservern du använder eller om du använder program som Dreamweaver för att hantera din webbplats. I huvudsak finns det två huvudtyper av redigeringsprogram – HTML-redigerare eller WYSIWYG. Smashing Magazine förklarar WYSIWYG står för "What You See Is What You Get." Dessa program är utformade för att göra sidbyggandet mer intuitivt. HTML-redigerare kräver att du förstår grunderna i HTML-språket.

Dagens video

Steg 2

Spara din .gif-bildfil i "bilder" eller lämplig mapp på din webbplats. Om du använder ett program på din dator behöver du bara hitta rätt mapp på din hårddisk. Om du använder ett onlineadministrationsgränssnitt måste du ladda upp bilden. Navigera till rätt mapp i din administrationspanel och följ instruktionerna för att ladda upp en fil. I de flesta fall använder du en bläddringsknapp för att hitta .gif-filen på din dator och klickar sedan på "Ladda upp".

Steg 3

Lägg till .gif på webbsidan. På en WYSIWYG-redigerare är allt du behöver göra att dra och släppa bilden där du vill ha den. Förhandsgranska webbplatsen för att se till att sidan visas som du förväntade dig och justera vid behov.

Om du använder en HTML-textredigerare, öppna HTML-sidan där .gif-filen kommer att placeras. Rulla till den punkt i HTML-texten där du vill att .gif ska visas. Lägg till följande rad, ersätt information efter "="-tecknen med information om .gif och lämna citattecken på plats:

Min GIF

Cross Culture förklarar att "img src" betyder "bildkälla". Informationen mellan citaten bör lista namnet på mappen där .gif finns och sedan namnet på .gif. "alt"-taggen hänvisar till texten som visas om bildlänken är bruten, om besökaren har bilder inaktiverade eller för textläsare att avkoda. "Bredd" och "höjd" fastställer den visade storleken på bilden i pixlar. Mellanslagstaggarna definierar hur mycket vertikalt eller horisontellt utrymme som ges runt bilden i förhållande till omgivande innehåll. Kanttaggen lägger till en linje runt bilden och numret inuti citattecken bestämmer dess bredd.

Saker du behöver

  • Dator med internetuppkoppling

  • Administrativ tillgång till webbplatsen

  • Sparad .gif-bild som ska infogas

Dricks

En vanlig användning av en .gif-fil kallas en spacer.gif. Den här bilden är en genomskinlig fyrkant som mäter 1 pixel gånger 1 pixel. Denna .gif-fil ger siddesigners möjlighet att effektivt lägga till förutsägbart utrymme på olika platser i layouten. För att lägga till utrymme under ett textblock, till exempel, kan du placera spacer.gif i ett eget stycke och justera höjden och bredden efter dina önskemål.

Varning

Spara en kopia av webbsidan som du ändrar innan du försöker lägga till den nya .gif och försök arbeta offline om möjligt tills du är nöjd med dina resultat. Detta förhindrar att övningssidor blir offentliga och skyddar din förmåga att börja om om du skulle få problem.