د بې ځایه شوي لیګونو نوې ودانۍ ډیزاینز پرانیزي
دلته ډیری دلایل شتون نلري چې د لیډونو لپاره میزونه کارول نه شي . یو له ډیرو مهمو دلیلونو څخه چې خلک یې د دوی د کارولو لپاره چمتو کوي د دې لپاره چې دا د CSS سره ترتیب سره ستونزمن دی. که څه هم د سی ایس ایس لیکل کول د زده کړې کړنې ته اړتیا لري، کله چې تاسو پوهیږئ چې سی ایس ایس ترتیب څنګه کولی شئ، تاسو به حیران یاست چې دا څومره اسانه کیدی شي. او کله چې تاسو زده کړه وکړه، نو تاسو به دویم عام سبب وګرځئ چې خلک یې د CSS استعمال نه ورکوي - "دا میزونه ډیر تیز دي ترڅو د میزونو لیکلو لپاره چټک وي." دا ډیره چټکه ده ځکه چې تاسو میزونه پېژنئ، مګر کله چې تاسو سی ایس ایس زده کولی شئ، نو تاسو ممکن یاست ددی سره.
د CSS پوسټینګ د براؤزر ملاتړ
د سی ایس ایس پوسټنگ په ټولو عصري لاسرسیو کې ښه ملاتړ شوی دی. تر هغه چې تاسو د نیسسکی 4 یا د انټرنیټ اکسپلورر 4 لپاره ساحه جوړه کوئ، نو ستاسو لوستونکي باید ستاسو سی ایس ایس پوست شوي ویب پاڼې وګورئ کومه ستونزه نلري.
رینټینګ څنګه څنګه یو مخ جوړول
کله چې تاسو د میزونو په کارولو یو سایټ جوړ کړئ، نو تاسو باید په یوه جدولي بڼه کې فکر وکړئ. په بل عبارت، تاسو د حجرو او قطارونو او کالمونو په اړه فکر کوئ. ستاسو ویب پاڼې به دا تګلاره منعکس کړي. کله چې تاسو د سی ایس ایس پوسټینګ کولو ډیزاین ته لاړ شئ نو تاسو به د محتوياتو په اساس د خپلو پاڼو په اړه فکر وکړئ، ځکه چې محتويات هر هغه ځای کېدی شي چې تاسو په ترتیب کې غواړئ - حتی د نورو محتوياتو په سر کې پرتې وي.
مختلف ویب پاڼې مختلف جوړښتونه لري. د یوې اغیزمنې پاڼې جوړولو لپاره، د دې پاڼې محتويات وړاندې کولو دمخه د کومې پاڼې جوړښت ته ارزونه وکړئ. د مثال په پاڼه کې کیدای شي پنځه بیلګې ولري:
- سرونکی . د بینر اعلاناتو کور، د سایټ نوم، نیویارک ټایمز، د مقالې عنوان او همداراز یو څه نور شیان.
- ښی کالم دا د پاڼی ښی لور دی د لټون بکس، اعلانونه، ویډیو بکسونه، او د سوداګریزو سیمو سره.
- منځپانګې . د مقالې متن، د بلاګ پوسټ یا د سوداګریزو کارت متن - د پاڼې غوښه او آلو.
- د انلاین اعلانونه . اعلانونه د منځپانګې دننه.
- انځورګر . ښکته نیویگیشن، د لیکوال مالومات، د کاپي د معلوماتو معلومات، د کم بینر اعلانونه، او اړونده اړیکې.
په جدول کې د دغو پنځه عناصرو د ځای کولو په ځای، د HTML5 برخې عناصرو څخه کار واخلئ ترڅو د محتوياتو بیلابیل برخې تعریف کړي، او بیا په پاڼه کې د منځپانګې عناصر ځای پر ځای د سی ایس ایس پوسټ کاروئ.
د خپل محتویاتو برخه پیژندنه
وروسته له دې چې تاسو د خپل سایټ بیلابیل محتويات تشریح کړئ، تاسو اړتیا لرئ چې دوی خپل HTML ته ولیکئ. په داسې حال کې چې تاسو کولی شئ، په عمومي توګه، په هره ترتیب کې خپلې برخې وټاکئ، دا یو ښه نظر دی چې ستاسو د پاڼې تر ټولو مهمې برخې ځای په ځای کړئ. دا تګلاره به د لټون انجن انجن اصلاح کولو سره هم مرسته وکړي.
د پوسټ کولو ښودلو لپاره، یو صفحه د درې کالمونو سره ولیدل مګر هیڅ سرلیک یا فوټر نشته. تاسو کولی شئ د پوټینګ څخه کار واخلئ چې تاسو هر ډول لیډ جوړ کړئ.
د درې-کالم ترتیب لپاره، درې برخې تعریف کړئ: بڼ کال، ښی کالم او محتوا.
دا برخې به د ARTICLE عنصر د منځپانګې او دوه برخې برخې لپاره د دوه کالم لپاره کارول کیږي. هرڅه به هم د هغې پیژندل ځانګړي وي. کله چې تاسو د ID خاصیت کاروئ، نو باید د هر ID لپاره یو ځانګړی نوم تشریح کړئ.
د منځپانګې ځای کول
د سی ایس ایس کارول، ستاسو د پېژندل شویو عناصرو موقف تعریف کړئ. خپل موقف معلومات په یو سټایل کال کې ذخیره کړئ لکه دا:
#content {
}
په دې عناصرو کې محتويات به دومره ځای ولري چې دا کولی شي، یعنې د اوسني موقعیت یا د پاڼې چوکۍ سل سلنه. د یوې برخې موقعیت ته په پام سره چې دا د یوې ثابتې چوکۍ ته مجبوروي، د ګنډلو یا د حاالتو ځانګړتیاوې بدل کړئ.
د دې ترتیب لپاره، دوه کالمونه په ټاکل شوي چوکیو کې وټاکئ او بیا خپل موقف مطلق کړئ، نو دا چې دوی به په HTML کې چیرې چېرته نه وي اغیزمن شوي.
# left-column {
موقف: مطلق؛
پریښودل: 0؛
سورې: 150px؛
margin-left: 10px؛
margin-top: 20px؛
رنګ: # 000000؛
ګنډل: 3px؛
}
# ښی کالم {
موقف: مطلق؛
پریښودل: 80٪؛
پورته: 20px؛
چوکۍ: 140px؛
ډډنگ - بکس: 10px؛
z-index: 3؛
رنګ: # 000000؛
ګنډل: 3px؛
}
بيا د محتوياتو ساحې لپاره، واښه ګيري ښي او ښي ته ورکړئ ترڅو محتويات دوه بهرني ستونزونه له منځه يوسي.
#content {
پورته: 0px؛
margin: 0px 25٪ 0 165px؛
ګنډل: 3px؛
رنګ: # 000000؛
}
د HTML جدول په ځای د CSS کارولو په ځای ستاسو پاڼه تشریح کول یو څه نور تخنیکي مهارت ته اړتیا لري، مګر ورکړې د لچکدار او ځواب ورکوونکو ډیزاینونو څخه وروسته او ستاسو په پاڼه کې د ساختماني سمونونو په جوړولو کې ډیر آسانتیا.