جہاں HTML ساخت فراہم کرتا ہے، وہیں CSS خوبصورتی فراہم کرتا ہے۔ اس ماڈیول میں، آپ اس بات سے واقف ہوں گے کہ CSS کیا ہے، مختلف اسٹائلز کیسے کیسکیڈ ہوتے…
جہاں HTML ساخت فراہم کرتا ہے، وہیں CSS خوبصورتی فراہم کرتا ہے۔ اس ماڈیول میں، آپ اس بات سے واقف ہوں گے کہ CSS کیا ہے، مختلف اسٹائلز کیسے کیسکیڈ ہوتے ہیں، اور کن HTML عناصر کو اسٹائلائز کیا جا سکتا ہے۔
تعلیمی مقاصد:
- CSS کی سطحوں اور CSS کے نحو کو سمجھیں
- سیکھیں کہ ٹیبلز کیسے بنائیں، اور کالموں و قطاروں کو فارمیٹ اور تبدیل کیسے کریں
- بیرونی بمقابلہ اندرونی اسٹائلز کو پہچانیں
- سیکھیں کہ ٹیبولر ڈیٹا کو ٹیبل میں کیسے درآمد کریں
مہارتیں جو آپ حاصل کریں گے
Adobe DreamweaverCSS FrameworksHTML ComponentsHTML FormattingHTML TablesObject Oriented CSSآپ کیا سیکھیں گے
- CSS کی سطحوں (levels) اور CSS نحو (syntax) کو سمجھیں
- Dreamweaver میں ٹیبلز (tables) بنائیں
- ٹیبلز میں قطاروں (rows) اور کالمز (columns) میں ترمیم کریں
- ٹیبلز میں قطاروں اور کالمز کو فارمیٹ کریں
- بیرونی (external) بمقابلہ اندرونی (internal) اسٹائلز کو پہچانیں
- ٹیبلر ڈیٹا (tabular data) کو ایک ٹیبل میں امپورٹ کریں
اہم نکات
- HTML صفحہ کی ساخت فراہم کرتا ہے جبکہ CSS اسٹائل فراہم کرتا ہے۔
- CSS اسٹائلز مختلف سطحوں پر کیسکیڈ (cascade) کرتے ہیں، اور HTML عناصر کو CSS کا استعمال کر کے اسٹائل کیا جا سکتا ہے۔
- یہ ماڈیول ٹیبلز بنانے اور ان کے کالمز اور قطاروں میں ترمیم اور فارمیٹنگ کا احاطہ کرتا ہے۔
- یہ کورس CSS میں بیرونی اور اندرونی اسٹائلز کے درمیان فرق کرتا ہے۔
- سیکھنے والے ٹیبلر ڈیٹا کو براہ راست ایک ٹیبل میں امپورٹ کر سکتے ہیں۔
اکثر پوچھے گئے سوالات
یہ کورس کیا احاطہ کرتا ہے؟
یہ ماڈیول اس بات کا احاطہ کرتا ہے کہ CSS کیا ہے، مختلف اسٹائلز کیسے کیسکیڈ کرتے ہیں، اور کون سے HTML عناصر کو اسٹائل کیا جا سکتا ہے۔ یہ آپ کو ٹیبلز بنانا، کالمز اور قطاروں کو فارمیٹ اور تبدیل کرنا، بیرونی بمقابلہ اندرونی اسٹائلز کو پہچاننا، اور ٹیبلر ڈیٹا کو ایک ٹیبل میں امپورٹ کرنا بھی سکھاتا ہے۔
اس کورس سے میں کون سی مہارتیں حاصل کروں گا؟
آپ Adobe Dreamweaver، CSS Frameworks، HTML Components، HTML Formatting، HTML Tables، اور Object Oriented CSS میں مہارتیں بنائیں گے۔
اس کورس میں کون سے اسباق شامل ہیں؟
اسباق یہ ہیں: Create a Table, Modify Rows and Columns in Tables, Format Rows and Columns in Tables, اور Import Tabular Data into a Table۔
اس کورس میں سکھائے گئے HTML اور CSS میں کیا فرق ہے؟
کورس کے مطابق، HTML ساخت فراہم کرتا ہے جبکہ CSS خوبصورتی فراہم کرتا ہے، یعنی CSS کا استعمال HTML عناصر کو اسٹائل کرنے کے لیے کیا جاتا ہے۔
متن
متن
اس سبق میں، آپ سیکھنے جا رہے ہیں۔ ایڈوب ڈریم ویور میں ٹیبل کیسے بنایا جائے۔ اس سے پہلے کہ ہم اپنی میز پر کام کر سکیں، ہمیں ڈریم ویور میں ایک سائٹ قائم کرنے کی ضرورت ہے۔ تو ہم سائٹ مینو پر، نئی سائٹ پر جانے جا رہے ہیں۔ ہم اس کا نام دینے جا رہے ہیں۔ میزوں کے ساتھ کام کرنا، اور ہم فولڈر آئیکون پر کلک کرنے والے ہیں۔ اب میں نے سبق فائلوں کا فولڈر لیا ہے۔ اس Module3 سے، اور میں نے انہیں اپنے ڈیسک ٹاپ پر رکھا۔ تو میں اس Module3_tables کو منتخب کرنے جا رہا ہوں۔ اور وہ فولڈر منتخب کریں، اور ہم محفوظ کریں بٹن پر کلک کرنے والے ہیں۔ اگر آپ کو تھوڑا سا مزید جاننے کی ضرورت ہے۔ Dreamweaver میں سائٹس کے ساتھ کام کرنے کے بارے میں، آپ ماڈیول 1 اور سبق کو منظم کرنے والی سائٹس پر واپس جا سکتے ہیں۔ ڈریم ویور میں تھوڑا سا مزید جاننے کے لیے اس بارے میں کہ ہم Dreamweaver میں سائٹس کے ساتھ کیوں کام کرتے ہیں۔ میں فائلوں کے پینل پر جانے والا ہوں، اور میں hikes.html پر ڈبل کلک کرنے والا ہوں۔ اس سے وہ فائل ہماری مین ونڈو میں کھل جائے گی۔ ہم ایک میز استعمال کرنے جا رہے ہیں اس دستاویز میں ایک حقیقی میز کے طور پر۔ تاہم، یہ نوٹ کرنا ضروری ہے کہ انٹرنیٹ کے لیے ڈیزائننگ کے آغاز میں، میزوں کو ڈیزائن عناصر کے طور پر استعمال کیا گیا تھا۔ سی ایس ایس سے پہلے، کاسکیڈنگ اسٹائل شیٹس، اور وہ آج بھی استعمال ہوتے ہیں۔ HTML ای میل میں ڈیزائن عناصر کے طور پر۔ اب میں نے اپنے ویو موڈز سے ڈیزائن ویو منتخب کر لیا ہے۔ لہذا اگر آپ نے لائیو ویو منتخب کیا ہے، میں آپ کو اوپر جانے اور ڈیزائن کو منتخب کرنے کے لیے کہوں گا۔ اور ہم اپنا کرسر اس باکس میں ڈالیں گے۔ یہاں بائیں طرف، اور ہم ٹائپ کرنے والے ہیں۔ ہائیکنگ ٹریلز میں اور پھر انٹر کی کو دبائیں۔ اب ایک ٹیبل شامل کرنے کے لیے، ہم انسرٹ مینو ٹو ٹیبل پر جائیں گے۔ ٹیبل ڈائیلاگ باکس آتا ہے، اور ہم ایک میز بنانے جا رہے ہیں۔ تین قطاروں اور دو کالموں کے ساتھ۔ ہمارے پاس میز کی چوڑائی 300 پکسلز ہوگی۔ ایک کی سرحد کی موٹائی کے ساتھ۔ اب، اگر ہم چاہیں تو، ہم اس کا انتخاب کرسکتے ہیں۔ یا تو ہیڈر کالم، یا ہیڈر قطار، یا دونوں، لیکن ہم اسے چھوڑ دیں گے جیسے کوئی نہیں، اور ہم ٹھیک پر کلک کریں گے۔ Dreamweaver میں، تبدیلیاں کرنے کا سب سے آسان طریقہ آپ کی میز پر پراپرٹیز پینل میں نیچے ہے۔ تو ہم چوڑائی کو تبدیل کرنے والے ہیں۔ میز کا 300 سے 600 تک، اور آپ دیکھ سکتے ہیں کہ یہ اس علاقے میں کیسے فٹ بیٹھتا ہے۔ ہم وہاں جانے جا رہے ہیں جہاں یہ سیدھا کہتا ہے۔ ہم اسے ڈیفالٹ سے سینٹر میں تبدیل کرنے والے ہیں، تو یہ ہمارے علاقے میں اسے اچھی طرح سے مرکز بنائے گا۔ اور ہم MA میں ہائیکنگ ٹریلز کی اس ٹاپ قطار میں ٹائپ کرنے والے ہیں۔ اور، اب، اگلے حصے پر جانے کے لیے، ہمیں صرف ٹیب کی کلید پر کلک کرنا ہے، اور آپ دیکھ سکتے ہیں کہ یہ بدل جاتا ہے۔ ہماری میز تھوڑا سا۔ اور یہ جاننا ضروری ہے۔ کہ جب آپ میزیں ڈیزائن کر رہے ہیں۔ کچھ چیزیں ایسی ہیں جو اس کو فلوڈ ٹیبل بناتی ہیں۔ اور، اس طرح، جیسا کہ ہم معلومات ڈالیں گے یہ بدل جائے گا۔ ہمارے خلیات میں. میں ایک بار پھر ٹیب کی کو مارنے والا ہوں، اور میں ٹریل کا نام ٹائپ کرنے والا ہوں، اور ٹیب کی کلید اور ٹاؤن میں ٹائپ کریں۔ تو، آپ دیکھ سکتے ہیں، جیسا کہ میں نے ٹاؤن میں رکھا ہے۔ میرے کالم کچھ اور بدلتے ہیں۔ اب جب کہ ہمارے پاس ہمارے ٹیبل میں تھوڑی سی مزید معلومات ہیں۔ میں واپس جانا چاہتا ہوں اور کچھ اضافی تبدیلیاں کرنا چاہتا ہوں۔ میز پر تو ہم اس 600 پر کلک کرنے والے ہیں۔ ہماری میز کے اوپری حصے میں اور ہماری میز کو منتخب کریں، اور یہ ہمیں اپنا پراپرٹیز پینل لانے کی اجازت دیتا ہے۔ ہماری میز کے لیے دوبارہ بیک اپ۔ اور ہم سیل پیڈنگ کے بارے میں بات کرنے والے ہیں۔ اور ہماری میز کے سیل سپیسنگ۔ اگر آپ اپنے سیل پیڈنگ میں نمبر نہیں لگاتے ہیں۔ اور آپ کے سیل میں وقفہ کاری، بطور ڈیفالٹ HTML ڈالنے جا رہا ہے۔ ہر ایک میں پیڈنگ کا ایک پکسل۔ سیل پیڈنگ جگہ کی مقدار ہے۔ سیل کے کنارے اور مواد کے درمیان۔ لہذا اگر ہم سیل پیڈنگ کے طور پر 10 ڈالیں اور انٹر کی کو دبائیں، آپ دیکھ سکتے ہیں کہ اب ہماری قسم تھوڑا سا دور ہے۔ ہمارے خلیات کے کنارے سے۔ سیل اسپیسنگ، میں ابھی کے لیے صرف پانچ ڈالنے والا ہوں، خود خلیات کے درمیان جگہ کی مقدار ہے۔ تو میں اسے ڈیلیٹ کرنے والا ہوں اور انٹر کی کو دباؤں گا۔ اور اسے ڈیفالٹ سیٹنگ کے طور پر چھوڑ دیں۔ اب دوسری جائیداد جو ہمارے پاس ہے۔ کیونکہ ہماری میز سرحد ہے۔ فی الحال، ہمارے پاس ایک بارڈر ہے، لیکن آپ دیکھ سکتے ہیں کہ کیا ہم صفر کی سرحد لگاتے ہیں، ڈریم ویور، ڈیزائن ویو میں، ہمیں ہماری میز کے کنارے دکھائے گا۔ لیکن اگر ہم لائیو ویو پر جائیں۔ آپ دیکھ سکتے ہیں کہ ہمیں ٹیبل کی سرحد بالکل نظر نہیں آتی۔ میں اسے واپس ڈیزائن ویو پر ڈالنے جا رہا ہوں۔ کیونکہ ڈیزائن ویو ہمیں کام کرنے میں مدد کرتا ہے۔ میزوں کے ساتھ کام کرتے وقت بہت زیادہ مؤثر طریقے سے۔ اگلے اسباق میں، ہم ترمیم کرنے کے بارے میں مزید جانیں گے۔ اور ہمارے خلیات کو فارمیٹ کرنا۔ تو، اس سبق میں، آپ نے تخلیق کرنے کا طریقہ سیکھا۔ Adobe Dreamweaver میں ایک میز۔
چلتے پھرتے سیکھیں
اپنی تعلیم ہر جگہ ساتھ لے جائیں — KnowledgeCity موبائل ایپ آپ کو چلتے پھرتے اسباق دیکھنے کی سہولت دیتی ہے۔