Lynda.com वेब HTML पृष्ठभूमि वीडियो डिजाइन

• अप्रैल 30, 2024

बैकग्राउंड वीडियो आपके उत्पाद का विपणन करने का एक शानदार तरीका है और इस Lynda.com वीडियो प्रशिक्षण पाठ्यक्रम का हकदार है वेब डिज़ाइन करें: HTML पृष्ठभूमि वीडियो क्रिस कन्वर्से के साथ आप सीखेंगे कि अपने वेबपेज पर ऑटोप्ले बैकग्राउंड वीडियो कैसे जोड़ें। आप यह भी सीखेंगे कि बैकग्राउंड वीडियो पर अन्य डिज़ाइन तत्वों को रखने के लिए सीएसएस का उपयोग कैसे करें। और मानक सदस्यता के लिए भी व्यायाम की फाइलें मुफ्त हैं।

बातचीत नंगे हड्डियों HTML फ़ाइल से शुरू होती है और डिज़ाइन तत्वों के लिए मुख्य div कंटेनर बनाता है: टेक्स्ट टैगलाइन, लोगो svg और वीडियो। वह दर्शाता है कि वीडियो टैग में ऑटोप्ले का उपयोग कैसे किया जाए और दो सबसे सामान्य प्रकार के वीडियो, .mp4 और .ogg कैसे सेट करें।

अगला, वीडियो और केंद्रित लोगो छवि को स्टाइल और स्थिति देने के लिए सीएसएस फाइलों और सीएसएस में कन्वर्सेशन चलता है। वह टैगलाइन टेक्स्ट के लिए ऐसा करने के लिए आगे बढ़ता है। मुझे विशेष रूप से सीमाओं के साथ काम करने की उनकी तकनीक पसंद आई।

बातचीत इसके बाद चर्चा करती है कि मध्यम और छोटे स्क्रीन और सीएसएस के लिए मीडिया क्वेरी का उपयोग करके इस लेआउट को कैसे उत्तरदायी बनाया जाए। फिर से, वह वीडियो, लोगो और टैगलाइन के लिए शैलियों को सेट करता है। वह यह भी दर्शाता है कि छोटे स्क्रीन के लिए एक प्रतिस्थापन छवि कैसे सेट करें जो वीडियो नहीं चला सकती है और वीडियो को छिपाने के लिए।

अधिक जटिल मुद्दों पर आगे बढ़ते हुए, यह दर्शाता है कि मोबाइल उपकरणों की सुविधाओं के लिए प्रदर्शन पर अधिक जटिल नियंत्रण जोड़ने के लिए जावास्क्रिप्ट का उपयोग कैसे किया जाए, जैसे कि टच इवेंट। वह मॉर्डनइज़्र नामक एक थर्ड पार्टी वेबसाइट पेश करता है जो सीएसएस क्लासेस जेनरेट करेगी जिसे वर्तमान डिवाइस की विशेषताओं के आधार पर जावास्क्रिप्ट के माध्यम से पेज पर जोड़ा जा सकता है। वह प्रदर्शित करता है कि कोड कैसे जनरेट किया जाए, इसे डाउनलोड करें और अपने वेबपेज कोड में जोड़ें।

अंतिम पाठ में, यह दर्शाता है कि लेआउट के लिए स्थिति और अन्य शैलियों को कैसे कोडित किया जाए ताकि वीडियो पूरे ब्राउज़र विंडो को कवर करे।

यह पाठ्यक्रम HTML और सीएसएस के बारे में था जो वेब और मोबाइल उपकरणों के लिए पृष्ठभूमि वीडियो को शैली और स्थिति के लिए उपयोग करता था। हालाँकि, मैं उम्मीद कर रहा था कि लेखक फास्ट डाउनलोड के लिए वीडियो फ़ाइल की मेजबानी और अनुकूलन के विकल्पों पर चर्चा करेगा। इसके अलावा, यह जानना अच्छा होगा कि सिर्फ स्थिर तत्वों के बजाय पृष्ठभूमि वीडियो पर इंटरैक्टिव डिज़ाइन तत्वों को कैसे जोड़ा जाए।

क्रिस कन्वेंट के पास रोचेस्टर इंस्टीट्यूट ऑफ टेक्नोलॉजी से ग्राफिक डिजाइन में डिग्री है और डिजाइन और टेक्नोलॉजी में 22 साल का अनुभव है।

//www.lynda.com/HTML-tutorials/Design-Web-HTML-Background-Video/373560-2.html

प्रकटीकरण: मुझे इस लेख के लिए आर्थिक रूप से मुआवजा नहीं दिया गया था। मेरे अनुभव के आधार पर राय पूरी तरह से मेरी अपनी है।

वीडियो निर्देश: 1.2: p5.js Web Editor - p5.js Tutorial (अप्रैल 2024).