Nesting سائٹ: پس منظر کی تصویر بنانے کے لئے کس طرح ایچ ٹی ایم ایل

کئی نوسکھئیے ویب ڈیزائنرز، صرف ان سائٹس کی تخلیق کے جوہر میں delve، اکثر HTML پس منظر کی تصویر کس طرح کرنا ہے حیرت ہے. اور ان میں سے بعض کو اس مسئلہ سے نمٹنے کے کر سکتے ہیں، اگر یہ اب بھی مانیٹر پر تصویر کی پوری چوڑائی ھیںچ کے وقت ایک مسئلہ ہے. ایک ہی وقت میں میں نے ویب سائٹ کے تمام براؤزرز پر شناختی دکھائے جاتے ہیں دیکھنے کے لئے چاہتے ہیں، تو یہ کراس براؤزر کی ضروریات کو پورا کرنا چاہئے. آپ دو طریقوں سے پس منظر مقرر کر سکتے ہیں: استعمال کر کے ایچ ٹی ایم ایل ٹیگز کا اور CSS شیلیوں. خود کے لئے ہر ایک بہترین آپشن کا انتخاب کرتے ہیں. کورس کے، سی ایس ایس سٹائل کی وجہ سے اس کے کوڈ کو ایک علیحدہ فائل میں محفوظ کیا جاتا ہے اور مرکزی سائٹ کی ٹیگز میں اضافی بولنے لے نہیں ہے، لیکن سب سے پہلے ہم اس ویب سائٹ کے پس منظر پر تصویر کو انسٹال کرنے کے لئے ایک سادہ طریقہ کار پر غور کرتے ہیں، بہت زیادہ آسان ہے.

بنیادی HTML ٹیگ کے پس منظر تخلیق کرنے کے لئے

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

1. ٹیگ وصف لکھیں.
2. HTML کوڈ میں سی ایس ایس سٹائل کے ذریعے.
3. ایک علیحدہ فائل میں سی ایس ایس شیلیوں لکھیں.

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

1. index.htm فائل میں ٹیگ وصف (جسم) کے ذریعے پہلی ریکارڈنگ طریقہ. (جسم کے پس منظر = "FOLDER_NAME / Nazvanie_kartinki.rasshirenie") (/ جسم): یہ اس فارم میں ذخیرہ کیا جاتا ہے. ہم عنوان «پکچر» اور توسیع JPG، اور فولڈر ہم نامی «تصاویر»، پھر HTML کوڈ انٹری اس طرح نظر آئے گا کے ساتھ ایک تصویر ہے تو، کہ ہے: (جسم کے پس منظر = "تصاویر / Picture.jpg") ... (/ جسم) .
2. دوسرا طریقہ ایک سی ایس ایس سٹائل کی ریکارڈنگ کی ضرورت ہوتی ہے، لیکن یہ نام index.htm کے ساتھ ایک ہی فائل میں لکھا ہے. (جسم سٹائل = "پس منظر: یو آر ایل ( '../ امیجز / Picture.jpg') ').
3. ریکارڈنگ کے تیسرے طریقہ دو فائلوں میں بنایا گیا ہے. (سر) (لنک میں rel = "stylesheet میں" قسم = "متن / سی ایس ایس" href کی = "HTTP: // سائٹ / مضمون / 193110 /٪ D0٪ 9F نام index.htm ٹیگ (سر) کے ساتھ دستاویز طرح ایک لائن لکھی گئی ہے ٪ D1٪ 83٪ D1٪ 82٪ D1٪ 8C_٪ D0٪ BA CSS_faylu ") (/ سر). ایک فائل کہا جاتا style.css کو سٹائل کے پاس پہلے سے ہی لکھنا: جسم {پس منظر: یو آر ایل (تصاویر / Picture.jpg ')}.

پس منظر کی تصویر بنانے کے لئے HTML میں کے طور پر، ہم سمجھتے ہیں. اب آپ پورے اسکرین کی چوڑائی بھر تصویر بڑھاتے کرنے کے لئے کس طرح پتہ کرنے کی ضرورت ہے.

طریقے ونڈو کی چوڑائی کے پس منظر کی تصویر کو بڑھاتے کرنے

ہم ایک فی صد کی شکل میں ہمارے سکرین نمائندگی کرتے ہیں. یہ پتہ چلا ہے کہ سکرین کے پورے چوڑائی اور لمبائی 100 فیصد ہو جائے گا کہ × 100٪. ہم اس کی چوڑائی تصویر بڑھاتے کرنے کی ضرورت ہے. تصویر کی فائل ریکارڈنگ style.css کو لکیر کہ مانیٹر کی پوری چوڑائی اور لمبائی پر تصویر کو بڑھاتے گا میں شامل کریں. جو CSS انداز میں لکھا ہے؟ یہ آسان ہے!

جسم

{

پس منظر: یو آر ایل (تصاویر / Picture.jpg ')

پس منظر سائز: 100٪؛ / * اس پوسٹ میں سب سے زیادہ جدید براؤزر کے لئے موزوں ہے * /

}

لہذا ہم سکرین پر ایچ ٹی ایم ایل میں ایک تصویر کے پس منظر کو بنانے کے لئے کس طرح سوچا. index.htm فائل میں ریکارڈنگ کا ایک طریقہ بھی ہے. اس طریقہ کار اور فرسودہ اگرچہ، لیکن beginners کے لئے یہ ضروری جانتے ہیں اور سمجھنے کی ہے. ٹیگ (سر) (انداز) div کے {پس منظر سائز: احاطہ؛ } (/ انداز) (/ سر)، اس ریکارڈ ہم پس منظر، ونڈو کی پوری چوڑائی سے زیادہ پوزیشن میں ہوگا جس کے لیے ایک خصوصی یونٹ مختص مطلب ہے کہ. ہم ہیں تاکہ تصویر کا جدید براؤزر سے کسی میں اسکرین کی پوری چوڑائی کو بڑھا دیا ہے، ایک پس منظر کی تصویر HTML ویب سائٹ بنانے کے لئے کس طرح کے دو طریقے، غور کیا ہے.

ایک مقررہ کے پس منظر بنانے کے لئے کس طرح

اگر آپ مستقبل ویب وسائل کے پس منظر کے طور پر ایک تصویر کو استعمال کرنے کا فیصلہ کرتے ہیں، تو آپ کو صرف یہ طے کرنے کا طریقہ معلوم کرنے کے لئے، تاکہ یہ لمبائی میں نہیں پھیل رہا ہے اور جمالیاتی ظہور خراب نہیں کیا ضرورت ہے. بس ایک چھوٹا سا علاوہ رجسٹر کرنے کے لئے HTML کوڈ کا استعمال کرتے ہوئے کی طرف سے. آپ کو پس منظر کے بعد ایک جملہ شامل کرنے کی style.css فائل کرنے کی ضرورت ہے: URL (تصاویر / Picture.jpg ') مقرر؛ یا اس کے بجائے نیم وقفہ علیحدہ لائن کے بعد شامل کیا - پوزیشن: مقررہ. اس طرح، آپ کے وال پیپر طے کیا جائے گا. سائٹ پر موجود مواد سکرول دوران، آپ کو اس متن لائنیں بڑھ رہے ہیں دیکھیں گے، لیکن پس منظر کی جگہ میں رہتا ہے. لہذا اگر آپ کو کئی طریقوں سے، HTML پس منظر کی تصویر کس طرح کرنا سیکھا.

HTML میں میزیں کے ساتھ ورکنگ

کئی ناتجربہ ویب ڈویلپرز، میزیں اور بلاکس کے ساتھ سامنا کرنا پڑا، اکثر HTML تصویر کے پس منظر ٹیبل بنانے کا طریقہ سمجھ میں نہیں آتا. تمام طرح کی ٹیموں HTML اور CSS سٹائل، ویب پروگرامنگ زبان میں کافی آسان ہے. اور اس مسئلہ کا حل کوڈ کی لائنوں کی ایک جوڑے کو لکھنے کے لئے ہے. آپ نے پہلے ہی ٹیگز (TR) اور (TD) کی طرف اشارہ کے طور پر، قطار اور کالم بالترتیب کا ایک جدول لکھنے ہے کہ پتہ ہونا چاہیئے. پس منظر کی = URL تصاویر: ایک تصویر کی شکل میں میز کے پس منظر بنانے کے لئے، یہ ٹیگ (ٹیبل)، (TR) یا (TD) ریفرنس تصویر کے حوالے سے ایک سادہ سا جملہ میں شامل کرنا ضروری ہے. وضاحت کے لئے، ہم نے مثالیں کے ایک جوڑے دیتے ہیں.

بجائے پس منظر کی ایک تصویر کے ساتھ ٹیبل: HTML مثالیں

ایک 2x3 میز ڈرا اور یہ فولڈر "تصاویر" میں ذخیرہ پس منظر کی تصویر بنانے کے لئے: (ٹیبل کے پس منظر = "تصاویر / Picture.jpg") (TR) (TD) 1 (/ TD) (TD) 2 (/ TD) (TD) 3) (/ TD) (/ TR) (TR) (TD) 4 (/ TD) (TD) 5 (/ TD) (TD) 6 (/ TD) (/ TR) (/ ٹیبل). لہذا ہمارے میز تصویر کے پس منظر میں تیار کی جائے گی.

ابھی 2x3 کے اسی پلیٹ سائز اپنی طرف متوجہ، لیکن گنے 1، 4، 5 اور 6. (ٹیبل) کالمز (TR) میں ایک تصویر (TD پس منظر کی = "تصاویر / Picture.jpg") 1 (/ TD) (TD) 2 داخل (/ TD) (TD) 3 (/ TD) (/ TR) (TR) (TD پس منظر کی = "تصاویر / Picture.jpg") 4 (/ TD) (TD پس منظر کی = "تصاویر / Picture.jpg") 5 ( / TD) (TD پس منظر کی = "تصاویر / Picture.jpg") 6 (/ TD) (/ TR) (/ ٹیبل). ہم پس منظر صرف ان خلیات جس میں ہم رجسٹرڈ ہیں، اور نہ پوری ٹیبل میں ظاہر ہوتا ہے کہ دیکھ سکتے ہیں کو دیکھنے کے بعد.

کراس براؤزر مطابقت سائٹ

ایک کراس براؤزر مطابقت ویب وسیلہ کے طور پر ایسی بات نہیں ہے. اس کا مطلب ہے آپ کی ویب سائٹ یکساں طور پر اچھی طرح سے مختلف اقسام اور براؤزر کا ورژن میں ظاہر کیا جاتا ہے. یہ ہونا چاہئے HTML کوڈ ایک ضروری براؤزر کو بہتر کرنے اور سی ایس ایس شیلیوں. اس کے علاوہ، سمارٹ فونز کے جدید دور میں، بہت سے ویب ڈویلپرز سائٹس تخلیق کرنے کی کوشش کر رہا ہے اور موبائل ورژن اور ایک کمپیوٹر نظر کے لئے مرضی کے مطابق کیا جاتا ہے.