CSS layout kërkon që ju të mendoni layout faqen tuaj te internetit si një e tërë, dhe pastaj të marrë pjesë dhe të vënë ato së bashku. Mësoni si të ndërtoni një paraqitje të thjeshtë me 3 kolona me CSS.
01 nga 09
Draw Layout juaj
Ju mund ta vizatoni paraqitjen tuaj në letër ose në një program grafike . Nëse tashmë keni një dizajn tela apo edhe dizajn më të gjerë, thjeshtosni atë në kutitë bazë që përbëjnë faqen. Ky dizajn që shoqëron këtë artikull ka tre kolona në zonën kryesore të përmbajtjes, si dhe një kokë dhe footer. Nëse shikoni nga afër, mund të shihni se të tre shtyllat nuk janë të barabarta në gjerësi.
Pasi ta keni tërhequr planin tuaj, mund të filloni të mendoni për përmasa. Ky dizajn shembull do të ketë dimensionet e mëposhtme themelore:
- Jo më shumë se 900 pixels të gjera
- Rrëshqitje 20 px në të majtë
- 10 px midis kolonave dhe rreshtave
- Kolona që janë 250px, 300px dhe 300px të gjerë
- Rreshti i lartë është 150px i gjatë
- Rreshti i fundit është 100px i gjatë
02 nga 09
Shkruani HTML / CSS themelore dhe Krijo një Element Kontenier
Meqë kjo faqe do të jetë një dokument i vlefshëm HTML, Filloni me një enë të zbrazët HTML
Shtoni në stilet CSS bazë për të zhdukur kufijtë, kufijtë dhe paddings faqe . Ndërsa ka stile të tjera standarde CSS për dokumente të reja, këto stile janë minimumi që ju nevojitet për të marrë një plan urbanistik të pastër. Shtoni ato në krye të dokumentit tuaj: