ویب ڈیزائننگ اینڈ ڈیویلپمنٹ کورس (حصہ اول) میں خوش آمدید(اعلانات و تعارف )

ویب ڈیزائننگ کورس (حصہ اول)​

HTML5​

میں خوش آمدید​

زیادہ سے زیادہ صارفین کی کورس میں شمولیت ہمارے لئے باعثِ مسرت ہوگی، کورس کے شرکا ء سے بھی گزارش ہے کہ وہ خود بھی باقاعدگی سے شرکت فرمائیں اورساتھ ساتھ دیگر احباب کو بھی دعوت پیش کریں​

؎صلائے عام ہے یارانِ نکتہ داں کے لئے

تعارف :​

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

مقصد:​

اس کورس کے اس حصے کا بنیادی مقصد یہ ہے کہ ہم ایک اچھا اور معیاری ویب پیج بنانے کی سعی میں کامیابی سے ہمکنا ر ہوسکیں​

اصول و ضوابط برائے کورس :​

1. ہر سبق علیحدہ لڑی میں پوسٹ کیا جائے گا
2. جب تک لڑی میں اس سبق کے ختم ہونے کا اعلان نہ ہوجائے اس وقت تک کوئی پیغام درج نہ فرمائیں
3. سبق کی لڑی میں صرف سوالات ہی پوچھے جائیں یا پھر سبق میں موجو دغلطیوں کی نشاندہی کی جائے
4. سبق سے متعلق تجاویز کے لئے متعلقہ سبق میں ہی پوسٹ کی جائے جبکہ کورس کے متعلق تجاویز کے لئے ویب ڈیزائننگ تعارف والی لڑی استعمال کریں
5. تبصرہ جات کی لڑی علیحدہ ہوگی، اس لئے صارفین سبق کی لڑی میں غیر ضروری تبصروں سے گریز فرمائیں
6. اپنی حاضری کو پابندی سے یقینی بنائیں

طریقہ اسباق اور دورانیہ:​

فی الوقت بلال بھائی کے مشورے سے اس میں مندرجہ بالا اصطلاحات کی گئی ہیں​

1. کل 7 اسباق ہوں گے جو 7 ہفتوں پر محیط ہوں گے اور 8واں ہفتہ پراجیکٹ کا ہوگا، اس طرح یہ کورس 2 ماہ میں اختتام پذیر ہوگا
2. ہر سبق کا دورانیہ ایک ہفتہ ہوگا
3. ہر سبق کے اختتام پر مشق (assignment) کے نام سے صارفین کے لئے ہوم ورک ہوگا جوکہ الفاظ کی صورت میں (بیانیہ) یاتصویر کی صورت میں بتا یا جائے گا
4. صارفین سبق پڑھنے کے بعد پیش آمدہ مسائل کے متعلق اسی لڑی میں سوال جواب کا سلسلہ کریں گے
5. دی گئی مشق (assignment) کو حل کرنے کے بعد پڑھانے والے کو ذاتی پیغام میں روانہ کردی جائے

 

سب سے پہلے تو ہم HTML5کے متعلق اسباق کا اجمالی جائزہ لیتے ہیں​

COURSE OUTLINE​

پہلا سبق

1. ورلڈ وائڈ ویب (WWW-World Wide Web) کا موجد
2. ورلڈ وائڈ ویب کنسورشیم (W3C-World Wide Web Consortium)
3. ایچ ٹی ایم ایل کے ورژنز کا مختصر تعارف (Short Introduction to HTML Versions)
4. ٹیکسٹ ایڈیٹر(Text Editor)
5. ٹیگز کا استعمال (Use of Tags)
6. اوصاف و اقدار (attributes and values)
7. ویب پیج کا تعارف (Introduction to a Web Page)
8. ویب پیج بنانا (Create Web Page)
9. ہیڈنگ ٹیگز(Heading Tags)
10. پیراگراف ٹیگ(Paragraph Tag)
11. لائن بریکنگ(Line Break/Break Row)
12. بولڈ ٹیگ(Bold Tag)، سٹرانگ ٹیگ (Strong Tag)
13. اٹیلک ٹیگ(Italic Tag)، ایمفسائزڈٹیگ (Emphasized Tag)، ڈیفینیشن ٹیگ (Definition Tag)، ویری ایبل ٹیگ (Variable Tag)، سائٹ ٹیگ(Cite Tag)
14. انڈر لائن ٹیگ(Underline Tag)، انسرٹ ٹیگ (Insert Tag)
15. ڈیلیٹ ٹیگ(Delete Tag)، ایس ٹیگ (S Tag)،سٹرائک ٹیگ(Strike Tag)
16. ٹیلی ٹائپ ٹیگ(Tele Type Tag)، کوڈ سٹائل ٹیگ (Code Style Tag)، کی بورڈ ان پُٹ ٹیگ(Keyboard Iut Tag) ، سیمپل ٹیگ(Sample Tag)

​

 

دوسرا سبق​

1. افقی خط کا ٹیگ (Horizontal Line Tag)
2. تاثرات/کمنٹس ٹیگ (Comments Tag)
3. مخففات کے ٹیگ (Acronym & Abbreviation Tags)
4. بِگ ٹیگ (Big Tag)
5. سمال ٹیگ (Small Tag)
6. سنٹر ٹیگ (Center Tag)
7. پری فارمیٹڈ ٹیکسٹ (Preformatted Text)
8. واوین ٹیگ(Short Quotation Tag)
9. اقتباس ٹیگ(Blockquote Tag)
10. ایڈریس ٹیگ (Address Tag)
11. رنگوں کا استعمال (Use of Colours)
12. پس منظر کا رنگ تبدیل کرنا (Changing the Background Color)
13. تصویر شامل کرنا (Inset an Image)
14. تصویر کی الائنمنٹ اور سائز تبدیل کرنا (Alignment and Change the Size of Image)
15. تصویر کے ماخذ کا ربط دینا (Source Link of Image)
16. پاتھ ڈائریکٹری کا استعمال (Use of Path Directory)
17. پس منظرمیں تصویرشامل کرنا (Inserting a Background Image)

 

تیسرا سبق​

• سادہ لسٹنگ
• لسٹ میں تصویر بطور بلٹ
• ڈیفینیشن لسٹنگ
• سب سکرپٹ
• سپر سکرپٹ
• فونٹ ٹیگ
• اردو کا استعمال

​

 

چوتھا سبق​

• ربط دینا -لنکس
  • اسی فولڈر میں لنک
  • ذیلی فولڈرمیں لنک
  • اوپر کے فولڈرمیں لنک
  • ہارڈ ڈسک کی ڈائریکٹری سے لنک کا نقصان
  • اسی ویب پیج میں کسی خاص مقام کا لنک
  • کسی دوسرے ویب پیج کا لنک
  • کسی دوسرے ویب پیج میں کسی خاص مقام کا لنک
  • مختلف ویب سائٹس کے لنکس
• ٹارگٹ ونڈو
• تصویر بطور ربط
• ای میل لنک

​

 

پانچواں سبق​

• ٹیبلز
• کالم اور روز کا سائز
• بارڈرز
• میٹا ٹیگ مختصر
• بلنک
• مارکوئی
• الائنمنٹ

​

 

چھٹا سبق​

• فریمز کا استعمال
• ملٹی میڈیا کا استعمال
• ویڈیو ٹیگ
• ایمبیڈڈ میڈیا یا ڈاکومنٹ
• بقیہ ٹیگز
• سپیشل کریکٹرز

​

 

ساتواں سبق​

• فارم کا استعمال

​

 

اختتام پر ایک پراجیکٹ​