Kai kuriate savo svetainę, natūraliai norite, kad ji būtų rodoma kuo patraukliau, neatsižvelgiant į vartotojo naršyklės versiją. Visų pirma, kad fono paveikslėlis būtų ištemptas ir pritaikytas pagal kompiuterio monitoriaus skiriamąją gebą.
Tai būtina
darbo su html, css, java-script įgūdžiai
Nurodymai
1 žingsnis
Atidarykite savo svetainės kodą bet kuriame redaktoriuje, pvz., „Notepad“arba specialioje interneto dizaino programoje „Dreamweaver“. Įklijuokite šias eilutes į kodą, kad ištemptumėte svetainės foną. Pridėti foną: url (‘Įterpti nuorodą į vaizdą’).
2 žingsnis
Norėdami paveikslėlį horizontaliai padidinti, naudokite šį kodą: Fonas: URL („Įterpkite nuorodą į atvaizdą“pakartokite-x), vertikaliai - kodo pabaigoje pakeiskite x y. Jei svetainė yra sukurta CSS faile, įklijuokite kodą į ją. Tokiu būdu galėsite įdėti guminį foną į savo svetainę.
3 žingsnis
Naudokite šį kodo pavyzdį, jei norite įdėti fono paveikslėlį į puslapį ir automatiškai jį ištempti, kad atitiktų monitoriaus, kuriame puslapis peržiūrimas, skiriamąją gebą. Kodo pavyzdys: body {background: "Įterpti nuorodą į fono paveikslėlį" () no-pakartoti fiksuotą kairįjį centrą; tada fono dydis: […].
4 žingsnis
Norėdami ištempti fono paveikslėlį, tiesiog įterpkite paveikslėlį kaip foną ir nustatykite jo plotį 100%. Pavyzdžiui, į puslapio kodą įterpkite šį tekstą: fono paveikslėlis "alt =" Įveskite atvaizdo pavadinimą "/>. Taigi, jis bus pritaikytas paveikslėlio pločiui, tačiau jo proporcijos bus pažeistos.
5 žingsnis
Panašiai galite nustatyti atvaizdo aukštį, vietoj plotio atributo naudokite aukštį. Arba naudokite šį „css“kodo pavyzdį: svetainės fono paveikslėlis) "> ir po jo pridėkite 100% vaizdo pločio, kaip ir ankstesniame pavyzdyje. Taip pat galite naudoti scenarijų norėdami sužinoti vartotojo ekrano skiriamąją gebą ir redaguoti dydį savo stalo už tai.
