Si Të Futni Një Kornizë

Përmbajtje:

Si Të Futni Një Kornizë
Si Të Futni Një Kornizë

Video: Si Të Futni Një Kornizë

Video: Si Të Futni Një Kornizë
Video: Si të ndash një gur saktësisht. Gabime fillestare 2024, Mund
Anonim

Për të shfaqur informacion nga burime të shumta në një faqe të vetme, shpesh përdoret mekanizmi për ndarjen e faqeve HTML. Më poshtë është një përshkrim i konstrukteve gjuhësore për futjen e kornizave.

Si të futni një kornizë
Si të futni një kornizë

E nevojshme

Njohuri themelore të HTML

Udhëzimet

Hapi 1

Gjuha e Shënimit të HyperText (HTML) ofron dy lloje të kornizave. Lundruesi është më fleksibël dhe më i lehtë për tu futur në një faqe ekzistuese. Në përgjithësi, konstruksioni që përshkruan një kornizë dritare duke përdorur një kornizë lundruese duket kështu: Këtu, faqja kryesore e një siti ekzistues specifikohet si burimi i të dhënave për këtë kornizë (atributi src). Do të hapet në një kornizë 400 x 300 piksel, siç përcaktohet në atributet e gjerësisë dhe lartësisë. Mund të specifikoni gjithashtu faqen e faqes tuaj në atributin src. Në këtë rast, mjafton të specifikoni një adresë relative (d.m.th., adresën në lidhje me faqen në të cilën është futur korniza): Në këtë mostër, gjerësia dhe lartësia e kornizës nuk janë të specifikuara, por ekziston një ID atribut-identifikues. Duke përdorur atë, mund të përdorni CSS () për të vendosur dimensionet e kërkuara për këtë kornizë:

#frameOne {gjerësia: 700px; lartësia: 200px;}

Hapi 2

Një lloj tjetër kornizash - "klasik" - kërkon një faqe të veçantë, e cila do të përmbajë një përshkrim të strukturës së kornizës. Kornizat vetë do të jenë në faqe të ndara, ndoshta edhe në faqe të veçanta. Kodi HTML për një faqe të tillë të kontejnerit të kornizës mund të duket kështu:

Nuk duhet të ketë asnjë bllok… dhe për faqet e rregullta. Në këtë shembull, etiketa e hapjes së kontejnerit përmban një atribut rreshtash, që do të thotë se hapësira e faqes duhet të ndahet vertikalisht dhe pjesa e sipërme do t'i jepet kornizës së parë. Nëse zëvendësoni rreshtat me kolona, atëherë ndarja do të jetë horizontale. Vlera e kësaj atribute "*, *" tregon që proporcionet e ndarjes janë të barabarta - 50% secila. Nëse specifikoni, për shembull, "20%, *", atëherë vetëm 20% do t'i jepet kornizës së parë, dhe pjesa tjetër e hapësirës te e dyta. Përdoruesi mund t'i ndryshojë këto proporcione duke tërhequr kufijtë e kornizave me miut, por është e mundur të çaktivizoni këtë veprim. Për ta bërë këtë, shtoni atributin noresize në etiketën e një kornize specifike. Ju gjithashtu mund të specifikoni madhësinë e indenteve vertikale dhe horizontale nga korniza ngjitur (atributet e gjerësisë së margjinës dhe lartësisë së margjinës): possibleshtë e mundur të vendosni rregullat e sjelljes për shiritat lëvizës të secilës kornizë veç e veç. Për këtë, përdoret atributi i lëvizjes, i cili mund të përmbajë një nga tre vlerat e paracaktuara. Nëse specifikohet, shiritat lëvizës do të shfaqen kur përmbajtja e kornizës nuk përshtatet brenda kufijve të saj. Nëse "po" - vija do të jetë e pranishme gjatë gjithë kohës, pavarësisht nga nevoja për to. Nëse "jo" - kjo do të thotë moslejimi i shiritave lëvizës për këtë kornizë.

Hapi 3

Bazuar në informacionin e dhënë në dy hapat e mëparshëm, duhet të hartoni kodin HTML që është më i përshtatshmi për zgjidhjen e problemit tuaj. Pas kësaj, mbetet vetëm ta fusni në kodin burimor të faqes. Për ta bërë këtë, mund të përdorni redaktuesin e faqes të sistemit të menaxhimit të faqes tuaj - hapni faqen e dëshiruar në të, kaloni në modalitetin e redaktimit të kodit html dhe ngjisni kodin tuaj në vendin e dëshiruar në faqe. Përndryshe, ju mund të shkarkoni skedarin e kodit burimor të faqes nga menaxheri i skedarit të menaxhimit të pritjes ose sistemi i menaxhimit të përmbajtjes, ta hapni atë në një redaktues teksti dhe ta ngjisni kodin në të. Dhe pastaj në të njëjtën mënyrë ngarkoni kodin e ndryshuar përsëri në server.

Recommended: