مواد ترتیب کے لئے گائیڈ

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

اسی لئے میں کچھ بنیادی وضاحتیں دینے جارہا ہوں کہ کام کو زیادہ سے زیادہ آسان بنانے کے ل conditions حالات میں کس طرح کسی مواد کی ترتیب پر غور کیا جائے اور اس کا نتیجہ زیادہ سے زیادہ ہو۔

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

مرحلہ 1: ٹیمپلیٹ

ایک ٹیمپلیٹ حاصل کرنے کے لیے جہاں ہم اپنی تجویز کو "ڈرا" کر سکتے ہیں، ہم کیا کرنے جا رہے ہیں کاغذ کی A4 شیٹ لیں اور ہم اسے ایک تہائی لمبائی میں جوڑیں گے۔

مرحلہ 2: مواد بلاکس

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

ویڈیو بلاک

ہم یہ فرض کریں گے کہ ویڈیو عام طور پر یوٹیوب کی ویڈیو ہوگی ، ہم اس کی نمائندگی حسب ذیل نمونے میں کرتے ہیں۔

تصویری بلاک

یہ اس بات پر منحصر ہے کہ آیا تصویر زمین کی تزئین کی ہے یا پورٹریٹ ، کیوں کہ ہم اتفاق کریں گے۔

ٹیکسٹ بلاک

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

ٹیکسٹ بلاکس میں شامل پیراگراف اور حتی کہ ٹیکسٹ بلاکس ہوسکتے ہیں متنی شے کی فہرستیں

میں دو مثالیں پیش کرنے جا رہا ہوں: زمین کی تزئین کی شبیہ کے ساتھ موجود متن کا ایک بلاک ، اور ایک تصویر کے نقش کے آگے ایک اور:

عنوان بلاک

علیحدہ بلاکس میں جانے والے عنوانات لمبے لمبے بلاکس ہوتے ہیں جو عام طور پر پوری لائن پر قابض ہوتے ہیں۔

بٹن بلاک

اگر ہم لوگوں پر کلک کرنے اور انہیں ویب کے کسی اور حصے میں لے جانے کے ل a ایک بٹن رکھنا چاہتے ہیں یا کچھ معلومات (یا فارم) والی ونڈو ظاہر ہوگی۔

دوسرے بلاکس

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

آخر میں ، یہاں مندرجہ بالا ذکر کردہ تمام اقسام کے بلاکس والے سانچے کی ایک مثال ہے۔

بلاکس کو بڑھانا

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

مرحلہ 3: مواد کی تشکیل

اب چونکہ ہمارے پاس بلاکس اور قسم کے بلاکس کے ذریعہ مواد کی ترتیب ہے اس لئے یہ ضروری ہے کہ وہ مواد تیار کیا جائے جو ان بلاکس میں چلے جائیں۔ 3 مرحلہ 2 قدم کے ساتھ تبادلہ ہوتا ہے۔ دوسرے لفظوں میں ، ہم اس سے پہلے مشمولات تشکیل دے سکتے ہیں ، اور پھر ہم جس مواد کو شامل کرنا چاہتے ہیں اسے جانتے ہوئے لے آؤٹ کرسکتے ہیں۔ یہ ایک طرح سے یا کسی اور طرح سے کرنا قطعاct ناگوار ہے ، لیکن ہمیں اس سے آگاہ رہنا چاہئے کہ مشمولات کو ہماری ترتیب میں بالکل فٹ ہونا ہے۔

ہم پچھلی مثال کی پیروی کریں گے۔ 4 تصویر میں ہم مندرجہ ذیل بلاکس دیکھ سکتے ہیں:

• 2 ٹائٹل بلاکس
• 4 ٹیکسٹ بلاکس
• 1 ویڈیو بلاک
• 2 تصویری بلاکس
• ایکس این ایم ایکس ایکس بٹن بلاک
• کل: 10 بلاکس

لہذا ہمیں اپنے مواد کو ایڈجسٹ کرنا پڑے گا تاکہ یہ بلاکس میں بالکل بھی فٹ ہوجائے بغیر چھوڑے اور ان سب میں فونٹ کا سائز بالکل ایک جیسا ہو۔ اس کے ل ممکن ہے اس کے قابل پہلے مواد تخلیق کریں اور پھر اسے مسدود کریں. یہ پہلے سے ہی شخص پر بہت انحصار کرتا ہے۔

مرحلہ 4: بلاکس کے ساتھ مواد کو فٹ کرنا

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

ویڈیو بلاکس

ویڈیوز کو دو طریقوں سے منظور کیا جاسکتا ہے:

1. جیسے آلے کے ذریعے MP4 ویڈیو فارمیٹ میں WeTransfer.
2. پسندیدہ انتخاب: انہیں یوٹیوب مارچ کے چینل پر اپ لوڈ کرنا اور ویڈیو کے یوٹیوب لنک پر جانا۔

ایسی صورت میں جب لے آؤٹ میں صرف ایک ویڈیو موجود ہو تو کوئی پریشانی نہیں ہوگی۔ لیکن اگر بہت ساری ویڈیوز موجود ہیں تو ہمیں ان کو کسی نہ کسی طرح اس ترتیب کے ساتھ منسلک کرنا پڑے گا جو ہم نے کاغذ پر کیا ہے۔

مثال کے طور پر ذرا تصور کریں کہ وہاں تین ویڈیوز ہیں۔ لے آؤٹ میں ہم پہلے ویڈیو میں ایک 1 نمبر ، دوسرے ویڈیو میں ایک 2 اور تیسرے ویڈیو میں ایک 3 نمبر کھینچیں گے۔ اور پھر جب تمام دستاویزات بھیج رہے ہوں گے تو ہم اس کو کچھ اس طرح سے رکھیں گے۔

• ویڈیو 1: وہ ویڈیو جو عدم تشدد کے فقروں سے متعلق ہے عنوان کے ساتھ: "عدم تشدد کے سب سے اہم جملے"
• ویڈیو 2: ویڈیو جو جھنڈے کے رنگوں سے متعلق ہے عنوان کے ساتھ: "عدم تشدد کا جھنڈا"
• ویڈیو 3: ویڈیو جو اس گروپ سے متعلق ہے جو ارجنٹائن میں مارچ کرنے جا رہا ہے عنوان کے ساتھ: "ارجنٹینا کی بنیادی ٹیم"

اس سے یہ جاننا آسان ہوجائے گا کہ کون سا ویڈیو ہر حصے سے مماثل ہے۔

تصویری بلاکس

اس صورت میں ، تمام تصاویر کو IMGUR پلیٹ فارم پر اپ لوڈ کرنا ضروری ہے۔ https://imgur.com/upload

اور پھر ان تصاویر کے لنکس پاس کریں۔ مثالی یہ ہے کہ تصاویر کو ویڈیوز جیسی ہی رکھیں، جن پر 1، 2، ایک 3 اور اسی طرح کا نشان لگایا گیا ہے۔ مثال کے طور پر، تصور کریں کہ ہمارے پاس جنوبی افریقہ میں پرواز پر 4 تصاویر ہیں۔ چاروں کا ایک ہی نام ہے: "sudafrica.jpg"۔ ٹھیک ہے، ہم یکے بعد دیگرے ناموں کو اس مقام پر رکھتے ہیں جہاں وہ لے آؤٹ میں ہوں گے اور ہم کاغذ پر نمبر پینٹ کرتے ہیں جس سے وہ مطابقت رکھتے ہیں۔ مثال:

• Sudafrica-1.jpg
• Sudafrica-2.jpg
• Sudafrica-3.jpg
• Sudafrica-4.jpg

بٹن ، ٹائٹل اور ٹیکسٹ بلاکس

آخر میں ، ان بلاکس کو ورڈ دستاویز میں ، یا کسی Google دستاویز میں ترجیحی طور پر لکھا جانا چاہئے۔

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

مثالیں:

• عنوان 1:….
• عنوان 2:…
• متن 1:…
• متن 2:…
• بٹن 1:…
• بٹن 2:…

تب میں نے بالکل بے ترتیب نصوص کے ساتھ ایک مثال دستاویز ڈالی تاکہ یہ دیکھا جا سکے کہ اس کی تشکیل کیسے ہوگی ، 4 تصویر کی مثال کے بعد:

ایک بار جب ہم نے ہر ایک حصے سے مماثل نمبر ڈالے تو لے آؤٹ کو اس طرح نظر آنا چاہئے۔

4 قدم: سب بھیجیں

ایک بار جب ہم سب کام کر لیتے ہیں ، آپ کو صرف اس شخص کو بھیجنا پڑے گا جو لے آؤٹ کا انچارج ہوگا

یہ صرف لے گا

1. ترتیب کے ساتھ کاغذ پر خاکے
2. مشمولات
   • یوٹیوب یا وی ٹرانسفر سے ویڈیو لنک
   • تصاویر کے IMGUR لنکس
   • گوگل دستاویزات یا ورڈ فائل میں دستاویز کا لنک

نوٹری اہم فائنل

آخر میں ، مثالی یہ ہو گا کہ اس میں ایک نمایاں شبیہہ شامل ہو جو صفحہ کے عنوان 1 ہیڈر کے ساتھ ہو۔ یہی وجہ ہے کہ عنوان 1 ہمیشہ شروع میں ہی نظر آنا چاہئے۔

ہیڈر کی تصویر میں 960 x 540 پکسلز کا سائز ہونا ضروری ہے۔ یہ تصویر بقیہ تصاویر کی طرح بطور IMGUR بھیجی جاسکتی ہے

حتمی نتیجہ۔

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

حتمی صفحہ