"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.
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.