Vaizdai pagyvina svetainę, domina lankytojus, daro šaltinį ryškų ir įsimintiną. Be nuotraukų ir piešinių, bet kuri svetainė, net turint labai įdomų ir vertingą tekstą, atrodys nuobodi ir neišsami. Paprasta vaizdų įterpimo į svetainę procedūra leis jūsų ištekliams tapti spalvingesniems ir pritraukti naujų nuolatinių lankytojų.
Tai būtina
- - savo svetainę
- - piešinys, kuris bus patalpintas svetainėje
- žinoti, kas yra HTML kodas
Nurodymai
1 žingsnis
Norėdami padaryti nuotrauką svetainėje, įkelkite vaizdą į svetainės failų saugyklą. Failus į svetainę galima įkelti naudojant „failų tvarkyklę“arba per ftp. Dėl konkrečių instrukcijų, kaip įkelti failus, susisiekite su savo prieglobos paslaugų teikėju (kas priima jūsų svetainę).
2 žingsnis
Atsisiuntę paveikslėlį, sužinokite jo nuorodą. Nuoroda į jūsų paveikslėlį atrodys taip: http: ⁄ ⁄ website / img1.jpg. Jei radote paveikslėlį internete ir žinote jo nuorodą, žinoma, galite naudoti tokią nuorodą; bet geriau išsaugoti šią nuotrauką ir įkelti ją į savo svetainę per „failų tvarkyklę“, nes kai ištrinsite nuotrauką iš kitos svetainės, ji nebus rodoma ir jūsų ištekliuose.
3 žingsnis
Gavę norimo paveikslėlio nuorodą, įklijuokite jį tarp kabučių šiame HTML kode:. Turėtumėte gauti tokią konstrukciją:. Vietoj „http: ⁄ ⁄ website / img1.jpg“turėtų būti nuoroda į jūsų paveikslėlį. Šis įrašas turi būti dedamas tinkamoje vietoje jūsų svetainės HTML kode.
4 žingsnis
Jei svetainėje reikia koreguoti atvaizdo dydį, tada HTML kode nurodykite norimą vaizdo plotį ir aukštį. Peržiūros įrašas rodo vaizdo plotį pikseliais, o įrašas - vaizdo aukštį pikseliais, kur skaičius kabutėse yra pikselių skaičius. Bendras atvaizdo kodas su nurodytais matmenimis atrodo taip: Kode esančius skaičius pakeiskite norimu vaizdo pločiu ir aukščiu.
5 žingsnis
Nereikia nurodyti vaizdo pavadinimo, kad žiūrėdamas svetainę režimu be vaizdų, lankytojas galėtų suprasti, kokie vaizdai yra svetainėje. Norėdami pridėti pavadinimą, į vaizdo išvesties kodą įterpkite šį įrašą: alt="Pavadinimas". Vietoj žodžio „Pavadinimas“parašykite savo nuotraukos pavadinimą. Todėl svetainėje esantis vaizdas turės šį HTML kodą:.