Kaip įdėti fono paveikslėlį į HTML?

Ar žinote, kaip įdėti vaizdą į HTML? Kitame straipsnyje mes išmokysime viską, ką reikia žinoti?kaip įdėti fono paveikslėlį į HTML?.

Norėdami žinoti, kaip įdėti fono paveikslėlį į HTML, turime žinoti, ką tai reiškia; HTML, tai programavimo kalba, naudojama tinklalapių turiniui kurti. Dėl to puslapio rodymas yra patrauklus visuomenei, atsižvelgiant į įvairias etiketes, kuriose galite konfigūruoti, šriftus, vaizdus, vaizdo įrašus, be kita ko, iš esmės tai suteikia moderatoriui teisę redaguoti puslapį jūsų malonumui.

HTML 1980 metais sukūrė fizikas Timas Bernersas-Lee, kuris organizacijai, kurioje jis dirbo, pasiūlė naują „hiperteksto“ formą. Šie hipertekstai buvo pastebėti jau seniai; kurie naudojami dalintis dokumentais ir prieiti prie jų.

Timas Bernersas-Lee sujungė jėgas su patyrusiu sistemų inžinieriumi, vardu Robertas Cailliau, su kuriuo jam pavyko užbaigti savo pasiūlymą, pavadintą „Worldwideweb“, ir jie buvo pristatyti jį kvietime, kurį laimėjo.

Po to buvo daug panašių pasiūlymų, 1991 m. Buvo paskelbtas pirmasis dokumentas pavadinimu „HTML -tags“, kurio iki šiol galima ieškoti internete kaip senovę kompiuterių pasaulyje.

Iki 1993 m. HTML jau buvo plačiai naudojamas, kai kurios organizacijos išleido savo versijas ir pasiūlė jas ištaisyti kaip standartinį elementą, tačiau nė viena iš jų nebuvo laikoma galimybe. Šiuo metu buvo gautos lentelės, etiketės ir formos, kurios buvo naudojamos ilgą laiką.

Kalbant apie fono paveikslėlius, juos galima sujungti, atsižvelgiant į pristatymą, todėl racionalu naudoti CSS, kad būtų galima teisingai jį sudaryti, kaip mes apie tai kalbėsime vėliau.

Ar norite pamatyti išsamią pamoką, kaip įdėti fono paveikslėlį į HTML? Kviečiame peržiūrėti šį vaizdo įrašą:

Įdėkite foną į tinklalapį

Pirmas dalykas yra naudoti fono atributą žymoje „Body“, kuriam suteikiamas failo pavadinimas, kurį norime naudoti kaip foną. Gali būti, kad šis failas yra kitame kataloge nei tinklalapis, jei taip yra, turėsime apriboti failo kelią, todėl labai svarbu atsižvelgti į tai, kad jums visada reikės naudoti su failu susijusį path.html, pavyzdžiui: "background = fondo.gif".

Tai leidžia lengvai rasti kelią, jei norite jį pakeisti, ir mes pasiekiame tai, kad mūsų failas gali būti rodomas tinklalapio fone, normalu, kad pradžioje vaizdas rodomas kaip mozaiką, tokiu pačiu būdu tai galima redaguoti.

Fonas kituose elementuose

Fonai gali būti rodomi įvairiuose elementuose, pvz., Lentelėse ir langeliuose, ir žaisti su jais lengva. Norėdami tai pasiekti, mes vėl naudojame tą patį fono atributą, turime turėti tik kitas žymas, pavyzdžiui: "table background = background.gif" arba "td background = background.gif".

Šie elementai, taip pat tinklalapio forma, leido išdėstyti foną prieš CSS kalbos atsiradimą ir žinojimą, todėl buvo praktiškiau išdėstyti foną ir redaguoti tinklalapį.

Patarimai

Žmonės, turintys domeną, nori, kad kurdami savo svetainę ir ją suasmenindami, ji būtų kuo estetiškesnė pagal aptariamą temą. Čia mes galime jums pateikti keletą svarbių ir būtinų patarimų apie lėšų naudojimą tinklalapiuose.

Įdėkite spalvos foną, panašų į paveikslėlį

Svarbu pažymėti, kad patalpinus foną svetainėje, būtina turėti „bgcolor“ atributą, kuris leidžia pasirinkti spalvos foną, kuris gali kontrastuoti su vyraujančiu, kurį šiuo metu laikome mozaika.

Daugelis iš mūsų kada nors turėjome prieigą prie tinklalapių, kuriuose įkeliant jis nerodo jokio vaizdo ar teksto, o tinkamai įkėlus foną matome, kad kažkas buvo parašyta. Taip atsitinka todėl, kad spalvos nėra kontrastingos, bet išlieka numatytosios.

Aiškus pavyzdys yra tada, kai fono paveikslėlis yra tamsios spalvos, o tekstas - baltas, todėl neleidžiama matyti teksto prieš įkeliant vaizdą, o tai gali būti nepatogu, kai puslapyje yra klaida ir nepavyksta įkelti fono , tekstas nebus matomas.

Fonai su vienalyčiu spalvotu vaizdu

Rekomenduojama, kad naudojant vaizdų fonus jie būtų tos pačios spalvų paletės, tai yra, kai paveikslėlyje yra dvi ar daugiau spalvų, turime žinoti, kaip gerai pasirinkti teksto spalvą, kad ji nesimaišytų su fonu, todėl neįmanoma vizualizuoti.

Svarbu turėti švarią spalvų gamą, kurioje viską būtų galima įvertinti be problemų. Siūlome iš anksto suplanuoti ir pasirinkti spalvų paletę, taip išvengsite nereikalingų svetainių redagavimo, kad galėtumėte atidžiai stebėti puslapio estetiką.

Padarykite pakankamai didelį foną

Naudojamo failo dydis yra labai svarbus puslapio darbui ir pristatymui, tikėtina, kad jei pasirinksime nedidelį foną, kompiuteris dirbs per daug, tūkstančius kartų kartodamas mozaiką visame ekrane, o tai nėra labai malonus. akyse (taip pat tai priklausys nuo skonio). Kita vertus, pasirinkęs didesnį foną, kompiuteris galės mažiau dirbti kraudamas vaizdus, o tai bus lengviau vartotojui ir moderatoriui.

Skaitomi tekstai

Lėšos gali veikti prieš jus, kai jos trukdo peržiūrėti informaciją; gana dažnai pasitaiko tokių klaidų. Norėdami to išvengti, spalvų struktūra turi būti tinkamai organizuota.

Spalvų deriniai ir malonus fonas jūsų puslapiui suteiks patrauklų ir funkcionalų įspūdį, nes ne tik atrodys gerai, bet ir bus galima perskaityti informaciją, kuri taip domina vartotoją.

Turime žinoti, kaip priimti gerą sprendimą renkantis spalvas, nes kai kurios iš mūsų pasirinktų gali pasiekti kontrastingumo užduotį, tačiau yra veiksnys, dėl kurio lengva skaityti, o labai stiprios spalvos to gali nepasiekti. .

Atsargiai su skirtingais ekrano apibrėžimais

Kai lankytojas pasiekia puslapį, svarbu turėti kintamo lango dydžio vaizdą; dugnas gali sukelti problemų prisitaikyti. Taip gali būti dėl to, kad naudojant foną galite matyti sumažintus matmenis, o tai reiškia, kad žmogus, turintis aukščiausios klasės matmenis, negali tinkamai matyti puslapio.

Apibendrinant, reikia būti atsargiems su tuo, ką pasirenkame, tai gali būti mums naudinga arba padaryti priešingai. Dabar, kai suprantame, į ką turime atsižvelgti renkantis ir pritaikydami savo foną svetainėje, norėdami galime pritraukti daugiau puslapio lankytojų, pasiūlydami jiems funkcionalumo ir estetikos.

dėmesį: Įdėję turinį į lentelę, nustatydami fono spalvą, užtikrinsime, kad nekiltų problemų, kai norime naudoti vaizdą, dėl kurio jaučiamės nesaugūs arba anksčiau kėlėme nepatogumų.

Fonai su CSS

Anksčiau buvo tik vienas būdas finansuoti svetaines, tai buvo HTML, tačiau tobulėjant technologijoms radome kitų problemų sprendimo būdų. Šiais laikais būtina ir pagrįsta naudoti CSS, kad būtų galima patalpinti foną svetainėje, nes ji leidžia rasti foną visame ekrane arba naudoti jį kaip tam tikro elemento foną.

Norėdami šiek tiek daugiau suprasti, pradėkime nuo supratimo, kas yra CSS ir kodėl įprasta jį naudoti šioje srityje; Ją galima apibrėžti kaip „kaskadinę stiliaus lapų kalbą“, ji naudojama atvirai pritaikyti svetainėse parašytus elementus. Tai praktiškai padeda, kad HTML dokumentas gali būti formuojamas įvairiais būdais.

Visas puslapio fonas

Norėdami įdėti foną visame puslapyje, turime pereiti į skyrių „Kūnas“, kuriame tokiu būdu pritaikysime etiketę „Kūnas“: body {background-color: # ffdd90; fono vaizdas: url ("mano fonas.jpg"); }. Čia mes naudojame vienspalvį foną su atsarginiu fonu.

CSS suteikia mums galimybę pritaikyti fono paveikslėlį kaip grafinį failą ir įdėti jį ant mozaikos ar vienspalvio fono, redaguoti matmenis, pridėti tam tikro poslinkio, be kita ko.

Fono išdėstymas virš elemento puslapyje neturi didelio skirtumo nuo kodo. Pavyzdžiui, jei norime įterpti paveikslėlius į pastraipas arba į meniu įtraukti tam tikrą foną.

Mažos puslapio dalys ir apibrėžti etikečių stilius

CSS gali būti naudojamas apibrėžti mažas puslapių dalis, pritaikyti sumažintas sritis naudojant žymos „Stilius“ atributą, kurį norime redaguoti, ir apibrėžti unikalų žymos stilių. Viskas, ką turime padaryti, tai pakartotinai naudoti Stilius “atributas, nustatantis mūsų pastraipą norima spalva.

Stilius svetainės dalyje

Norėdami tai padaryti, turime pereiti prie etiketės kur mes galime pakeisti skirtingų atributo taikomų puslapio skilčių stilių , así nos preocuparemos por solo personalizar la sección que escogimos.

Tai tik keletas pavyzdžių, ką galite padaryti naudodami CSS, nes šia kalba galite pasiekti daug įvairių tikslų, tačiau visada gerai nepykti ir prisiminti, kad turime ieškoti funkcionalumo ir paprastumo gero skaitymo.

Jei išmokote įterpti fono paveikslėlį į HTML, kviečiame perskaityti kitą mūsų straipsnį: Kas yra XML?.