ٹیبللیس لے آؤٹ کھولیں نئے ڈیزائن فرنٹیئرز
بہت سے وجوہات ہیں کہ ترتیب کے لۓ میزیں استعمال نہ کریں . سب سے زیادہ عارضی وجوہات میں سے ایک لوگوں کو ان کا استعمال جاری رکھنے کے لئے دینا ہے کیونکہ یہ سی ایس ایس کے ساتھ ترتیب کرنا مشکل ہے. اگرچہ سی ایس ایس کی سکرپٹ نے سیکھنے والی وکٹ میں داخل کیا ہے، جب آپ سمجھتے ہیں کہ سی ایس ایل کی ترتیب کو کس طرح کرنا ہے، آپ حیران ہوسکتے ہیں کہ یہ کس طرح آسان ہوسکتا ہے. اور ایک بار جب آپ سیکھتے ہیں تو، آپ کو سی ایس ایس کا استعمال نہیں کرنے کیلئے دوسری سب سے عام وجہ سے خطاب کیا جائے گا- "یہ میزیں لکھنے کے لئے تیزی سے ہے." یہ تیزی سے ہے کیونکہ آپ میزیں جانتے ہیں، لیکن ایک بار جب آپ سی ایس ایس سیکھتے ہیں تو اس کے ساتھ.
سی ایس ایس پوزیشننگ کے براؤزر کی حمایت
سی ایس ایس پوزیشننگ تمام جدید براؤزروں میں اچھی طرح سے حمایت کی ہے. جب تک آپ نیٹٹسکی 4 یا انٹرنیٹ ایکسپلورر 4 کے لئے کسی سائٹ کی تعمیر نہیں کر رہے ہیں، جب تک آپ کے قارئین کو اپنے سی ایس ایس پوزیشن کردہ ویب صفحات دیکھنے میں کوئی دشواری نہیں ہونا چاہئے.
آپ صفحہ کی تعمیر کیسے کریں گے
جب آپ جدولوں کا استعمال کرتے ہوئے سائٹ بناتے ہیں، تو آپ کو ٹیبلر شکل میں سوچنا پڑتا ہے. دوسرے الفاظ میں، آپ خلیوں اور قطاروں اور کالموں کے لحاظ سے سوچ رہے ہیں. آپ کے ویب صفحات اس نقطہ نظر کو ظاہر کرے گا. جب آپ سی ایس ایس کی پوزیشننگ ڈیزائن میں منتقل ہوتے ہیں، تو آپ مواد کے لحاظ سے اپنے صفحات کے بارے میں سوچنا شروع کر دیں گے، کیونکہ مواد کہیں بھی آپ کو لے آؤٹ میں لے جا سکتا ہے جسے آپ ترتیب میں پسند کرتے ہیں- یہاں تک کہ دیگر مواد کے اوپر بھی پرتوں.
مختلف ویب سائٹس مختلف ڈھانچے ہیں. ایک مؤثر صفحہ بنانا، کسی بھی صفحے کی ساخت کا اندازہ کرنے سے پہلے آپ اس مواد کو تفویض کرنے سے پہلے. مثال کے صفحے میں پانچ مختلف حصوں میں شامل ہوسکتا ہے:
- ہیڈر . بینر اشتہار، گھر کا نام، نیویگیشن لنکس، ایک آرٹیکل کے عنوان اور اس کے ساتھ ہی کچھ اور چیزیں.
- دائیں کالم . یہ تلاش کے باکس، اشتہارات، ویڈیو بکس، اور شاپنگ کے علاقوں کے ساتھ صفحے کا صحیح حصہ ہے.
- مواد . ایک مضمون، بلاگ پوسٹ یا خریداری کی ٹوکری کا متن - صفحہ کے گوشت اور آلو.
- ان لائن اشتھارات . اشتہارات کے اندر اندر اشتہارات.
- فوٹر . نیچے نیویگیشن، مصنف کی معلومات، کاپی رائٹ کی معلومات، کم بینر اشتہارات، اور متعلقہ لنکس.
ان پانچ عناصر کو ایک میز میں ڈالنے کے بجائے، مواد کے مختلف حصوں کی وضاحت کرنے کے لئے ایچ ٹی ایم ایل 5 سیکشن عناصر کا استعمال کریں، اور پھر صفحہ پر مواد عناصر کو رکھنے کے لئے سی ایس ایس کی پوزیشننگ کا استعمال کریں.
آپ کے مواد حصوں کی شناخت
آپ کے سائٹ کے مختلف مواد کے علاقوں کی وضاحت کرنے کے بعد، آپ کو انہیں اپنے ایچ ٹی ایم ایل میں لکھنے کی ضرورت ہے. جب آپ عام طور پر کسی بھی ترتیب میں اپنے حصوں میں جگہ لے سکتے ہیں، تو یہ سب سے پہلے آپ کے صفحے کے سب سے اہم حصوں کو رکھنے کا ایک اچھا خیال ہے. یہ نقطہ نظر سرچ انجن کے اصلاح کے ساتھ بھی مدد کرے گی.
پوزیشننگ کا مظاہرہ کرنے کے لئے، تین کالم کے ساتھ ایک صفحہ کا تصور لیکن کوئی ہیڈر یا فٹر نہیں. آپ کسی قسم کی ترتیب بنانے کے لۓ پوزیشننگ استعمال کرسکتے ہیں.
تین کالم ترتیب کے لئے، تین حصوں کی وضاحت: بائیں کالم، دائیں کالم، اور مواد.
یہ سیکشن مواد کے دو عناصر کے لئے مواد اور دو سیکشن عناصر کے لئے آرٹیکل عنصر کا استعمال کرتے ہوئے انٹیگریٹڈ کیا جائے گا. سب کچھ بھی اس کی شناخت کی خاصیت ہوگی. جب آپ کو شناختی شناخت کا استعمال کرتے ہیں تو، آپ کو ہر شناخت کے لئے منفرد نام کا نام دینا ہوگا.
مواد پوزیشننگ
سی ایس ایس کا استعمال کرتے ہوئے، آپ کے IDI عناصر کے لئے پوزیشن کی وضاحت. اپنی پوزیشن کی معلومات اس طرح کی طرز کال میں اسٹور کریں:
#content {
}
ان عناصر کے اندر مواد زیادہ سے زیادہ جگہ لے لے گی کیونکہ یہ موجودہ حدود کی چوڑائی یا اس صفحے کی 100 فیصد ہے. بغیر کسی مقررہ چوڑائی پر مجبور کئے جانے والے کسی حصے کے مقام پر اثر انداز کرنے کے لئے، چارڈ یا مارجن کی خصوصیات کو تبدیل کریں.
اس ترتیب کے لۓ، دو کالم مقررہ چوڑائی پر مقرر کریں اور پھر اپنی پوزیشن کو مکمل طور پر مقرر کریں، تاکہ وہ متاثر نہیں ہوں گے کہ وہ ایچ ٹی ایم ایل میں کہاں ہیں.
# بائیں کالم {
پوزیشن: مطلق؛
بائیں: 0؛
چوڑائی: 150px؛
مارجن بائیں: 10px؛
مارجن - اوپر: 20px؛
رنگ: # 000000؛
بھرتی: 3px؛
}
# دائیں کالم {
پوزیشن: مطلق؛
بائیں: 80٪؛
اوپر: 20px؛
چوڑائی: 140px؛
بھرتی بائیں: 10px؛
ز-انڈیکس: 3؛
رنگ: # 000000؛
بھرتی: 3px؛
}
اس کے بعد مواد کے علاقے کے لئے، مارجن دائیں اور بائیں پر مقرر کریں تاکہ مواد دو باہر کے باہر کالموں کو زیادہ نہیں کریں گے.
#content {
اوپر: 0px؛
مارجن: 0px 25٪ 0 165px؛
بھرتی: 3px؛
رنگ: # 000000؛
}
ایچ ٹی ایم ایل کی میزبانی کے بجائے سی ایس ایس کا استعمال کرتے ہوئے اپنے صفحے کی وضاحت تھوڑا سا زیادہ تکنیکی مہارت کی ضرورت ہے، لیکن ادائیگی کے بعد زیادہ سے زیادہ لچکدار اور ذمہ دار ڈیزائن اور اس کے بعد آپ کے صفحے پر ساختی ایڈجسٹمنٹ بنانے میں آسان ہے.