سی ایس ایس sprites کی: بنیادی تکنیک اور مفید تجاویز کی ایک وضاحت

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

sprites کے مفید خصوصیات

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

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

سائٹ کی ترقی کے عام نصاب میں تصاویر کی ایک بہت کچھ کرنے کے لئے. بہت اکثر، ان تصاویر کو بہت کم جگہ لے لیتے ہیں، لیکن ہمیشہ ایک علیحدہ فائل ہے. کسی بھی سرور کی کسی بھی آپریٹنگ سسٹم کے ایک فائل کو کھولنے کے لئے - اس آپریشن، ایک وقت طلب ہے، تاہم، نمایاں طور پر احترام کے ساتھ وقت میں ایک فائل پکسلز 13 13 کی طرف سے پر کھول دیا ہے جب مختلف نہیں ہو گا، اور جب فائل 16 تصویریں 52 سے 52 کی طرف سے پکسلز سے کھول دیا ہے. پہلی صورت میں، آپ کو 16 فائلوں اور 16 / کھولیں کارروائیوں پڑھا، دوسری صورت میں 16 تصاویر صرف ایک فائل کے کھلنے کے نتیجے کے طور پر حاصل کیا جائے گا ہے.

آپ اس موضوع پر فائلوں کی ایک سیٹ بنانے کے تو (افقی مینو، مکالمے کے فارم، بیک کے کیلکولیٹر بٹن کیلنڈر ڈیزائن عناصر ...) اس طرح کی تصاویر کے flexibly پر سائٹ سے سائٹ میں منتقل کردیا مل کر کیا جا سکتا ہے.

منفی پہلو

شائقین، بہت کے frisky سی ایس ایس استعمال کرنے کے لئے سفارش کی جاتی ہیں جب sprites کے ضروری احتیاط مسئلے کا مطالعہ اور واضح طور پر یہ پرانے زمانے طریقہ کام کرنے کے لئے ہمیشہ عملی ہے کہ ظاہر کرتا ہے کر رہے ہیں وہ لوگ جو ہیں.

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

ایک اور پہلو. عام طور پر، تصویر کاٹا جاتا ہے، ایک فائل پر glued نہیں. کسی طرح یہ ایک ٹیکنالوجی مرضی کے تیار کیا ہے، یہ کہنا بہتر ہے. ڈیزائنر ترتیب پیدا کرتا ہے اور ترتیب ان کے ٹکڑے ٹکڑے کا استعمال کرتا ہے: ترتیب کی پتلی قاش ٹکڑے ٹکڑے. کل صفحہ ڈیزائن بڑھاتا ہے جو لگتا سرگرمی، - مخالفین sprites کی ایک فائل میں کئی تصاویر اٹھا یقین ہے کہ.

ان لوگوں کے ڈویلپرز کو جو ایمان لائے اور، HTTP، درخواستوں کی تعداد کو بہتر اس قبضے CSS-sprites کے مقابلے میں زیادہ عملی ہے کہ مومن ہیں.

اس بات کا اشارہ تمام اوقات بلاشبہ اہم ہے، لیکن زیادہ اہم نقطہ نظر ہے ہیں: یہ معقول حدود کے اندر لاگو کیا جانا چاہئے.

آٹومیشن اور CSS-sprites کے

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

تاہم یہ غور کرنا چاہیے، جو کہ دو یا تین عناصر، یا دیگر ایک درجن کے سپرائٹ - ڈرائنگ کی سپرائٹ سینکڑوں میں ٹھیک ہے، لیکن جب لکھنے جاوا تقریب مسائل، کورس کے، واقع نہیں ہوگی، لیکن یہ کی تخلیق کرنے کے لئے کتنا کام لے جائے گا کے ساتھ کچھ اتنی بڑی سپرائٹ ... اس کے علاوہ، گلو تصاویر - یہ ایک سی ایس ایس سپرائٹ جنریٹر اور مطلوبہ تصویر بناتا ہے، اور اس کے لئے سی ایس ایس کے کوڈ، کہ وہ کس طرح زیادہ پرواہ نہیں کریں گے سپرائٹ کے اجزائے ترکیبی. سائٹ کے ڈیزائن میں تبدیلی، ہٹانے اور نئے عناصر کے علاوہ remaking کے جب مسائل پیدا ہو. ایک پریت کی ترقی، آپ کو اسے استعمال کرنے کا طریقہ ہے، اور یہ تو پھر کس طرح تبدیلی کے بارے میں نہیں سوچنا چاہیے.

sprites کے استعمال کرنے کا مشروط فائدے

CSS پروگرامنگ زبانوں کے برعکس، اس کے قوانین تمام اس کی حرکیات کے قوانین اور ان کے فعال مواد (معیاری) کی طرف سے مقرر کیا جاتا ہے کے ایک نسبتا جامد سیٹ ہے. پیچیدہ، میں sprites کے ذہن میں رکھتے HTML، CSS لائبریری کا ایک تیمادارت-فعال ڈیزائن بنا سکتے ہیں.

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

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

کھلونے - sprites کے لئے ایک بونانزا

حوصلہ افزائی اور پروگرامنگ - متضاد تصورات ہیں لیکن پروگرامنگ کی مہارت، کھیل لکھنا، obschebytovoy (سادہ خفیہ کاری) اور تخلیق (ڈیزائن اور نئی ٹیکنالوجی کی ترقی، خیالات) سے نمایاں طور پر مختلف ہے.

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

جملہ "سپرائٹ CSS v34 مقرر" رب بہت عام اور قابل فہم ہے شروع کے لئے. sprites کے جوہر میں، نہ صرف افادیت کے استعمال میں پایا جاتا ہے، لیکن یہ بھی بہت مکمل خصوصیات، سستی اور آسان صارفین کی ایک مخصوص دائرے کو سمجھنے کے لئے ہے جس میں ایک طاق، قائم.

سی ایس ایس sprites کی: مثال

ویب سائٹ پر صفحات کو سوئچ کرنے کے لئے ایک مخصوص زبان کے لئے اختیارات کی ایک قسم کا استعمال کیا جاتا ہے، لیکن ایک آئکن کے طور پر انجام دینے کے لئے زبان سلیکٹر تو، ایک پریت کا استعمال کرتے ہوئے حل اس طرح نظر ہو سکتا ہے:

واضح خرابیوں sprites کے

سب سے پہلے، یہ وقت طلب اور پیچیدہ عمل ہے. چھوٹے چھوٹے ٹکڑوں میں ڈیزائن، اور دیگر کاٹنے کے لئے - - بہت سے چھوٹے کی ایک تصویر جمع کرنے کے لئے یہ ایک بات ہے. کینوس کے خیال لگائیں اور ویب سائٹ پر استعمال کیا تصاویر کے تمام پر رکھ مکمل طور پر بیکار ہے.

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

اسٹینڈرڈ اینڈ ڈویلپرز ان کے دعوی کی sprites کے لئے استعمال ایک پالیسی کے پس منظر کے ساتھ منسلک کے طور پر، یہ صرف ایک پس منظر کی تصویر اور نہ اس ویب سائٹ عنصر ہے جو کہ مندرجہ ذیل. ایک صفحے کے گرافک جزو عناصر ٹیگ IMG جوڑتوڑ چاہئے.

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

دریں اثنا، گرافک جزو sprites کے استعمال کے لئے ایک سنگین رکاوٹ کی نمائندگی کی.

منصفانہ استعمال

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

پاور اور مواد کے انتظام کے نظام کے استعمال کے امکانات کو اکثر ان کے عملی کی درخواست کی nuances عائد ہے، اور دستی وسائل کی ترقی، ایک اصول کے طور پر، 1001st وقت ایک یا دوسرے ایک ملکیتی الگورتھم کو دوبارہ سے لکھنا کی ضرورت کی طرف جاتا ہے.

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