Pershendetje te gjitheve. Shiko statistikat sot pyetje kërkimi që njerëzit shkojnë në blog dhe zbuluan se ka disa që janë krejtësisht të parëndësishme. Jo, jo një blog, por artikuj.
Një prej tyre si të rregulloni kokën e faqes? Vendosa menjëherë të korrigjoj situatën dhe të shkruaj një artikull, pasi tema është e rëndësishme, dhe ka pyetje në këtë fushë.
Në përgjithësi, ka disa mënyra për ta bërë këtë kur lëvizni poshtë një faqe. Ju mund të përdorni javascript, por unë nuk jam shumë i mirë në këtë temë dhe vetëm e studioj atë. Prandaj, tani për tani, do t'ia dalim me css. Faleminderit Zotit, rregulloni kokën e faqes(dhe jo vetëm një kapelë, por çdo element tjetër), mundeni "me pak gjak" :)
Në fakt, metoda e rregullimit të një elementi në lëvizje është shumë e thjeshtë dhe do të habiteni se sa e thjeshtë zgjidhet ky problem.
Rregullimi i kokës kur lëvizni faqen
Për të rregulluar kokën, do t'ju duhet të krijoni dy blloqe. Njëra është për qendrimin e kapakut. Dhe në të është fëmija, i cili do të regjistrohet. Le të fillojmë ...
Këtu është e tillë html e thjeshtë strukturë! Tani le të shtojmë disa stile!
Titulli tani do të fiksohet në krye të ekranit dhe nuk do të lëvizë kur lëviz.
Në artikullin e fundit, ne e bëmë korniza jonë shabllon HTML, i cili eshte gati per tu mbushur dhe dekoruar. Sot do të tregoj si të bëni bukur një kokë të faqes në internet (pjesa e sipërme) dhe një menu të thjeshtë. Gjithashtu sot do të bëjmë disa ndryshime në stilet e blloqeve të tjera.
Pra, çfarë kemi ne ky moment? Tani kemi këto stile:
Hapi i parë është të bëni disa ndryshime stili në mbështjellës:
#wrapper (lartësia: auto! e rëndësishme; lartësia: 100%; min-lartësia: 100%; gjerësia: 1024 px; margjina: 0 automatik; rreshtimi i tekstit: majtas;)
Vendosa një gjerësi fikse - gjerësinë e bllokut, madhësinë 1024 piksele, rreshtova vetë bllokun në qendër dhe tekstin në të në kufirin e majtë duke përdorur rreshtimin e tekstit: majtas. Ne mund ta rreshtojmë bllokun në qendër duke përdorur stilin e marzhit, duke vendosur sasinë e mbushjes në krye dhe në fund në 0 dhe gjerësinë në automatik. Fatkeqësisht, kjo nuk funksionon gjithmonë Internet Explorer 6, kështu që në trup kam shkruar text-align: qendër; dhe kjo është arsyeja pse më duhej të rreshtoja majtas tekstin në kutinë e mbështjelljes dhe në fund. Gjithashtu në trup, unë specifikova një diferencë: 0, duke vendosur kështu mbushjen nga skajet në 0 piksele. Si rezultat, Body mori stilet e mëposhtme:
Html, trupi (lartësia: 100%; ngjyra: # 000; sfondi: #FFFFFF; mbështjellja e fjalës: break-word; madhësia e shkronjave: 12 px; font-familja: Verdana, Arial, Sans-Serif; margjina: 0; teksti -linjë: në qendër;)
Gjithçka është e ngjashme me bllokun e mbështjellësit: vendosni gjerësinë në 1024 px, rreshtoni bllokun në qendër dhe tekstin në të majtë. U shtua gjithashtu një diferencë nga kreu në pjesën e sipërme të marzhit të kontejnerit: 20 px; dhe hoqi gjerësinë minimale, pasi kemi gjerësi fikse mbështjellëse.
Epo, ne kemi përgatitur shabllonin, është koha për të shkuar te titulli i faqes. Stilet do të jenë si më poshtë:
Lartësia e kutisë është 140 px, sfondi është i bardhë dhe diferenca e sipërme është 40 px. Kjo është e gjitha për ndryshimet e stilit të kokës. Çfarë? Është e gjitha? Dhe një artikull i tërë është emëruar pas kësaj? Sigurisht që jo. Kreu i faqes do të përbëhet nga elementë të tjerë: një logo dhe një menu, të cilat do të dekorohen veçmas.
Ne do të regjistrohemi në Kodi i shabllonit HTML brenda bllokut të kokës, ekziston një linjë si kjo: Në fakt, kjo është një lidhje me faqja kryesore pa tekst, por i është caktuar klasa e klasës = "logo". Tani ju duhet ta lëshoni atë stilet css.
E bëra elementin një bllok, i dhashë një gjerësi dhe lartësi dhe gjithashtu bëra një imazh logoje si sfond, të cilin e vendosa në drejtorinë e imazheve. Të gjitha fotot e shablloneve do të vendosen në këtë direktori. Madhësia e figurës është 388 * 100 piksele, pse atëherë madhësia e bllokut është paksa e ndryshme? E bëra lartësinë 104 piksele në mënyrë që të kishte një dhëmbje nga imazhi i logos në fund midis menysë së ardhshme dhe logos dhe e mora gjerësinë edhe dy pikselë të tjerë për çdo rast, pasi hasa disa herë që Mozilla përcaktoi gabimisht madhësinë e figurës dhe e prerë pak. Të gjitha të përfunduara me logon. Menuja në
Pamja e faqesështë procesi i zhvillimit të strukturës së një dokumenti html, rezultati i të cilit është një faqe interneti. Struktura e faqes së internetit përcaktohet nga etiketat përkatëse html. Etiketat - kutitë drejtkëndore për përmbajtjen - nuk shfaqen në dritaren e shfletuesit. Ata i tregojnë shfletuesit për llojin e përmbajtjes dhe shfletuesi, bazuar në këtë informacion, shfaq përmbajtjen e tyre në ekran - skedarë teksti ose media.
Si të krijoni strukturën e faqes duke përdorur blloqe (paraqitja e bllokut)
1. Si të ndash një paraqitje faqesh në seksione
Për të krijuar një plan urbanistik, duhet të nënvizoni seksionet (seksionet) kryesore të dokumentit. Mund të lexoni më shumë rreth elementeve seksionale në artikull.
Faqja standarde e internetit përmban seksionet e mëposhtme:
Oriz. 1. Seksionet kryesore të faqes
Ne nuk do të përdorim elementin pasi nuk mbështetet nga të gjithë shfletuesit.