A "gumi" olyan kép, amely képes méretezni. Ilyen képet számítógépes programok segítségével hozhat létre. Kényelme abban rejlik, hogy a kívánt irányban "nyújtózkodik". Az ilyen web létrehozás sikeresen megjelenik bármely böngészőben. Ha a kép tartalmaz néhány hasznos elemet, a "gumi" tulajdonságok növelik annak funkcionalitását.
Szükséges
kép, weboldal, Adobe Photoshop program, Jegyzettömb alkalmazás, HTML-kód, a webhely gyökérkönyvtára
Utasítás
1. lépés
Keressen meg vagy hozzon létre egy képet, amelyet méretezni és elhelyezni szeretne az interneten. Indítsa el az Adobe Photoshop alkalmazást. Nyissa meg ezt a képet a programban. Keresse meg a Szelet eszközt az eszköztáron. Használja a kép darabokra vágását. Ossza fel úgy, hogy az egész kép három grafikai elemből álljon, a középső pedig üres legyen. Ez elősegíti a kép nyújtását a monitor bármely felbontásánál.
2. lépés
Mentse a webes formátumra optimalizált képet (Mentés webre). Mentéskor állítsa be a szükséges fájlformátumot - gif, jpeg vagy png. A kép egyes részeinek megváltoztatásához keresse meg a menüben a Szeletválasztó eszköz opciót, és változtassa meg a kép részeit úgy, hogy a méret minimális legyen, a legkevesebb minőségromlással a képernyőn történő megjelenítés során. A változtatás után mentse el a képeket html-ként és képekként.
3. lépés
Miután elmentette képeit, kezdje el szerkeszteni a HTML-kódot. Nyissa meg a mentett HTML-dokumentumot a Jegyzettömbben. Törölje azokat a kódsorokat, amelyekre nincs szükség. Csak azokat a táblázat adatait tárolja változatlanul, amelyekbe a képeket beágyazta
4. lépés
A sorokban a yourimage
5. lépés
Annak érdekében, hogy a kép középső része megnyúljon, amikor a szélső részek szét vannak osztva, írja be a szükséges információkat a kódsorokba. Adja meg saját képének paramétereit (szélességét és magasságát).
6. lépés
Töltse fel a létrehozott képeket a webhely gyökérkönyvtárába. Adjon meg új utakat a képekhez a szerveren, ezzel szerkesztve a HTML-kódot. Helyezze be a képkódot a címkék közé.
7. lépés
Ellenőrizze a kép tulajdonságait. Próbáld meg online bővíteni. A képnek bármilyen irányban rugalmasnak kell lennie.
