वेब विकास पाठ्यक्रम: लेआउट्स

परिचय

• यह पाठ्यक्रम Aapna College से वेब विकास पर आधारित है।
• वीडियो में मुख्य चर्चा Layouts पर है।

लेआउट और रेपॉन्सिवनेस

• पिछली चर्चा में बताया गया कि कैसे Responsiveness काम करती है।
• Layout का महत्व और उपयोग कैसे होता है।

Layout क्या है?

• HTML elements की positioning को समझना।
• Normal Flow क्या होता है?
  • Browser का default display order।
  • CSS हटाने पर elements का normal flow दिखता है।

Display Property

• Display property का महत्व:
  • Inline और Block values।

Float Property

• Normal Flow से बाहर निकलने के लिए float का उपयोग।
• Left और Right float के प्रभाव।

उदाहरण:

• एक फोल्डर बनाएँ और HTML, CSS फाइलें तैयार करें।
• Images को download और उपयोग करना।
• Layout CSS file में styling का निर्धारण।

Position Property

• Position के प्रकार:
  • Static: Default value, कोई बदलाव नहीं।
  • Relative: Natural flow में बदलाव।
  • Absolute: Normal flow से बाहर, ancestor तत्वों के सापेक्ष।
  • Fixed: स्क्रीन पर fixed रहता है, scroll करने पर भी।
  • Sticky: Relative और Fixed का मिश्रण।

उदाहरण:

• CSS में box properties का उपयोग।
• Elements के लिए top, bottom, left, right के उपयोग।

निष्कर्ष

• Floats और Position properties का महत्व।
• भविष्य में challenges पर चर्चा।

अध्याय का अंत

• अगले वीडियो में challenges पर ध्यान दिया जाएगा।