سی ایس ایس کیا ہے اور یہ کہاں استعمال کیا ہے؟

کیسیجنگنگ شیٹس کیا ہیں؟

ویب سائٹ کئی تصاویر، متن، اور مختلف دستاویزات سمیت مختلف ٹکڑوں پر مشتمل ہیں. یہ دستاویزات نہ صرف ایسے صفحات میں شامل ہیں جن میں پی ڈی ایف فائلوں کی طرح سے بھی شامل ہوسکتا ہے، لیکن دستاویزات جو صفحات خود کو تیار کرنے کے لئے استعمال ہوتے ہیں، HTML دستاویزات کی طرح ایک صفحہ اور سی ایس ایس (سیاسکیڈنگ انداز شیٹ) کے دستاویزات کا تعین کرنے کے لئے استعمال کیا جاتا ہے. ایک صفحے کی نظر کا تعین کرنے کے لئے. یہ مضمون سی ایس ایس میں شامل ہو گا، اس کا احاطہ کیا جائے گا اور آج ویب سائٹس پر استعمال کیا جاتا ہے.

ایک سی ایس ایس کی سرگزشت سبق

سی ایس ایس سب سے پہلے 1997 میں ویب ڈویلپرز کے لئے ان طریقوں کے طور پر تیار کیا گیا تھا جو ان ویب صفحات کے بصری ظہور کی وضاحت کرتے ہیں جو وہ تخلیق کر رہے تھے. اس مقصد کا مقصد یہ ہے کہ ویب پیشہ افراد کو ویب سائٹ کے کوڈ کے مواد اور ساخت کو بصری ڈیزائن سے الگ کردیں ، جو کچھ اس سے پہلے ممکن نہیں تھا.

ساخت اور سٹائل کی علیحدگی ایچ ٹی ایم ایل کو زیادہ فنکشن انجام دینے کی اجازت دیتا ہے جو اصل میں اس پر مبنی تھا - مواد کی مارک اپ، بغیر صفحے کے ڈیزائن اور ترتیب کے بارے میں فکر کرنے کی بجائے، عام طور پر "نظر اور محسوس" صفحہ کا

سی ایس ایس مقبولیت میں تقریبا 2000 تک نہیں آیا جب ویب براؤزر نے اس مارک اپ کی زبان کے بنیادی فونٹ اور رنگ پہلوؤں سے کہیں زیادہ استعمال کرنا شروع کیا. آج، تمام جدید براؤزر تمام ایس ایس کی سطح 1، سی ایس ایس کی سطح 2 میں سے زیادہ، اور سی ایس ایس سطح 3 کے سب سے زیادہ پہلوؤں کی حمایت کرتے ہیں. جیسا کہ سی ایس ایس جاری رہتا ہے اور نئے شیلیوں کو متعارف کرایا جاتا ہے، ویب براؤزر نے ان براؤزرز میں نئے سی ایس ایس کی مدد لانے اور ماڈیولز کو لاگو کرنے کے لئے شروع کردیے ہیں جو ان براؤزرز میں نئے سی ایس ایس کی مدد لاتے ہیں اور ویب ڈیزائنرز کو طاقتور نئے اسٹائل کے اوزار کو کام کرنے کے لئے دیتے ہیں.

(بہت سے) سالوں میں، وہاں ویب ڈیزائنرز منتخب کیے گئے تھے جو ویب سائٹس کے ڈیزائن اور ترقی کے لئے سی ایس ایس استعمال کرنے سے انکار کر دیتے تھے، لیکن یہ سب کچھ آج ہی صنعت سے نکل گیا. سی ایس ایس اب ویب ڈیزائن میں وسیع پیمانے پر استعمال کردہ معیاری ہے اور آج آپ صنعت میں کام کرنے والے کسی کو تلاش کرنے کے لئے سخت زور دیا جائے گا جس میں کم از کم اس زبان کی بنیادی تفہیم نہیں تھی.

سی ایس ایس ایک مختصر ہے

جیسا کہ پہلے سے ہی ذکر کیا گیا ہے، اصطلاح سی ایس ایس "کیجادنگ ہالی ووڈ شیٹ" کے لئے ہے. چلو اس جملے کو تھوڑا سا تھوڑا سا نیچے توڑ کر مکمل طور پر وضاحت کریں کہ یہ دستاویزات کیا کرتے ہیں.

"سٹائل شیٹ" لفظ خود کو (جیسے ایچ ٹی ایم ایل، سی ایس ایس کی فائلوں کا حوالہ دیتے ہوئے لفظی دستاویزات ہیں جو مختلف قسم کے پروگراموں کے ساتھ ترمیم کی جا سکتی ہیں). ہالی ووڈ شیٹ کئی سال تک دستاویز کے ڈیزائن کے لئے استعمال کی گئیں. وہ ایک ترتیب کے لئے تکنیکی وضاحتیں ہیں، چاہے پرنٹ یا آن لائن. پرنٹ ڈویلپرز نے طویل انداز میں سٹائل شیٹس کو استعمال کیا ہے کہ ان کے ڈیزائن کو ان کی وضاحتیں بالکل پرنٹ کی جاتی ہیں. ویب صفحہ کے لئے ایک طرز شیٹ ایک ہی مقصد پر کام کرتا ہے، لیکن ویب براؤزر کو بھی شامل کرنے کی اضافی فعالیت کے ساتھ دستاویز کو کیسے دیکھا جا سکتا ہے. آج، سی ایس ایس سٹائل شیٹس میڈیا کے سوالات کا استعمال بھی کرسکتے ہیں جس طرح کسی صفحہ کو مختلف آلات اور اسکرین کے سائز کا اندازہ لگایا جاتا ہے . یہ ناقابل یقین حد تک اہم ہے کیونکہ اس سے اس سلسلے میں استعمال ہونے والی اسکرین کے مطابق ایک ایچ ٹی ایم ایل دستاویز مختلف طور پر فراہم کی جا سکتی ہے.

"جھگڑا انداز سٹائل شیٹ" اصطلاح کا اصل حصہ ہے. ایک ویب طرز شیٹ مقصد ہے کہ اس شیٹ میں ایک سلسلے کے سلسلے میں، ایک آبشار پر دریا کی طرح کے ذریعے جھگڑا. دریا کے پانی آبشار میں تمام پتھروں کو مار دیتی ہے، لیکن پانی کے بہاؤ میں بالکل وہی ہے جو بالکل نیچے پھیلتے ہیں. ویب سائٹ کے سٹائل کے چادروں میں یہ بھیڑ کی سچائی ہے.

ہر ویب صفحے کو کم از کم ایک طرز شیٹ کی طرف سے متاثر کیا جاتا ہے، یہاں تک کہ اگر ویب ڈیزائنر کسی بھی شیلیوں کو لاگو نہیں کرتا. یہ طرز شیٹ صارف ایجنٹ طرز شیٹ ہے - یہ بھی ڈیفالٹ شیلیوں کے طور پر بھی جانا جاتا ہے جس میں کوئی ہدایات فراہم نہیں کی جاتی ہے تو ویب براؤزر کسی صفحہ کو ظاہر کرنے کے لئے استعمال کرے گا. مثال کے طور پر، ڈیفالٹ ہائپر لنکس کی طرف سے نیلے رنگ میں اسٹائل کیے جاتے ہیں اور وہ زیر التواء ہیں. وہ طرزیں ویب براؤزر کے ڈیفالٹ سٹائل شیٹ سے ہوتی ہیں. اگر ویب ڈیزائنر دیگر ہدایات فراہم کرتا ہے، تاہم، براؤزر کو یہ جاننا ہوگا کہ کونسی ہدایات پہلے سے موجود ہیں. تمام براؤزر ان کے اپنے ڈیفالٹ شیلیوں ہیں، لیکن ان میں سے بہت سے ڈیفالٹ (جیسے نیلا زیر التواء ٹیکسٹ لنکس) سبھی سب سے بڑے براؤزر اور ورژن میں شریک ہیں.

براؤزر ڈیفالٹ کا ایک اور مثال کے طور پر، میرے ویب براؤزر میں، ڈیفالٹ فونٹ " ٹائم نیو رومن " سائز میں ظاہر ہوتا ہے. اس میں تقریبا کسی بھی صفحات میں سے کسی بھی فونٹ کے خاندان اور سائز میں ڈسپلے نہیں ہوتے ہیں. یہ وجہ ہے کہ جھاڑو کا اندازہ یہ ہے کہ دوسرا سٹائل شیٹ، جو ڈیزائنرز خود کی طرف سے مقرر کیے جاتے ہیں، فونٹ کے سائز اور خاندان کو مسترد کرنے کے لئے، اپنے ویب براؤزر کے ڈیفالٹ کو ہٹانے کے لۓ . آپ کے ویب صفحے کے لئے تخلیق کردہ کسی بھی سٹائل شیٹ براؤزر کے ڈیفالٹ سٹائل سے کہیں زیادہ خاصیت رکھتے ہیں، لہذا ان کے افتتاح صرف اس صورت میں لاگو ہوتے ہیں اگر آپ کے طرز شیٹ کو ان پر نظر انداز نہیں ہوتا ہے. اگر آپ چاہتے ہیں کہ لنکس نیلے رنگ اور زیر اہتمام ہوتے ہیں، تو آپ کو ڈیفالٹ کے بعد سے کچھ کرنے کی ضرورت نہیں ہے، لیکن اگر آپ کی ویب سائٹ کے سی ایس ایس فائل کا کہنا ہے کہ لنکس کو سبز ہونا چاہئے تو اس رنگ کو پہلے سے طے شدہ نیلے رنگ میں لے جائے گا. اس لائن میں اس مثال میں رہیں گے، کیونکہ آپ نے دوسری صورت میں وضاحت نہیں کی.

سی ایس ایس کہاں استعمال کیا جاتا ہے؟

سی ایس ایس بھی ویب براؤزر کے مقابلے میں دیگر ذرائع ابلاغ میں دیکھا جب ویب صفحات دیکھنا چاہئے وضاحت کرنے کے لئے بھی استعمال کیا جا سکتا ہے. مثال کے طور پر، آپ ایک پرنٹ سٹائل شیٹ بنا سکتے ہیں جو ویب صفحہ پرنٹ کرنا چاہئے کہ وضاحت کرے گی. چونکہ ویب صفحہ اشیاء جیسے نیویگیشن بٹن یا ویب فارم پرنٹ شدہ صفحہ پر کوئی مقصدی نہیں ہوتے ہیں، ایک صفحہ پرنٹ ہونے پر ایک پرنٹ شیٹ کا استعمال "ان کو بند کردیں" میں استعمال کیا جا سکتا ہے. اگرچہ بہت سے سائٹس پر واقعی عام رواج نہیں ہے، پرنٹ سٹائل کے شیٹس بنانے کا اختیار طاقتور اور پرکشش ہے (میرے تجربے میں - زیادہ سے زیادہ ویب پروفیشنل اس طرح ایسا نہیں کرتے ہیں کیونکہ اس بجٹ کی سائٹ کی گنجائش اس اضافی کام کے لئے نہیں ہے ).

سی ایس کیوں اہم ہے؟

سی ایس ایس سب سے زیادہ طاقتور ٹولز میں سے ایک ہے جس میں ویب ڈیزائنر سیکھ سکتا ہے کیونکہ اس کے ساتھ آپ ویب سائٹ کے پورے بصری ظہور کو متاثر کرسکتے ہیں. اچھی تحریری سٹائل کے شیٹس کو فوری طور پر اپ ڈیٹ کیا جاسکتا ہے اور سائٹس کو تبدیل کرنے کی اجازت دیتا ہے جسے سکرین پر نظر انداز کیا جاسکتا ہے، جس میں نتیجے میں زائرین کو توجہ دینا اور توجہ مرکوز کرتا ہے، بغیر کسی تبدیلی کے بغیر بنیادی ایچ ٹی ایم ایل مارک اپ میں تبدیلی کی ضرورت ہوتی ہے.

سی ایس ایس کا بنیادی چیلنج یہ ہے کہ سیکھنا بہت تھوڑا سا ہے اور ہر روز تبدیل کرنے والے براؤزرز کے ساتھ، آج کل اچھا کام نہیں ہوسکتا ہے کیونکہ نئے شیلیوں کی حمایت کی جا رہی ہے اور دیگر کسی بھی وجہ سے یا کسی وجہ سے گریز نہیں کر سکتے ہیں. .

کیونکہ سی ایس ایس کی حوصلہ افزائی اور یکجا کر سکتا ہے، اور اس بات پر غور کیا جاسکتا ہے کہ کس طرح مختلف براؤزر مختلف ہدایات کی تشریح اور ان پر عمل درآمد کرسکتے ہیں، سی ایس ایس کو سادہ ایچ ٹی ایم ایل سے ماسٹر سے زیادہ مشکل ہوسکتا ہے. سی ایس ایس بھی براؤزرز میں تبدیل کرتا ہے جس طرح ایچ ٹی ایم ایل واقعی نہیں کرتا. تاہم، آپ سی ایس ایس کا استعمال کرتے ہوئے شروع کرتے ہیں، تاہم، آپ یہ دیکھیں گے کہ طرز شیٹوں کی طاقت کا سامنا کرنا آپ کو ناقابل اعتماد لچک دے گا کہ آپ کس طرح ویب صفحات کو ترتیب دیں اور ان کی نظر کی وضاحت کریں اور محسوس کریں. راستے کے ساتھ، آپ کو "سٹائل کے چالوں" کا اندازہ لگایا جاسکتا ہے جو ماضی میں آپ کے لئے کام کر چکے ہیں اور مستقبل میں نئے ویب صفحات بنانے کے لۓ آپ دوبارہ دوبارہ تبدیل کرسکتے ہیں.

جینیفر کریین کی طرف سے اصل مضمون. جیریمی Girard کی طرف سے ترمیم 7/5/17 پر،