सामग्री लेआउट की मूल बातें - पाठ्यक्रम RUB 3,900। हेक्सलेट से, प्रशिक्षण 18 घंटे, दिनांक: 1 दिसंबर, 2023।
अनेक वस्तुओं का संग्रह / / December 04, 2023
आज, स्टाइल शीट किसी पृष्ठ पर टेक्स्ट और ब्लॉक को स्टाइल करने के बेहतरीन अवसर प्रदान करती हैं: पृष्ठभूमि, रंग, ऑडियो और वीडियो का उपयोग। ये सभी तत्व आपको उपयोगकर्ताओं के लिए रंगीन और सुलभ साइटें बनाने की अनुमति देते हैं। नए चयनकर्ताओं, छद्म वर्गों और छद्म तत्वों को सीखने में बहुत समय व्यतीत हुआ। वे आपको सामग्री को असाधारण तरीके से शैलीबद्ध करने की अनुमति देते हैं।
परीक्षण
ये व्यावहारिक कार्य हैं जिन्हें हम पाठ्यक्रम पूरा करने के बाद पूरा करने की सलाह देते हैं। असाइनमेंट आपको प्रोग्रामिंग में अतिरिक्त अनुभव प्राप्त करने और आपके अर्जित कौशल को मजबूत करने में मदद करेंगे। आमतौर पर हम 3-5 परीक्षण पूरा करने की सलाह देते हैं। लेकिन अगर यह काम नहीं करता है, तो निराश न हों। बस बाद में उनके पास वापस आएँ।
1. परिचय
प्रोजेक्ट बनाते समय सामग्री के साथ काम करना एक बुनियादी हिस्सा है। सुंदर एनिमेशन, ब्लॉक और चित्रों के पीछे सामग्री छिपी हुई है। उपयोगकर्ता साइट पर आता है या इसके लिए एक एप्लिकेशन खोलता है। इस पाठ में हम उन विषयों पर संक्षेप में नज़र डालेंगे जिनका अध्ययन पूरे पाठ्यक्रम में किया जाएगा।
लिखित
2. बॉक्स मॉडल और सीएसएस
पृष्ठ पर प्रदर्शित होने पर कौन से सीएसएस गुण तत्वों के आकार को प्रभावित करते हैं? आइए बॉक्स मॉडल की अवधारणा को याद करें और अध्ययन करें कि किसी तत्व की बाहरी/आंतरिक पैडिंग और दृश्य सीमाओं को सेट करने के लिए मार्जिन, पैडिंग और बॉर्डर गुण कैसे काम करते हैं। आइए बॉक्स-आकार की संपत्ति से परिचित हों, जो बॉक्स मॉडल के मानक व्यवहार को बदल देती है
लिखित
3. पाठ शैलियाँ
एक पेज बनाना, सबसे पहले, टेक्स्ट के साथ काम करना है। डिज़ाइन कितना भी सुंदर क्यों न हो, यदि जानकारी पढ़ना कठिन या असंभव है, तो उपयोगकर्ता तुरंत पृष्ठ छोड़ देगा। इस पाठ में हम टेक्स्ट स्टाइलिंग के मूल गुणों से परिचित होंगे।
लिखित
परीक्षण
व्यायाम
4. फ़ॉन्ट्स और उनके साथ काम करना
क्या आपने वाक्यांश "फ़ॉन्ट के साथ खेलना" सुना है? ऐसा करने का समय आ गया है. हम सीएसएस का उपयोग करके फ़ॉन्ट कनेक्ट करना सीखते हैं, टेक्स्ट आकार, डिज़ाइन को नियंत्रित करते हैं और लाइन स्पेसिंग सेट करते हैं। पाठ के अंत में, हम सामान्यीकृत फ़ॉन्ट संपत्ति का अध्ययन करेंगे, जिसके साथ आप एक साथ 6 अलग-अलग टेक्स्ट शैलियाँ सेट कर सकते हैं
लिखित
परीक्षण
व्यायाम
5. सूचियों
सूचियाँ पाठ का एक अभिन्न अंग हैं। वे आपको संबंधित अंशों को उनके अर्थ के अनुसार एकजुट करके समूहीकृत करने की अनुमति देते हैं। इस पाठ में, हम HTML में उपलब्ध प्रकार की सूचियों का पता लगाएंगे, नेस्टिंग सूचियों का अभ्यास करेंगे, और स्टाइलिंग सूची मार्करों के विषय पर स्पर्श करेंगे।
लिखित
परीक्षण
व्यायाम
6. कॉलम
सीएसएस का उपयोग करके बहु-स्तंभ पत्रिका लेआउट बनाना समस्याग्रस्त था। CSS3 मानक के आगमन के साथ, एक नया मॉड्यूल सामने आया - CSS मल्टी-कॉलम लेआउट, जिसने स्वचालित सामग्री स्थानांतरण के साथ कॉलम बनाना संभव बना दिया। आइए सीएसएस कॉलम मॉड्यूल की क्षमताओं और टेक्स्ट स्टाइलिंग की इस पद्धति के साथ लगाई गई सीमाओं का अध्ययन करें
लिखित
परीक्षण
व्यायाम
7. इकाइयों
वास्तविक दुनिया की तरह, लेआउट दुनिया तत्व आकार, पैडिंग, टेक्स्ट आकार इत्यादि को इंगित करने के लिए माप की इकाइयों का उपयोग करती है। इस पाठ में हम माप की बुनियादी इकाइयों और साइट पर तत्वों के साथ उनके संबंध से परिचित होंगे। आइए सापेक्ष और निरपेक्ष इकाइयों की अवधारणा का अध्ययन करें और ईएम और रेम इकाइयों के बीच अंतर की पहचान करें
लिखित
परीक्षण
व्यायाम
8. मीडिया तत्व
वेबसाइट विज़िटर न केवल पाठ पढ़ना पसंद करते हैं, बल्कि मीडिया तत्वों: छवियों, वीडियो, ऑडियो के माध्यम से भी जानकारी प्राप्त करना पसंद करते हैं। उन्हें सही तरीके से कैसे जोड़ें और ब्राउज़र अंतरों को कैसे ध्यान में रखें? साइट पर छवि के नीचे एक छोटा सा इंडेंट क्यों है? आइए पाठ में इसे और थोड़ा और जानें।
लिखित
परीक्षण
व्यायाम
9. टेबल
टेबल्स एक लेआउट डिजाइनर के लिए दुःस्वप्न हैं। इन्हें बनाने के लिए बहुत सारे टैग का उपयोग किया जाता है और छोटी-छोटी गलतियाँ मूड खराब कर सकती हैं। इस पाठ में, चरण दर चरण, हम सरल और जटिल तालिकाओं के निर्माण का अध्ययन करेंगे, हम समझेंगे कि त्रुटियाँ कहाँ से उत्पन्न हो सकती हैं और उन्हें कैसे रोका जाए। पाठ के अंत तक, आप आत्मविश्वास से तालिकाएँ बनाने में सक्षम होंगे और उनसे डरना बंद कर देंगे।
लिखित
परीक्षण
व्यायाम
10. फार्म
फ़ॉर्म किसी वेब पेज का एक महत्वपूर्ण इंटरैक्टिव तत्व हैं। लिंक की तरह, फॉर्म उपयोगकर्ता और पेज के बीच इंटरैक्शन प्रदान करते हैं, जिससे आप डेटा सबमिट कर सकते हैं। आइए जानें कि फॉर्म कैसे बनाएं, टेक्स्ट फ़ील्ड, चयन फ़ील्ड, सूचियां और बटन कैसे जोड़ें। आइए विकलांग लोगों के लिए फॉर्म की पहुंच के विषय पर बात करें
लिखित
परीक्षण
व्यायाम
11. चयनकर्ताओं
इस पाठ के लिए, हमने सरल चयनकर्ताओं को सीखा और परीक्षण किया जो हमें वर्ग, पहचानकर्ता या टैग द्वारा तत्वों का चयन करने की अनुमति देते हैं। आप पृष्ठ पर किसी तत्व का चयन और कैसे कर सकते हैं? इस पाठ में हम संबंधित और पड़ोसी चयनकर्ताओं का विश्लेषण करेंगे, विशेषता के आधार पर चयनकर्ताओं का उपयोग करना सीखेंगे
लिखित
परीक्षण
व्यायाम
12. छद्म कक्षाएं
आइए सीएसएस में चयनकर्ताओं के विषय को जारी रखें और छद्म वर्ग की अवधारणा से परिचित हों। आइए जानें कि सम या विषम तत्वों का चयन करने के लिए उनका उपयोग कैसे करें, नई होवर शैलियाँ कैसे जोड़ें किसी तत्व पर माउस ले जाएँ और केवल एक निश्चित का उपयोग करने पर तत्व भी वैसे ही क्यों होंगे छद्म वर्ग. आइए तत्व अवस्थाओं और संरचनात्मक छद्म वर्गों को समझें
लिखित
परीक्षण
व्यायाम
13. छद्म तत्वों
पृष्ठ पर गुम तत्व? छद्म तत्व बचाव के लिए आते हैं - सीएसएस का उपयोग करके बनाए गए तत्व। इस पाठ में हम देखेंगे कि छद्म तत्व कैसे बनते हैं, उनकी आवश्यकता क्यों है और उनमें क्या विशेषताएं हैं। आइए देखें कि सीएसएस में सूची मार्करों को कैसे स्टाइल किया जाता है
लिखित
परीक्षण
14. बाढ़
ओवरफ़्लो एक ऐसी स्थिति है जिसमें किसी कंटेनर के अंदर की सामग्री कंटेनर के आकार से बड़ी होती है। यह स्थिति एक अनुभवी लेआउट डिजाइनर के लिए भी लेआउट को खराब कर सकती है। हम इस पाठ में सीखेंगे कि इसके साथ क्या करना है और ओवरफ़्लो संपत्ति का उपयोग करके सामग्री को छिपाने का प्रबंधन कैसे करें। आइए टेक्स्ट-ओवरफ़्लो प्रॉपर्टी को देखें और जानें कि टेक्स्ट में इलिप्सिस कैसे जोड़ें यदि इसके लिए पर्याप्त जगह नहीं है
लिखित
परीक्षण
व्यायाम
15. सीएसएस वेरिएबल्स
कल्पना कीजिए कि एक वेबसाइट पर एक ही रंग की पृष्ठभूमि वाले एक दर्जन ब्लॉक हैं। आपको ये सभी रंग बदलने होंगे. प्रत्येक चयनकर्ता में रंग को लगातार बदले बिना यह कैसे करें और चर कैसे मदद कर सकते हैं हम इस पाठ में सीखेंगे। आइए देखें कि वेरिएबल कैसे बनाए और उपयोग किए जाते हैं, दायरे के बारे में जानें और वैश्विक वेरिएबल प्रति-चयनकर्ता वेरिएबल से बेहतर क्यों हैं
लिखित
परीक्षण
16. पृष्ठभूमि
एक लेआउट डिजाइनर को अक्सर न केवल विशिष्ट तत्वों, जैसे टेबल, सूचियां, टेक्स्ट, मीडिया तत्व और फॉर्म को स्टाइल करने की आवश्यकता का सामना करना पड़ता है। कभी-कभी आपको उन ब्लॉकों को स्टाइल करने की भी आवश्यकता होती है जो वे अंदर स्थित होते हैं। ऐसा करने के लिए, आप सामग्री वाले ब्लॉक के लिए पृष्ठभूमि सेट कर सकते हैं, और हम इस पाठ में पृष्ठभूमि संपत्ति का उपयोग करके यह करना सीखेंगे। आइए रंग, छवि सेट करने के गुणों का अध्ययन करें, जानें कि पृष्ठभूमि को कैसे व्यवस्थित करें और उसका आकार कैसे सेट करें
लिखित
परीक्षण
17. ढ़ाल
किसी ब्लॉक को स्टाइल करने का एकमात्र तरीका एकल-रंग पृष्ठभूमि या छवि नहीं है। कलाकार और डिज़ाइनर अक्सर पृष्ठभूमि बनाने के लिए ग्रेडिएंट का उपयोग करते हैं - एक रंग से दूसरे रंग में सहज संक्रमण। इस ट्यूटोरियल में हम सीखेंगे कि रैखिक और रेडियल ग्रेडिएंट कैसे बनाएं। ग्रेडिएंट्स और ट्रिक्स का उपयोग करके, हम रंगों के बीच तीव्र बदलाव के निर्माण का अध्ययन करेंगे, और रंग चक्र के बारे में भी सीखेंगे और इसकी मदद से ग्रेडिएंट्स के लिए रंग संयोजन कैसे ढूंढेंगे।
लिखित
व्यायाम
18. स्वतंत्र काम
अतिरिक्त कार्य जो आपको अर्जित सिद्धांत को समेकित करने की अनुमति देते हैं
19. अतिरिक्त सामग्री
लेख और वीडियो हेक्सलेट टीम द्वारा क्यूरेट किए गए हैं। आपको पाठ्यक्रम के विषय में गहराई से उतरने में मदद मिलेगी