0:00
आज के इस वीडियो में मैं आप लोगों को एक Philosophy दूंगा जिसमें आपको एक लेयाउट को डिजाइन करना है उस लेयाउट को डिजाइन करने के आपके पास बहुत सारे ऑप्शन्स होंगे और मैं लेकिन चाहता हूं कि आप लोग इस लेयाउट को डिजाइन करें जितना हम�
0:30
आज की जो एक्सरसाइज होने वाली है बहुत सिंपल है सबसे पहले तो मैं आपको बता दूं आप लोगों को बिल्कु�
0:38
भी दिक्कत नहीं होने वाली इसको सॉल्व करने के लिए तो सब लोग इसको सॉल्व जरूर करना और जो हमारा यहां प�
0:43
एक्सरसाइज है वह कुछ इस प्रकार से है कि लेट असे यह आपकी स्क्रीन है ठीक है यह मारलो मेरी स्क्रीन है ठीक ह�
0:49
यह मेरी स्क्रीन है मैं चाहता हूं कि आप लोग एक नए बार बनाएं जो कि जिपका हुआ होगा आपकी स्क्रीन से ठीक है तो यह आपक�
0:55
नवबार होगा कुछ इस तरह का ठीक है यह आपका नवबार होगा और इस नवबार को आपको करना क्या है कुछ इस प्रकार स�
1:01
बनाना है कि यह इतना पतला हो ठीक है मैं एक रफ लेआउट यहां पर बनाकर आपको दे रहा हूं इसके बाद एक सेक्श�
1:07
बनाना है जो कि कुछ इस तरह से दिखेगा बता दूं आप लोगों किस तरह से दिखेगा यह आपका सेक्शन होगा जिसक�
1:12
अंदर एक साइड यहां पर होगी और एक साइड आपकी यहां पर होगी तो मैं इसको रिप्लिकेट करके आप लोगों को दिखात�
1:19
और यहाँ पर आप देखो कि यह इस तरह से दिखेगा अब आपको यह कितना पिक्सिल से यह कितना पिक्सिल से यह कितन�
1:24
पिक्सिल से यह कितना भी पिक्सिल्स नहीं आपको अंदास से बनाना है आपकी जो वेबसाइट और वैसी दिखनी चाहि�
1:30
वैसे Figma design जब आप use करोगे किसी भी एक website को बनाने के लिए तो महाँ पर ये सारी चीज़े लिखी होती ह�
1:35
कि यार ये चीज़ इतने pixels, ये चीज़ इतने pixels ये इतना RAM, इतना M, फोन में ऐसा दिखेग�
1:39
बट यहाँ पर कोई restriction नहीं है exercise solve layout spaces apart let do one thing let do let
1:57
यहां पर है एक बॉक्स यहां पर है और इसमें एक बैकग्राउंड होगा ठीक है तो मैं एक बॉक्स से इसको और कवर क�
2:03
दूंगा और इसको सेंड बैकवर्ड करूंगा दोबारा से सेंड बैकवर्ड करूंगा आप देखो यह एक बॉक्स है जिसक�
2:08
background color यहां पर आपको कुछ देना है हर बॉक्स का अलग-अलग background color आप लोगों को देना है वैस�
2:13
मैं चाहूं तो background color यहां पर दे भी सकता हूं और मैं किसी भी एक गिवन कलर से फिल्म कर सकता हू�
2:18
लेट मी डू दाट यार, लेट मी डू दाट ताकि आप लोगों भी पता चले यार कि किस तरह से करना है काम, ठीक है, तो यहाँ पर मैं इसको फिल करूँगा, यहाँ पर लेटर से मैं इसको ब्लू से फिल करूँगा, और मैं इस ड्रॉड आयो यूज़ कर रहा हूँ तो जर�
2:48
बनाईगी है वह कैसे बनाईगी मज़िदार आपको भी पता चलने वाला है तो हमें करना क्या है इसको मैं थोड़ा स�
2:53
लेंथ में खेंच रहा हूं और हमें यहां पर एक रेक्टैंगल और बनाना है ठीक है और यह जो रेक्टैंगल इसमें होग�
3:02
और इसमें आने वाला है कुछ ना कुछ ठीक है मालों कुछ लिखते हैं यहां पर कि हमारी सर्विसेस के बारे में यहा�
3:09
पर एक टेक्स्ट आप लोग डालोगे ठीक है क्या टेक्स्ट लोगे मैं आपको बताता हूं क्या टेक्स्ट आप लोगों को डालन�
3:14
तो मैं यहाँ पर text डालूँगा welcome, by the way मैंने T दबाया text डालने के लिए
3:19
welcome to this sigma web development express, ठीक है, अब यहाँ पर एक element जो कि इस exercise को बहुत साथ रोचक बनाने वाला है
3:30
वो यह है, कि देखो, moeten
3:44
था थोड़ा सा अच्छा कलर करता हूं इसमें तो इस नवीडिशन पर आप लोगों को दिखा रही होना चाहिए जब आ�
3:49
स्क्रॉल करो तो इसके अरांड स्क्रॉल होना चाहिए ठीक है तो आप समझ गए कि किस तरह से इसको आपको चुपकान�
3:55
पर और उसे के साथ साथ यहां पर आप लोगों को एक आइकन लगाना है और मैं उसके लिए एक सर्कल लूंगा ए�
4:01
आइकन आइकन लगाना है आपको जो कि हमेशा हमेशा यहां पर चिपकर हुआ रहेगा मैं नाम नहीं बताऊंगा कौन स�
4:07
यूज करनी है वह आपका है डेट मेरा एडिक नहीं है मेरा एडिक था बताना वह मैंने खत्म कर दिया अपना एडि�
4:12
अब आप लोगों को देखना है वह कौन सी पोजीशन लगेगी जिससे कि लटकेगा नीचे यानि कि मैं अगर स्क्रॉल करूं तो यही�
4:18
रहना चाहिए नहीं मैं स्क्रॉल करूं तो यह ऐसा नहीं है कि आप इसको स्टिकी बना दो स्टिकी नहीं बना रहा suppressed
4:23
यहीं पर रहना चाहिए ठीक है यहीं पर लटका रहे आपकी वेबसाइट अलग चलेगी यहां पर चिपका रहेगा ठीक है अब आपक�
4:30
होगा मैं किस position के बारे में बात कर रहा हूँ, ठीक है, और यहाँ पर आपने देख लिया, यहाँ पर एक logo होगा, ठीक है, आप कोई सा भी logo use कर सकते हो, circular होना चाहिए, ठीक है, और यह आपका layout होगा, कभी भी कोई scroll करेगा इसको, layout को, तो कुछ इस तरह से दिखेगा, मैं इ�
5:00
देना अगर आपको समझ में नहीं आया मैं किस बारे में बात कर रहा हूं कैसे बनाना है सब तो मत लेन�
5:04
टेंशन अभी बता रहा हूं दोबारा से ठीक है तो देखो यार आपकी जो स्क्रीन है मैं सबसे पहले फूटर बन�
5:10
यहां पर अब ठीक है इसको फूटर को मैंने कुछ इस तरह से कर दिया एंड यह तो यह आ गया आपका ठीक है और इ�
5:17
fill white fill white layout basic simple
5:33
पूरा नाव बार जो है पूरी विट पर आए और यह हमारा कुछ इस तरह से आएगा और थोड़ा सा गैप क्यों ना देते हम यहा�
5:39
पर थोड़ा लेयाउट चेंज कर दिया मैंने बाय दे वे बट आप लोग ऐसा ही बनाना जैसे मैंने फाइनल आपको दिखाय�
5:44
ठीक है तो यह इस तरह से आपको बनाना है अब लेटेस्ट से आपकी जो स्क्रीन है वह इतनी बड़ी है बस यानी कि यहां से लेकर यहां तक आ रही है जो यह वाला सरकल है ना यह आपके यहां पर लटका हो रहना चाहिए अमेशा जैसे आप स्क्रॉल करते हो साइड को फिर �
6:14
डिजाइन करके मैं आपको दिखाऊंगा और आपको यह भी बताऊंगा कि आपने इसको सब्सक्राइब करना की लगभग लगभग जब आ�
6:23
पेज को स्क्रॉल करो यह पूरा कंटेंट पूरे पेज में आना चाहिए स्क्रॉल करना पड़े एक स्क्रॉल बार आए आपक�
6:28
टेंट की height इतनी होनी चाहिए कि scroll करके जो है यह आए फिर उसके बाद यह यहां पर आए फिर फूटर आए ठीक है तो इ�
6:35
हिसाब से आपको बनना है होब आप समझ गए होब आपको मजा आया और अगर आप लोगों ने सिग्मा वेब डेलवर्वर्मेंट को उसक�
6:40
लिस्ट एक्सेस नहीं करिए इसको जरूर एक्सेस कर लें और उसी के साथ सब वीडियो सो लाइक करते हैं आप लाइ�
6:45
करते हैं मोडिवेशन बना रहता है और मैं जो सोर्स को डेवल अपडेट करते चल रहा हूं यहां पर आइंग्�
6:49
much guys for watching this video and I will see you next time
