KnowledgeCity

Dreamweaver HTML5 انضمام

آپ HTML5 فنکشنز کے خاندان کا استعمال کرتے ہوئے Dreamweaver میں اپنے صفحات میں آسانی سے ویڈیو، آڈیو اور اینیمیشن شامل کر سکتے ہیں۔ اس سے آپ اپنی…

آپ HTML5 فنکشنز کے خاندان کا استعمال کرتے ہوئے Dreamweaver میں اپنے صفحات میں آسانی سے ویڈیو، آڈیو اور اینیمیشن شامل کر سکتے ہیں۔ اس سے آپ اپنی موجودہ سائٹ میں دلکش آڈیو اور بصری مواد بنا اور شامل کر سکتے ہیں۔ ان اسباق میں، آپ یہ بھی پہچانیں گے کہ Dreamweaver میں فائلوں کا پیش منظر دیکھنے کے لیے Live view محدود حد تک ہی کارآمد ہے۔ Real Time Preview کی خصوصیت آپ کو یہ دیکھنے کی اجازت دیتی ہے کہ آپ کے صفحات حقیقی براؤزر ونڈو میں کیسے نظر آئیں گے۔

سیکھنے کے مقاصد

  • HTML5 فنکشنز کا استعمال کرتے ہوئے اپنے صفحات میں ویڈیو، آڈیو اور اینیمیشن شامل کرنا سیکھیں
  • صرف Live View استعمال کرنے کے بجائے براؤزر میں اپنے صفحات کا پیش منظر دیکھنے کی اہمیت کو سمجھیں

مصنف: Patti Scully-Lane

دورانیہ: 21m · 3 اسباق
سطح: Intermediate
زبان: اردو

مہارتیں جو آپ حاصل کریں گے

Adobe DreamweaverHTML5shivHTML5Interactive Web ContentInteractive Web DevelopmentInteractive Web Pages

آپ کیا سیکھیں گے

  • Dreamweaver میں اپنے صفحات پر HTML5 ویڈیو شامل کریں
  • اپنی موجودہ سائٹ میں آڈیو فائلیں داخل کریں
  • دلچسپ بصری مواد بنانے کے لیے HTML5 اینیمیشن داخل کریں
  • HTML5 فیملی آف فنکشنز کا استعمال کرتے ہوئے ویڈیو، آڈیو، اور اینیمیشن شامل کریں
  • ریئل ٹائم پیش نظارہ خصوصیت کا استعمال کرتے ہوئے ایک حقیقی براؤزر ونڈو میں صفحات کا پیش نظارہ کریں

اہم نکات

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

اکثر پوچھے گئے سوالات

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

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

اس کورس میں کون سے اسباق شامل ہیں؟

کورس میں تین اسباق شامل ہیں: ایک HTML5 ویڈیو شامل کریں، آڈیو فائلیں شامل کریں، اور ایک HTML5 اینیمیشن داخل کریں۔

اس کورس سے میں کیا مہارت حاصل کروں گا؟

آپ ایڈوب ڈریم ویور، ایچ ٹی ایم ایل 5، ایچ ٹی ایم ایل 5 شیو، انٹرایکٹو ویب مواد، انٹرایکٹو ویب ڈویلپمنٹ، اور انٹرایکٹو ویب پیجز بنانے میں مہارت حاصل کریں گے۔

کورس براؤزر میں پیش نظارہ کرنے پر کیوں زور دیتا ہے؟

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

متن

متن

اس سبق میں، آپ سیکھنے جا رہے ہیں۔ ایڈوب ڈریم ویور میں کسی صفحہ پر HTML5 ویڈیو کیسے شامل کریں۔ اب، اس سے پہلے کہ ہم شروع کریں۔ ہمیں اس ماڈیول کے لیے ایک سائٹ قائم کرنی ہوگی۔ اور اس طرح ہم اپنی سائٹ کے مینو پر، نئی سائٹ پر جائیں گے۔ ہم یہاں اس فولڈر کے آئیکون پر کلک کرنے والے ہیں۔ اب میں پہلے ہی ماڈیول چھ میڈیا فولڈر ڈال چکا ہوں۔ میرے ڈیسک ٹاپ پر سبق فائلوں کے فولڈر سے تاکہ میرے لیے استعمال کرنا آسان ہو۔ تو آپ باہر تشریف لے جائیں گے۔ جہاں بھی آپ کے پاس وہ فولڈر ہے۔ اور ہم سلیکٹ فولڈر کے بٹن پر کلک کرنے والے ہیں۔ میں اس کا نام دینے جا رہا ہوں، ماڈیول چھ میڈیا، اور ہم محفوظ بٹن پر کلک کرنے والے ہیں۔ اب، اگر آپ نے کبھی سائٹ نہیں بنائی ہے۔ یا اگر آپ مزید معلومات چاہتے ہیں۔ اس بارے میں کہ ہم عام طور پر سائٹس کیوں استعمال کرتے ہیں، آپ ماڈیول ون پر واپس جا سکتے ہیں۔ Dreamweaver میں سائٹس کا انتظام کرنا اور سائٹس کے ساتھ کام کرنے کے بارے میں تھوڑا سا مزید جانیں۔ یہاں دائیں جانب ہمارے فائلز پینل سے، ہم نمایاں اضافے کو کھولنے والے ہیں۔ اب اس صفحہ پر، ہمارے پاس نمایاں اضافہ ہے۔ اور یہ ڈینفورتھ فالس ہے۔ اور ان کے پاس واقعی ایک زبردست آبشار کا علاقہ ہے۔ تو ہم کیا کرنا چاہتے ہیں ہم یہاں صرف ایک تصویر نہیں لگانا چاہتے لیکن ہم یہاں ایک ویڈیو ڈالنا چاہتے ہیں۔ تو ہم کیا کرنے جا رہے ہیں ہم اس بات کو یقینی بنائیں گے۔ کہ ہم ڈیزائن کے نظارے میں ہیں اور یہاں دائیں طرف، ہم وہاں کلک کریں گے جہاں ہمارا ساتھ ہے۔ اور یہ یقینی بنانے کے لیے کہ آپ صحیح جگہ پر ہیں، ہمارے اسٹیٹس بار کو نیچے کے ساتھ نیچے دیکھیں۔ اور آپ دیکھ سکتے ہیں، یہ ایک ضمنی اور صحیح مضمون کہے گا۔ اور اگر تم دیکھتے ہو کہ، آپ جانتے ہیں کہ آپ صحیح جگہ پر ہیں۔ ماضی میں ایچ ٹی ایم ایل کے ساتھ، ہمیں ہوپس کے ذریعے کودنا پڑتا تھا۔ صفحہ پر ویڈیو ڈالنے کے لیے۔ لیکن اب HTML5 کے ساتھ، یہ بہت آسان ہے۔ تو ہم جا رہے ہیں۔ یہاں دائیں جانب داخل پینل پر۔ ہم ڈراپ ڈاؤن سے ایچ ٹی ایم ایل کا انتخاب کریں گے۔ پینل کے اوپری حصے میں۔ اور ہم نیچے سکرول کرنے والے ہیں۔ HTML5 ویڈیو کے نیچے کی طرف۔ اور ہم اس پر کلک کریں گے۔ یہ صرف ایک قدم ہے، جو وہاں ایک پلیس ہولڈر رکھتا ہے۔ لیکن یہاں ہمارے پراپرٹیز پینل میں، یہ وہ جگہ ہے جہاں ہمارے پاس وہ تمام معلومات ہیں جن کی ہمیں ضرورت ہے۔ تاکہ یہ ویڈیو حقیقت میں کام کر سکے۔ تو ہم فائلوں کے پینل پر جائیں گے، اس فائل پینل پر واپس کلک کریں۔ اور پہلی، شاید سب سے اہم خصوصیت اس پراپرٹیز پینل میں ماخذ ہے۔ تو یہ سب سے اہم چیز ہے جو ہمیں کرنے کی ضرورت ہے۔ تو ہم اپنی فائلوں میں اپنے میڈیا مینو پر جائیں گے۔ ہم اسے کھولیں گے۔ کیونکہ ہم اس 0.2 فائل کو استعمال کرنے والے ہیں، یہ چھوٹا سا بلسی آئیکن، صرف ماخذ کے دائیں طرف۔ اور ہم اس پر کلک کریں گے اور اسے گھسیٹیں گے۔ ہمارے آبشار تک۔ ابھی، کیونکہ ہمارے پاس یہاں ایک پلیس ہولڈر ہے، وہ جگہ ہولڈر بہت چھوٹا ہے۔ اور اگر ہم اسے اسی طرح چھوڑ دیں، ہماری ویڈیو کتنی بڑی ہو گی، جو کہ چھوٹی ہے۔ تو ہم چوڑائی تک نیچے جانے والے ہیں۔ اور ہم 300 کی چوڑائی اور 500 کی اونچائی میں ڈالیں گے۔ اور اس طرح یہ وہ جگہ ہے جہاں ہماری ویڈیو ہوگی۔ جب آپ کے پاس صفحہ پر کوئی ویڈیو ہو۔ اگر ہم اسے ایسے ہی چھوڑ دیتے، جب ہمارا صفحہ لوڈ ہوتا، ہمارے تمام ناظرین ایک بلیک باکس دیکھیں گے۔ تو ماخذ کے بالکل نیچے، ہمارے پاس اسے استعمال کرنے کی صلاحیت ہے جسے پوسٹر کہتے ہیں۔ اور پوسٹر صرف ایک تصویر ہے۔ اس ویڈیو کے چلنے کے بعد آپ کیا دیکھ سکتے ہیں۔ تو ہم اپنے فائلوں کے پینل پر واپس جائیں گے۔ اور اس بار ہم اپنے امیجز فولڈر کو کھولنے والے ہیں۔ ہم نیچے اور اپنے پوسٹر کے لیے سکرول کرنے والے ہیں۔ ہم فائل کرنے کے لیے اسی نقطہ کو استعمال کریں گے۔ ہم اس آئیکون پر کلک کرنے والے ہیں۔ ہم اسے گھسیٹ کر آبشار پر لے جائیں گے۔PNG۔ تو یہ اس آبشار کی تصویر ہے۔ ہم کچھ فال بیک ٹیکسٹ حاصل کرنا چاہتے ہیں۔ لہذا اگر کوئی یہ نہ دیکھ سکے کہ ہماری ویڈیو کیا ہے، ہم آبشار کی ویڈیو میں ٹائپ کر سکتے ہیں۔ ڈینفورتھ فالس میں موسم بہار کے دوران، بارش کے بعد۔ تو پانی بہہ رہا ہے۔ نیچے بائیں جانب، ہمارے پاس کچھ مختلف اختیارات ہیں۔ تو پہلا ہے، ہمارے پاس کنٹرول ہے، لہذا ہم انتخاب کر سکتے ہیں۔ ہمارے ناظرین توقف کرنے کے قابل ہیں یا نہیں۔ یا چلائیں یا اس ویڈیو کو دوبارہ چلائیں۔ تو ہم کنٹرولز کو چھوڑ دیں گے۔ آپ کے پاس اسے آٹو پلے کرنے کا انتخاب کرنے کی صلاحیت بھی ہے۔ تو جیسے ہی صفحہ لوڈ ہوگا، ویڈیو چل جائے گی۔ اب، یہاں اس کے بارے میں بات ہے. اگر آپ چاہتے ہیں کہ وہ فیچر دراصل کسی براؤزر میں کام کرے، کچھ جدید براؤزر آٹو پلے کی یہ خصوصیت پسند نہیں ہے۔ لیکن اس کے ارد گرد حاصل کرنے کے طریقوں میں سے ایک اس خاموش بٹن پر کلک کرنا ہے۔ اب، ہم نے کیا کیا ہے کہ سب کچھ، پیش نظارہ کی ایک بہت جو ہم نے صفحات کا کیا ہے وہ ہمارے لائیو ویو کے ذریعے کیا گیا ہے۔ اور اگر ہم اپنے لائیو ویو پر جائیں، ہم اسے تھوڑا سا سوچتے ہوئے دیکھ سکتے ہیں۔ لیکن یہ آپ کے ویڈیو کو دیکھنے کے لیے بہترین جگہ نہیں ہے۔ تو ہم محفوظ کرنے کے لیے فائل مینو پر جائیں گے، اور میں اپنے براؤزر پر جانے والا ہوں۔ اور میں ایک کنٹرول O کرنے والا ہوں، میں پی سی پر ہوں۔ اگر آپ میک پر ہیں، تو آپ O کمانڈ کرنے والے ہیں، اور یہ ہمیں ایک فائل کھولنے کی اجازت دے گا۔ اور ہمیں باہر تشریف لے جانا چاہئے۔ جہاں بھی ہمارے پاس وہ ماڈیول چھ میڈیا فولڈر ہے۔ اور ہم ڈبل کلک کرنے والے ہیں۔ اسے کھولنے کے لیے اس نمایاں اضافے پر۔ تو آپ ہماری ویڈیو دیکھ سکتے ہیں۔ شروع ہو گیا ہے اور ہماری ویڈیو چل رہی ہے۔ لیکن چیزوں میں سے ایک یہ ہے کہ یہ آٹو پلے ہے۔ گرنے کی آواز ہے۔ تو ہمارے ناظرین کو جاننا ہوگا، سب سے پہلے، کہ آواز ہے. اور دوسری بات، انہیں جاننے کی ضرورت ہوگی۔ تاکہ وہ اس آواز کو دوبارہ آن کر سکیں اور پھر اس پلے بٹن پر کلک کریں۔ تو پھر آپ وہ آواز سن سکتے ہیں۔ میں ڈریم ویور پر واپس جانے والا ہوں۔ تو آپ کو فیصلہ کرنا ہوگا کہ آیا نہیں۔ آپ چاہتے ہیں کہ آپ کا ویڈیو چلے، چاہے نہ چلے آپ چاہتے ہیں کہ یہ شروع میں ہی آٹو پلے ہو۔ اگر آپ کرتے ہیں، کیا آپ کو اس پر آواز کی ضرورت ہے؟ یا یہ ٹھیک ہے کہ یہ خاموش ہے؟ اور کیا آپ اپنے صارفین کو کنٹرول دینے جا رہے ہیں؟ اس ویڈیو کو چلانے اور روکنے سے زیادہ؟ تو اس سبق میں، آپ نے HTML5 ویڈیو کو شامل کرنے کا طریقہ سیکھا۔ Adobe Dreamweaver میں ایک صفحہ پر۔

چلتے پھرتے سیکھیں

اپنی تعلیم ہر جگہ ساتھ لے جائیں — KnowledgeCity موبائل ایپ آپ کو چلتے پھرتے اسباق دیکھنے کی سہولت دیتی ہے۔