Hur Man Gör En Gummibild

Innehållsförteckning:

Hur Man Gör En Gummibild
Hur Man Gör En Gummibild

Video: Hur Man Gör En Gummibild

Video: Hur Man Gör En Gummibild
Video: ✈️ ⚡Hur man gör världsrekord pappersflygplan för längsta flygavstånd ✈️ 2024, November
Anonim

"Gummi" är en bild som har förmåga att skala. Du kan skapa en sådan bild med hjälp av datorprogram. Dess bekvämlighet ligger i det faktum att det "sträcker sig" i önskad riktning. Sådan webbskapande visas framgångsrikt i vilken webbläsare som helst. Om bilden innehåller några användbara element ökar egenskaperna för "gummi" dess funktionalitet.

Hur man gör en gummibild
Hur man gör en gummibild

Det är nödvändigt

bild, webbplats, Adobe Photoshop-program, Notepad-applikation, HTML-kod, rotkatalog på din webbplats

Instruktioner

Steg 1

Hitta eller skapa en bild som du vill skala och placera på Internet. Starta Adobe Photoshop. Öppna den här bilden i programmet. Hitta skivverktyget i verktygsfältet. Använd den för att klippa bilden i bitar. Dela upp den så att hela bilden består av tre grafiska element och den centrala är tom. Detta hjälper bilden att sträcka sig vid vilken bildskärmsupplösning som helst.

Steg 2

Spara bilden optimerad för webbformatet (Spara för webben). När du sparar ställer du in önskat filformat - gif, jpeg eller png. För att ändra enskilda delar av bilden, hitta alternativet Slice Select Tool i menyn och ändra delarna av bilden så att storleken är minimal med minst förlust av kvalitet under rendering på skärmen. Spara bilderna som html och bilder efter ändring.

Steg 3

När du har sparat dina bilder, börja redigera HTML-koden. Öppna det sparade html-dokumentet i Anteckningar. Radera kodrader som inte behövs. Håll endast data i tabellen där bilderna är inbäddade oförändrade

Steg 4

I raderna, istället för yourimage.gif, ange sökvägen till bilderna på din dator. Höjd och bredd måste vara lämplig.

Steg 5

För att få den mellersta delen av bilden att sträcka sig, när de extrema delarna sprids isär, skriv nödvändig information i kodraderna. Ange parametrarna (bredd och höjd) för din egen bild.

Steg 6

Ladda upp de skapade bilderna till rotkatalogen på webbplatsen. Ange nya sökvägar till bilder på servern och redigera därmed HTML-koden. Infoga bildkoden mellan taggarna.

Steg 7

Kontrollera bildens egenskaper. Försök att skala upp det online. Bilden måste vara flexibel i alla riktningar.

Rekommenderad: