आधुनिक लेआउट की मूल बातें - हेक्सलेट से निःशुल्क पाठ्यक्रम, प्रशिक्षण 9 घंटे, दिनांक: 5 दिसंबर, 2023।
अनेक वस्तुओं का संग्रह / / December 06, 2023
आप HTML मार्कअप और आधुनिक HTML5 मानक की क्षमताओं के बारे में अधिक जानेंगे। आप सीएसएस का उपयोग करके स्टाइलिंग का बुनियादी ज्ञान भी प्राप्त करेंगे: शैलियों को जोड़ना, चयनकर्ताओं का उपयोग करना और कैस्केडिंग के साथ काम करना सीखें। HTML और CSS के अलावा, आप ब्राउज़र के अंतर्निहित लेआउट डिबगिंग टूल, विशेष रूप से Google Chrome DevTools के साथ काम करना सीखेंगे। परिणामस्वरूप, आप सीखेंगे कि किसी वेबसाइट पर टेक्स्ट लेआउट करने के लिए HTML मार्कअप भाषा का उपयोग कैसे करें, और सीएसएस और टेक्स्ट स्टाइलिंग का उपयोग करने के बुनियादी नियमों से भी परिचित हो जाएंगे।
आप अपने नए कौशल को तुरंत अभ्यास में लाने में सक्षम होंगे - हम उनके लिए लेआउट संपादकों और प्लगइन्स का अध्ययन करेंगे। प्रत्येक पाठ के अंत में आपको छोटे-छोटे स्वतंत्र कार्य मिलेंगे। उनका उद्देश्य कवर किए गए विषय की अधिक व्यावहारिक समझ है, और इसलिए कार्यान्वयन के लिए अत्यधिक अनुशंसित है।
यदि आप दिशा की परवाह किए बिना वेब विकास का अध्ययन करने का निर्णय लेते हैं तो लेआउट की मूल बातें आपके काम आएंगी। इस पाठ्यक्रम का ज्ञान प्रोग्रामर्स को डेटा को चिह्नित करने और उसे साइट पर प्रदर्शित करने में मदद करता है। यह पाठ्यक्रम उन शुरुआती और डेवलपर्स के लिए उपयुक्त है जिन्होंने इसका सामना नहीं किया है
परिचय
पाठ्यक्रम "आधुनिक लेआउट के बुनियादी सिद्धांत" HTML और CSS वेबसाइट लेआउट की मूल बातें सीखने का आधार है। इस पाठ में हम संक्षेप में बात करेंगे कि हम पाठ्यक्रम में क्या सीखते हैं और इस ज्ञान को व्यवहार में कैसे लागू किया जा सकता है।
एचटीएमएल का परिचय
यह पाठ शुरू से ही HTML लेआउट के लिए समर्पित है। हम विशेषताओं की भूमिका के बारे में बात करते हैं और HTML टैग का वर्णन करने की सामान्य योजना का अध्ययन करते हैं।
ब्लॉक मॉडल
पृष्ठ के फ़्रेम के लिए कौन से तत्व ज़िम्मेदार हैं, और कौन से इसे स्टाइल करने या कार्यात्मक भागों को जोड़ने की प्रक्रिया में मदद करते हैं? आइए ब्लॉक और इनलाइन HTML तत्वों से परिचित हों और तत्वों की अंतिम चौड़ाई पर शैलियों के प्रभाव का अध्ययन करें।
सिमेंटिक HTML
किसी भी HTML लेआउट का मुख्य लक्ष्य ब्लॉकों का अर्थ बताना है। इस पाठ में, हम नवीनतम HTML5 मानक की शब्दार्थ क्षमताओं का पता लगाएंगे और वेब पहुंच के बारे में जानेंगे।
HTML दस्तावेज़ की मूल संरचना
किसी भी HTML दस्तावेज़ में टैग और सेवा तत्वों से युक्त एक मूल संरचना होती है। जानकारी को सही ढंग से प्रदर्शित करने के लिए ब्राउज़र को उनकी आवश्यकता होती है। इस पाठ में हम इस संरचना की प्रत्येक पंक्ति को देखेंगे।
सीएसएस मूल बातें
CSS भाषा एक वेब पेज के विज़ुअल डिज़ाइन के लिए बनाई गई थी। हम भाषा की बुनियादी क्षमताओं का अध्ययन करते हैं, यह पता लगाते हैं कि HTML के साथ उनका उपयोग कैसे किया जाए। हम सीएसएस फ़ाइलें शामिल करना सीखते हैं और बुनियादी प्रकार के चयनकर्ताओं से परिचित होते हैं।
सीएसएस में कैस्केडिंग
कैस्केडिंग क्या है और यह सीएसएस में कैसे काम करता है? यह पाठ चयनकर्ता प्राथमिकताओं में अंतर और आपकी परियोजनाओं में इसका उपयोग करने की क्षमता के लिए समर्पित है।
क्रोम डेवटूल्स
किसी वेबसाइट को बनाते समय, समय पर त्रुटियों का पता लगाना या यह समझना महत्वपूर्ण है कि हमें जिस ब्लॉक की आवश्यकता है उसे सही तरीके से कैसे परिवर्तित किया जाए। पहले, यह मुख्य रूप से हाथ से किया जाता था। आजकल आधुनिक ब्राउज़रों में एक वेब इंस्पेक्टर फ़ंक्शन होता है। आइए उनमें से एक - Chrome DevTools की क्षमताओं पर विचार करें।
कोड संपादक
अपना काम सहेजने के लिए, आपको एक कोड संपादक की आवश्यकता है। इस पाठ में हम देखेंगे कि विज़ुअल स्टूडियो कोड कैसे स्थापित करें। यह एक शक्तिशाली टूल है जिसका उपयोग न केवल लेआउट के लिए, बल्कि किसी भी भाषा में प्रोग्रामिंग के लिए भी किया जा सकता है।
चिंउंटी
आइए लेआउट डिजाइनरों के लिए सबसे उपयोगी प्लगइन्स में से एक का अध्ययन करें - एम्मेट। यह HTML कोड मार्कअप को गति देगा और अधिकांश नियमित चरणों को हटा देगा।
इंटरनेट पर प्रकाशन
किसी प्रोजेक्ट को इंटरनेट पर डालने के लिए, आपको होस्टिंग का उपयोग करने की आवश्यकता है - एक विशेष सर्वर जो फ़ाइलों को संग्रहीत करेगा और एक डोमेन नाम के माध्यम से उन तक पहुंच प्रदान करेगा। इस ट्यूटोरियल में हम निःशुल्क GitHub होस्टिंग देखेंगे।
ग्राफ़िक संपादक
बाज़ार में कई प्रमुख संपादक हैं। उनमें से कुछ केवल एक ऑपरेटिंग सिस्टम के लिए विशिष्ट हैं, अन्य को उनमें से किसी पर भी स्थापित किया जा सकता है। इस अनुभाग में, आइए मुख्य चरणों पर नजर डालें जब एक लेआउट डिजाइनर फिगमा ऑनलाइन संपादक के साथ काम करता है।
स्वतंत्र काम
अतिरिक्त कार्य जो आपको अर्जित सिद्धांत को समेकित करने की अनुमति देते हैं
अतिरिक्त सामग्री
लेख और वीडियो हेक्सलेट टीम द्वारा क्यूरेट किए गए हैं। आपको पाठ्यक्रम के विषय में गहराई से उतरने में मदद मिलेगी