11 سی ایس ایس ٹیمپلیٹ سائٹس: شروع سے شروع نہ کریں!

ویب ڈیزائن پہلے سے کہیں زیادہ قابل رسائی ہے ، لیکن پیشہ ورانہ نظر آنے والے نتائج پیدا کرنے کے لیے اس میں اب بھی بہت زیادہ کام اور مہارت کی ضرورت ہے۔

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

اس گائیڈ میں ہم سی ایس ایس ٹیمپلیٹس کو قریب سے دیکھیں گے ، اور انہیں کہاں تلاش کریں گے۔

سی ایس ایس ٹیمپلیٹ کیا ہے؟

ایک CSS ٹیمپلیٹ میں صرف CSS نہیں ہوتا: یہ آپ کو وہ سب کچھ دیتا ہے جس کی آپ کو مکمل طور پر کام کرنے والی ویب سائٹ بنانے کی ضرورت ہوتی ہے۔ جب آپ ایک ڈاؤن لوڈ کرتے ہیں تو ، آپ کو عام طور پر ایک فولڈر ملے گا جس میں درج ذیل ہوں گے:

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

دوسری قسم کے ٹیمپلیٹس کے برعکس جس کا آپ سامنا کریں گے - چاہے وہ ورڈپریس ، ایکسل ، یا ہو۔ InDesign ٹیمپلیٹس۔ - سی ایس ایس ٹیمپلیٹس کو ایک خاص مقدار کے تکنیکی علم کی ضرورت ہوتی ہے۔

ان میں ترمیم کرنے کے لئے کوئی دوستانہ انٹرفیس نہیں ہے ، لہذا آپ کو کم از کم یہ جاننے کی ضرورت ہوگی کہ صرف اپنا مواد شامل کرنے کے لئے HTML دستاویز کے ارد گرد اپنا راستہ کیسے تلاش کیا جائے۔ اپنی مرضی کے مطابق بنانے کے لیے آپ کو سی ایس ایس کے اچھے علم کی ضرورت ہوگی۔

میرے فون کو میرے کمپیوٹر سے جوڑ رہا ہے۔

سی ایس ایس ٹیمپلیٹ میں کیا تلاش کرنا ہے۔

بہت سارے مفت سی ایس ایس ٹیمپلیٹس ہیں جن میں سے انتخاب کرنا ہے۔ تو آپ کیسے جانتے ہیں کہ آپ کے لیے کون سا صحیح ہے؟ یہاں دیکھنے کے لیے چند چیزیں ہیں:

ڈیزائن - ظاہر ہے ، آپ ایک ایسی سائٹ چاہتے ہیں جو اچھی لگتی ہو اور جو بھی تصویر آپ پیش کرنا چاہتے ہیں اس کی عکاسی کرتا ہے۔ لیکن یہ بھی غور کریں کہ آیا سانچہ آپ کی ضروریات کے لیے صحیح ہے اور مستقبل میں۔ کئی ایک صفحات والی ویب سائٹس کے لیے ہیں۔ کچھ ایک سے زیادہ صفحات کے لیے بنائے گئے ہیں۔ اگر آپ کو مؤخر الذکر کی ضرورت ہے تو ، غور کریں کہ کیا آپ اس کے بجائے ورڈپریس جیسے سی ایم ایس کا استعمال کرنا بہتر سمجھ سکتے ہیں۔
موبائل آپٹمائزڈ۔ - موبائل ویب کا استعمال اب ڈیسک ٹاپ سے زیادہ ہوچکا ہے ، لہذا یہ ضروری ہے کہ آپ کی سائٹ اسمارٹ فونز پر مناسب طریقے سے کام کرے۔ کسی بھی مہذب سی ایس ایس ٹیمپلیٹ کو ذمہ دار ڈیزائن کا استعمال کرنا چاہیے تاکہ سائٹ کسی بھی سائز کی سکرین پر مکمل طور پر کام کرے۔ اگر آپ کا منتخب کردہ ایسا نہیں کرتا ہے تو ، ایسا کرنے والے پر سوئچ کریں۔
اچھا لکھا گیا - ٹیمپلیٹ ڈاؤن لوڈ کریں اور کوڈ کو استعمال کرنے سے پہلے اس پر ایک نظر ڈالیں۔ یہ صاف ، اچھی طرح سے ڈھانچہ ، اور ترمیم میں آسان ہونا چاہیے۔ عنوان اور ہیڈنگ ٹیگز کے درست استعمال کے ساتھ یہ SEO سے آگاہ بھی ہونا چاہیے۔
لائسنس - اپنے منتخب کردہ CSS ٹیمپلیٹ کا لائسنس ضرور چیک کریں۔ بہت سے دستیاب ہیں۔ تخلیقی العام لائسنس کے تحت۔ ، لیکن اس لائسنس کے مختلف ورژن اس بات کا تعین کرتے ہیں کہ آپ ٹیمپلیٹ میں ترمیم کر سکتے ہیں ، چاہے آپ اسے تجارتی طور پر استعمال کر سکیں ، اور کیا آپ کو اصل ڈیزائنر کو کریڈٹ دینے کی ضرورت ہے۔
ایڈونس۔ - کچھ سی ایس ایس ٹیمپلیٹ ڈویلپرز اپنا کام 'فرییمیم' کی بنیاد پر پیش کرتے ہیں۔ آپ کو مفت میں ٹیمپلیٹ ملتا ہے ، لیکن آپ کے پاس اضافی تخصیصات کے لیے ادائیگی کرنے کا آپشن ہے تاکہ اسے اپنی سائٹ کے لیے منفرد بنا سکیں۔

اس سب کی وضاحت کے ساتھ ، آئیے مفت سی ایس ایس ٹیمپلیٹس تلاش کرنے کے لیے بہترین جگہوں پر ایک نظر ڈالتے ہیں۔

1۔ ٹیمپلیٹ ڈاٹ کام۔

800 سے زیادہ سی ایس ایس ٹیمپلیٹس کا یہ شاندار مجموعہ ویب سائٹ کے ہر طبقے کے سٹائل پر مشتمل ہے۔ وہ سب خاص طور پر سائٹ کے لیے بنائے گئے ہیں ، لہذا آپ کو انہیں کہیں اور کاٹتے ہوئے نہیں دیکھنا چاہیے۔

تمام ٹیمپلیٹس ذمہ دار ہیں ، اور HTML5 کے ساتھ بنائے گئے ہیں۔ وہ چھوٹے اور ہلکے ہیں ، جاوا اسکرپٹ کی اضافی خصوصیات کے ساتھ ، جیسے ویڈیو لائٹ باکس یا سکرول اثرات ، صرف وہیں استعمال ہوتے ہیں جہاں وہ تجربے میں حقیقی قدر ڈالتے ہیں۔

2۔ Styleshout.com

اسٹائل شاٹ مفت اور پریمیم دونوں ٹیمپلیٹس کی ایک بڑی رینج پیش کرتا ہے ، سابقہ کریٹیو کامنز لائسنس کے تحت جاری کیا گیا۔

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

3۔ HTML5Up.net

ٹیمپلیٹس کا یہ انتہائی سجیلا مجموعہ بھی انتہائی مقبول ہے۔ زیادہ تر کو سیکڑوں ہزاروں بار ڈاؤن لوڈ کیا گیا ہے ، اور یہ دیکھنا آسان ہے کہ کیوں۔

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

چار۔ Freebiesbug.com۔

Freebiesbug میں معیار کی کمی کے مقابلے میں مقدار کی کمی ہے۔ ایک ایسی سائٹ جہاں نوجوان ڈویلپرز اپنی صلاحیتوں کا مظاہرہ کرتے ہیں ، اس میں بہت سے اعلی ، پریمیم ڈیزائن شامل ہیں۔

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

اس کے علاوہ ، Freebiesbug.com میں ویب ڈیزائنرز کے لیے ہر قسم کے مفت وسائل شامل ہیں ، جن میں فونٹ ، اسٹاک فوٹو ، السٹریٹر کے خاکے اور PSD فائلیں اور بہت کچھ شامل ہے۔

5۔ مفت سی ایس ایس ڈاٹ کام۔

فری- سی ایس ایس ڈاٹ کام ایک غیر جانبدار ویب سائٹ ہے جو لکھنے کے وقت-کچھ 2503 مفت ٹیمپلیٹس کے علاوہ کافی مقدار میں پریمیم بھی ، اگر آپ اب بھی وہ نہیں ڈھونڈ سکتے جو آپ ڈھونڈ رہے ہیں۔

اس میں سے بہت سے لوگوں کو منتخب کرنے کے ساتھ کامل ڈیزائن پر بسنا تھوڑا مشکل ہوسکتا ہے۔ معیار عام طور پر اچھا ہے ، حالانکہ سائٹ کے 10 سالہ وجود کا مطلب ہے کہ یہ اب بھی XHTML میں لکھے گئے سانچوں کی میزبانی کرتا ہے۔ آپ ان سے بچنا چاہیں گے۔ دوسری بات یہ ہے کہ اس بات کو یقینی بنائیں کہ آپ اپنے منتخب کردہ سانچے کا لائسنس چیک کریں۔ وہ سب مفت ہیں ، لیکن کچھ پبلک ڈومین ہیں ، کچھ تخلیقی العام ، اور کچھ مصنف کے لیے مخصوص لائسنس استعمال کرتے ہیں۔

6۔ OS- Templates.com۔

28 صفحات کے مفت سی ایس ایس ٹیمپلیٹس ، زیادہ تر ایک صفحے پر جدید ، گرڈ پر مبنی ترتیب استعمال کرتے ہوئے۔ اگر سادہ آپ کے بعد ہے ، تو یہ دیکھنے کی جگہ ہے۔ ڈیزائن صاف ، پرکشش اور اپنی مرضی کے مطابق کرنے میں آسان ہیں۔

OS- Templates.com 'بنیادی ٹیمپلیٹس' کا ایک بڑا مجموعہ بھی پیش کرتا ہے۔ یہ آپ کو ایک ویب سائٹ کے لیے بنیادی ڈھانچہ فراہم کرتے ہیں جو کہ مختلف مقبول لے آؤٹ سکیموں (دو کالم ، تین کالم ، وغیرہ) میں مکمل طور پر غیر سٹائل ہوتے ہوئے۔ ورڈپریس میں ڈیفالٹ تھیم استعمال کرنے کی طرح ، خالی کینوس آپ کو اپنی سائٹ کو اپنی پسند کی چیز میں تبدیل کرنے کے قابل بناتا ہے۔

7. boag.online [مزید دستیاب نہیں]

Maglev ایک ایک صفحے کی ویب سائٹ ٹیمپلیٹ ہے جو ہو سکتا ہے۔ boag.online پر عمل میں پیش نظارہ کیا گیا۔ .

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

8۔ پکسل بدھ۔

پکسل بدھ کے ٹیمپلیٹس صرف ویب سائٹس تک محدود نہیں ہیں ، ان میں کچھ ای میل نیوز لیٹرز بھی شامل ہیں۔

کسی بھی طرح ، وہ سب HTML5 اور CSS3 کے ساتھ ڈیزائن کیے گئے ہیں ، اور جوابدہ ہیں لہذا کسی بھی ڈیوائس پر بہت اچھے لگتے ہیں۔ جھلکیاں شامل ہیں ہاوڈی ایچ ٹی ایم ایل ، ایک خوبصورت پورٹ فولیو/ریزیومے ٹیمپلیٹ ، اور ایس او ایچ او ایچ ٹی ایم ایل ، ایک شاندار نظر آنے والا ای کامرس پیج جس میں ایچ ٹی ایم ایل اور سی ایس ایس کے اوپر سورس پی ایس ڈی فائلیں شامل ہیں۔

آئی فون پر پوشیدگی وضع کا استعمال کیسے کریں

9۔ Templatemo.com

Templatemo سے تقریبا 500 مفت ٹیمپلیٹس دستیاب ہیں۔ کچھ بہترین وہ ہیں جو بوٹسٹریپ طرز کے گرڈ سسٹم سے الگ ہو کر کچھ مختلف کرنے کی کوشش کرتے ہیں۔

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

10۔ Startbootstrap.com۔

بوٹسٹریپ ایک ناقابل یقین حد تک مقبول فرنٹ اینڈ فریم ورک ہے جو آپ کو کسی بھی وقت اعلی معیار کی ویب سائٹس بنانے کے قابل بناتا ہے۔ تاہم ، سیکھنے میں تھوڑا وقت لگتا ہے ، جہاں سے اسٹارٹ بوٹسٹریپ آتا ہے۔

مفت ، اوپن سورس ٹیمپلیٹس کا یہ مجموعہ بوٹسٹریپ کے گرڈ سسٹم کا استعمال کرتے ہوئے بنایا گیا ہے۔ منتخب کرنے کے لیے 30 سے زیادہ ہیں۔ کچھ مکمل طور پر ڈیزائن کیے گئے ہیں ، اور ایپس ، بلاگز اور لینڈنگ پیجز کے لیے بنائے گئے ہیں ، جبکہ دیگر خالی ترتیبیں ہیں جو آپ کے اسٹائل کے منتظر ہیں۔

گیارہ. بوٹ واچ ڈاٹ کام۔

آخر میں ، کچھ زیادہ ہاتھ پر۔ بوٹ واچ بوٹسٹریپ کا استعمال کرتے ہوئے بنائی گئی سٹائل سائٹوں کو 16 اوپن سورس تھیم پیش کرتا ہے۔

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

بوٹسٹریپ کے ساتھ ایک بنیادی ویب سائٹ کو اکٹھا کرنا آسان ہے ، اور بوٹ واچ اسے کچھ فوری پالش دیتا ہے۔

سی ایس ایس ٹیمپلیٹس کا استعمال کیسے کریں

عام طور پر ، ٹیمپلیٹس کو استعمال کرنے کے دو طریقے ہیں۔ آپ یا تو انہیں جیسا ہے استعمال کرتے ہیں یا آپ انہیں اپنے ڈیزائن کی بنیاد کے طور پر استعمال کرتے ہیں۔

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

روکو پر مقامی ٹی وی کیسے دیکھیں

سی ایس ایس ٹیمپلیٹس تجربہ کار ویب ڈیزائنرز کے لیے ایک بہترین شارٹ کٹ ہے جو ذہن میں بنیادی ترتیب رکھتے ہیں اور سیدھے اس کو اسٹائل کرنا چاہتے ہیں۔

وہ ویب ڈیزائن میں نئے کسی کے لیے بھی بہترین ہیں۔ اگر آپ ایچ ٹی ایم ایل اور سی ایس ایس کے بارے میں اپنا راستہ جانتے ہیں لیکن ابھی سے شروع سے سائٹ بنانے کا اعتماد یا علم نہیں ہے تو پھر سی ایس ایس ٹیمپلیٹ ایک عمدہ نظر آنے والی سائٹ ، اور سیکھنے کا ایک زبردست ٹول دونوں کے طور پر کام کرتا ہے۔

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

کیا آپ ویب سائٹ بناتے وقت سی ایس ایس ٹیمپلیٹس استعمال کرتے ہیں؟ ان کو تلاش کرنے کے لیے آپ کی پسندیدہ جگہیں کیا ہیں؟ تبصرے میں اپنے تجربات اور تجاویز ہمارے ساتھ شیئر کریں۔

بانٹیں بانٹیں ٹویٹ ای میل۔ کمانڈ پرامپٹ کا استعمال کرتے ہوئے اپنے ونڈوز پی سی کو کیسے صاف کریں۔

اگر آپ کا ونڈوز پی سی اسٹوریج کی جگہ پر کم چل رہا ہے تو ، ان فاسٹ کمانڈ پرامپٹ افادیتوں کا استعمال کرتے ہوئے ردی کو صاف کریں۔

اگلا پڑھیں۔ متعلقہ موضوعات۔

پروگرامنگ۔
ویب ڈیزائن
سی ایس ایس

مصنف کے بارے میں اینڈی بیٹس۔(221 مضامین شائع ہوئے)

اینڈی ایک سابق پرنٹ صحافی اور میگزین ایڈیٹر ہیں جو 15 سال تک ٹیکنالوجی کے بارے میں لکھ رہے ہیں۔ اس وقت اس نے بے شمار اشاعتوں میں حصہ ڈالا اور بڑی ٹیک کمپنیوں کے لیے کاپی رائٹنگ کا کام کیا۔ اس نے میڈیا کے لیے ماہر تبصرے بھی فراہم کیے ہیں اور انڈسٹری ایونٹس میں پینل کی میزبانی کی ہے۔

اینڈی بیٹس سے مزید

ہماری نیوز لیٹر کو سبسکرائب کریں

ٹیک ٹپس ، جائزے ، مفت ای بکس ، اور خصوصی سودوں کے لیے ہمارے نیوز لیٹر میں شامل ہوں!

سبسکرائب کرنے کے لیے یہاں کلک کریں۔