daug naujų išdėstymą, tiesiog gauti į kuriant svetaines širdyje, dažnai stebisi, kaip html padaryti fono paveikslėlį.Ir jei kai kurie iš jų gali susidoroti su šia problema, jūs vis dar turite problemų per ruožas visą plotį dėl monitoriaus vaizdas.Tuo pačiu metu norėčiau pamatyti svetainėje yra rodomas visose naršyklėse, todėl ji turi atitikti reikalavimus krossbrauzernosti.Galite nustatyti fono dviem būdais: naudojant HTML žymes ir CSS stilius.Kiekvienas už save pasirenka geriausią variantą.Žinoma, CSS stilius yra daug patogiau, nes kodas yra saugomas atskirame faile ir neužima papildomos garsiakalbius į pagrindinę svetainę žymeles, bet pirmiausia apsvarstyti paprastą būdą nustatyti fono paveikslėlį svetainėje.
pagrindinį HTML žymes sukurti foną
Taigi, eikite į klausimą, kaip padaryti fono paveikslėlį į HTML ekrane klausimą.Norint atrodyti gražiai svetainę, jums reikia suprasti gana svarbi detalė: jis yra pakankamai tiesiog padaryti gradientas fone arba vientisos spalvos dažyti, bet jei norite įterpti paveikslėlį į foną, tai bus ne ruožas visą plotį monitoriaus.Vaizdas iš pradžių buvo būtina pasiimti arba padaryti savo dizainą su šio pratęsimo, kuriame jums bus rodomas puslapyje.Tik tada, kai fono paveikslėlį yra pasirengusi, perkelti jį į aplanką, pavadintą «paveiksliukai».Be to, mes bus saugomi visų panaudotų vaizdus, animacijas, ir kitus vaizdo failus.Šis aplankas turėtų būti šakniniame kataloge failą su visa savo html.Dabar galite pereiti prie kodo.Yra keletas variantų įrašymo kodas, pagal kurį modelis bus pakeisti paveikslėlį.
- Parašyti atributas žymė.
- per CSS stiliaus HTML kodą.
- Parašyti CSS stilius atskirame faile.
Kaip html padaryti fono paveikslėlį, jums nuspręsti, bet aš norėčiau pasakyti keletą žodžių apie tai, kaip tai būtų optimaliausias.Pirmasis metodas yra raštu per žyma jau seniai paseno.Antrasis variantas yra naudojamas labai retai, nes paaiškėja, kad iš to paties kodekso daug.Trečias variantas yra labiausiai paplitęs ir efektyvus.Štai HTML tegus pavyzdžiai:
- Pirmasis metodas įrašyti per Tag (kūno) Failo index.htm.Tai parašyta šios formos: (kūno fone = "Nazvanie_papki / Nazvanie_kartinki.rasshirenie") (/ kūno).Tai yra, jei mes turime nuotrauką su pavadinimu «Nuotraukų» ir pratęsimas JPG, o aplanko mes pavadinome «paveiksliukai», tada HTML kodas rekordas atrodys taip: (kūno fone = "images / Picture.jpg") ... (/ kūno),
- Antrasis metodas apima įrašymo CSS stilių, bet yra parašyta paties failo vardas index.htm.(kūno style = "background: url ('../ vaizdai / Picture.jpg')").
- Ir trečias būdas įrašymo sudaryta dviem failais.Dokumentas su pavadinimu index.htm žyma (vadovas) yra parašyta tokią eilutę: (vadovas) (nuoroda rel = "Stilių" type = "text / css" href = "Put_k CSS_faylu") (/ vadovas).Stilius failas pavadinimu style.css jau rašyti: kūno {background: url (vaizdai / Picture.jpg ")}.
Kaip html padaryti fono paveikslėlį, aptarėme.Dabar jums reikia išsiaiškinti, kaip ištempti vaizdą skersai per visą ekraną pločio.
metodai tempimo tapetai ant lango
pločio įsivaizduoti mūsų ekraną procentais.Pasirodo, kad visas ilgis ir plotis ekrano bus 100% x 100%.Turime ruožas vaizdą į šį plotį.Pridėti įrašyti vaizdus, į style.css failo linija, kuri bus ruožas vaizdą į visą pločio ir ilgio monitoriaus.Kaip parašyta jūsų CSS stilių?Tai paprasta!
kūno
{
fonas: URL (vaizdai / Picture.jpg)
background-size: 100%;/ * Šis pranešimas yra tinka daugumai šiuolaikinių naršyklių * /
}
Taigi, mes suprato, kaip padaryti nuotrauką fone html ekrane.Yra įrašymo failų index.htm metodas.Nors šiuo metodu, ir pasenusi, bet pradedantiesiems būtina žinoti ir suprasti.Žyma (vadovas) (stilius) div {background-size: uždangalas;} (/ Stilius) (/ galvutė), šis įrašas reiškia, kad mes skirti specialų vienetą, fono, kuris bus įtaisyta virš viso pločio lango.Mes svarstėme du būdus, kaip padaryti svetainę fono paveikslėlį HTML, vaizdas ištemptas iki visiško pločio ekrane bet kuriuo iš šiuolaikinių naršyklių.
Kaip padaryti fiksuotą foną
Jei nuspręsite naudoti nuotrauką kaip fono, kad interneto išteklių ateities, tada jums tiesiog reikia žinoti, kaip padaryti, kad jis nustatė, kad jis neturi ruožas ilgio ir ne sugadinti estetinį vaizdą.Tiesiog naudojant HTML kodą registruoti nedidelį papildymą.Jums reikia style.css failą pridėti vieną sakinį po fone: URL (images / Picture.jpg) fiksuoto;arba vietoj pridedama po kabliataškis atskiroje eilutėje - padėtis: fiksuotas.Taigi, jūsų ekrano užsklanda bus fiksuotas.Per przewijanie turinio svetainę, jūs pamatysite, kad teksto eilutės juda, bet fonas lieka vietoje.Taigi jūs išmokti html padaryti fono paveikslėlį, keliais būdais.
dirbti su lentelėmis HTML
Daugelis nepatyrusių kūrėjai susidūrė su lentelėmis ir vienetų dažnai nesupranta, kaip html padaryti stalo fono paveikslėlį.Kaip ir visos komandos HTML ir CSS stilių, web programavimo kalba yra gana paprasta.Ir šios problemos sprendimas yra parašyti eilučių kodo pora.Jūs jau turėtų žinoti, kad rašyti eilučių ir stulpelių, atitinkamai lentelę, kaip nurodyta žymių (TR) ir (TD).Kad iš vaizdų forma lentelės foną, būtina pridėti prie Tag (lentelė) (TR) arba (TD) paprastos frazės su nuoroda į "vaizdas: fone = URL paveikslėlyje.Siekiant aiškumo, mes suteikiame keletą pavyzdžių.
stalai su vaizdo fone vietoj: HTML pavyzdžiai
Lygiosios 2x3 stalo ir padaryti jį fono paveikslėlį saugomi aplanke "images": (stalo fone = "images / Picture.jpg") (TR) (TD)1 (/ td) (TD) 2 (/ td) (TD) 3) (/ td) (/ tr) (TR) (TD) 4 (/ td) (TD) 5 (/ td) (TD) 6 (/ TD) (/ TR) (/ lentelę).Taigi mūsų stalo bus sudarytas paveikslėlio fone.
Dabar atkreipti ši plokštelė dydžių 2x3, bet įterpti paveikslėlį į Stulpelio numeris 1, 4, 5 ir 6 (lentelė) (TR) (TD fone = "images / Picture.jpg") 1 (/ TD)(TD) 2 (/ TD) (TD) 3 (/ TD) (/ TR) (TR) (TD fonas = "images / Picture.jpg") 4 (/ TD) (TD fonas = "images / Picture.jpg") 5 (/ TD) (TD fonas =" images / Picture.jpg ") 6 (/ TD) (/ TR) (/ lentelę).Po žiūrint galima pamatyti, kad fonas pasirodo tik tose ląstelėse, kuriose mes registruotas, bet ne visą lentelę.
kryžminio naršyklės svetainė
Yra tokia kaip kryžminio naršyklės suderinamumo interneto išteklių dalykas.Tai reiškia, kad svetainės puslapiai bus vienodai gerai rodomas skirtingų tipų ir versijų naršykles.Ji turėtų būti HTML kodas ir CSS tinkinti stilių reikalauja naršyklių.Be to, šiuolaikinės eros išmaniųjų telefonų, daugelis kūrėjai bando kurti svetaines, kurios yra priderintos ir mobili versija kompiuterio ir išvaizdą.
