Sulygiuokite Savo Svetainę Su Centru

Turinys:

Sulygiuokite Savo Svetainę Su Centru
Sulygiuokite Savo Svetainę Su Centru

Video: Sulygiuokite Savo Svetainę Su Centru

Video: Sulygiuokite Savo Svetainę Su Centru
Video: Sabuwar Wakar DAN MUSA da ake yayi - Gata da haske fata, Kalar shiga gaban mota FOLLER 2024, Gegužė
Anonim

Koduodamas žiniatinklio valdytojas turi dėti daug pastangų, kad svetainė atrodytų vienodai gerai esant skirtingoms ekrano raiškoms. Geriausias sprendimas yra sutelkti visą puslapio turinį.

Sulygiuokite savo svetainę su centru
Sulygiuokite savo svetainę su centru

Nurodymai

1 žingsnis

Centrinio lygiavimo metodas priklauso nuo išdėstymo metodo. Galite naudoti žymes arba

… Žinoma, lengviau suvynioti visą turinį žymoje, tačiau jis jau seniai pasenęs, ir nėra jokios garantijos, kad viskas veiks teisingai. Moderniausias būdas yra CSS technologijos naudojimas.

2 žingsnis

Žyma atskiria kodo dalį į vieną bloką, leidžiančią pakeisti turinio išvaizdą, suteikiant fragmentui vieną šriftą, spalvą, foną ir kt. Naudojant blokinį išdėstymą, visas žymos turinys dedamas į žymą. Nustatėme lygiuotę su atributu „align“. Tai atrodys taip:

Svetainės turinys

3 žingsnis

Centravimą taip pat galima nustatyti naudojant CSS įrankius. Norėdami tai padaryti, turite sukurti atskirą stiliaus lapų failą arba viską įdėti į tą patį HTML failą žymoje. Kodas atrodys taip:

* {paraštė: 0; užpildas: 0;}

kūnas {

text-align: centre;

}

div {

plotis: 700 taškų;

paraštė: 0 auto;

}

4 žingsnis

Lentelių išdėstyme centravimas nustatomas naudojant lenteles žymoje

… Kodas bus toks: <svetainės lentelė

… Lentelė bus atitinkamai puslapio centre, o jos turinys taip pat. Taip pat galite nustatyti bet kurio bloko plotį, nurodydami jį naudodami parametrą plotis.

5 žingsnis

Renkantis puslapio plotį, nepamirškite, kad vartotojų ekrano skiriamoji geba gali labai skirtis nuo jūsų. Kartais, kad nesuklystumėte su dydžiu, turėtumėte viską nustatyti procentais. Tai ypač naudinga, jei turite paprastą svetainę.

6 žingsnis

Nepriklausomai nuo naudojamo metodo, įsitikinkite, kad jūsų svetainė veikia tinkamai visose naršyklėse. Jei dėl kokių nors priežasčių vienoje iš jų rodoma neteisingai - nurodykite tai.

Rekomenduojamas: