„Guma“yra paveikslėlis, galintis keisti mastelį. Tokį paveikslėlį galite sukurti naudodami kompiuterines programas. Jo patogumas slypi tame, kad jis „tęsiasi“norima kryptimi. Toks žiniatinklio kūrimas sėkmingai rodomas bet kurioje naršyklėje. Jei paveikslėlyje yra keletas naudingų elementų, „gumos“savybės padidina jo funkcionalumą.
Tai būtina
vaizdas, svetainė, „Adobe Photoshop“programa, „Notepad“programa, HTML kodas, jūsų svetainės šakninis katalogas
Nurodymai
1 žingsnis
Suraskite arba sukurkite vaizdą, kurį norite keisti masteliu ir įdėti į internetą. Paleiskite „Adobe Photoshop“. Atidarykite šį vaizdą programoje. Įrankių juostoje raskite „Slice“įrankį. Naudokite jį supjaustyti vaizdą į dalis. Padalinkite jį taip, kad visas paveikslėlis būtų sudarytas iš trijų grafinių elementų, o centrinis - tuščias. Tai padės vaizdui ištempti bet kokią monitoriaus skiriamąją gebą.
2 žingsnis
Išsaugokite vaizdą, optimizuotą žiniatinklio formatui (Išsaugoti žiniatinkliui). Įrašydami nustatykite reikiamą failo formatą - gif, jpeg arba png. Norėdami pakeisti atskiras paveikslėlio dalis, meniu suraskite parinktį „Slice Select Tool“ir pakeiskite vaizdo dalis taip, kad dydis būtų minimalus, o ekrane pateikiant ekraną netektų kuo mažiau kokybės. Pakeitę išsaugokite atvaizdus kaip HTML ir atvaizdus.
3 žingsnis
Išsaugoję atvaizdus, pradėkite redaguoti HTML kodą. Atidarykite išsaugotą HTML dokumentą „Notepad“. Ištrinkite visas nereikalingas kodo eilutes. Nekeiskite tik lentelės, kurioje įdėti vaizdai, duomenys
4 žingsnis
Eilutėse vietoj „yourimage.gif“nurodykite kelią į vaizdus kompiuteryje. Aukštis ir plotis turi būti tinkami.
5 žingsnis
Norėdami, kad vidurinė vaizdo dalis būtų ištempta, kai kraštinės dalys išsiskirsto, kodo eilutėse įrašykite reikiamą informaciją. Nurodykite savo atvaizdo parametrus (plotį ir aukštį).
6 žingsnis
Sukurtus vaizdus įkelkite į pagrindinį svetainės katalogą. Nurodykite naujus vaizdus serveryje, tokiu būdu redaguodami HTML kodą. Įterpkite paveikslėlio kodą tarp žymų.
7 žingsnis
Patikrinkite paveikslėlio savybes. Pabandykite jį išplėsti internete. Vaizdas turi būti lankstus bet kuria kryptimi.
