Webslides के साथ HTML प्रस्तुतियाँ कैसे करें

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

लेकिन यह किसी के लिए कोई रहस्य नहीं है कि सुंदर HTML प्रस्तुतियां बनाने में लंबा समय लग सकता है और HTML, CSS और कुछ मामलों में जावास्क्रिप्ट के कुछ उन्नत ज्ञान की आवश्यकता होती है। इन समस्याओं से, एक उत्कृष्ट उपकरण उभरता है जिसे कहा जाता है webslides।

Webslides क्या है?

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

इस उपकरण के साथ मैंने जो HTML प्रस्तुतियाँ की हैं, उनमें एक प्रभावशाली सौंदर्यबोध होगा। यह ध्यान देने योग्य है कि इस उपकरण को HTML और CSS की बहुत बुनियादी जानकारी की आवश्यकता होती है, इसलिए यह सभी प्रकार के उपयोगकर्ताओं के लिए आदर्श है, जिन्हें केवल सामग्री पर ध्यान देना चाहिए और प्रस्तुति को तैयार करने के तरीके पर बहुत कम ध्यान देना चाहिए।

कैसे webslides डाउनलोड करने के लिए?

वेबस्लाइड्स को डाउनलोड करने के लिए, बस अपनी पसंदीदा निर्देशिका से निम्न कमांड को पूरा करें:

wget https://github.com/jlantunez/webslides/archive/master.zip

आप आधिकारिक रिपॉजिटरी के साथ क्लोन भी कर सकते हैं

git clone https://github.com/jlantunez/webslides.git

प्रोजेक्ट फ़ोल्डर के अंदर आपको आसानी से अपनी स्वयं की HTML प्रस्तुतियों को बनाने के लिए आवश्यक js, css और डेमो मिलेंगे।

वेबस्लाइड्स का उपयोग कैसे करें?

वेब्स्लाइड्स का सबसे बड़ा लाभ इसकी उपयोग में आसानी है, यह उपकरण वास्तव में विभिन्न उद्देश्यों के साथ प्रस्तुतियां बनाना आसान बनाता है और इसकी डेमो श्रृंखला प्रस्तुति निर्माण प्रक्रिया को बहुत अधिक% तक गति प्रदान करती है।

Webslides डाउनलोड करने पर हमें क्या मिलता है?

वेबस्लाइड्स को डाउनलोड करते समय हम विभिन्न फ़ोल्डर्स तक पहुंचते हैं, जिसमें डेमो और इमेज (डिवाइस और लोगो) शामिल होते हैं।

• सीएसएस फ़ोल्डर हमारी प्रस्तुतियों की शैलियों को संग्रहीत करेगा
• जेएस फ़ोल्डर में आवश्यक जावास्क्रिप्ट को संग्रहीत किया जाएगा, जिसमें मूलभूत webslide.js भी शामिल है, जहां अधिकांश जादू किया जाता है।
• चित्रों और डेमो की HTML फ़ाइलों को क्रमशः छवियों और डेमो फ़ोल्डरों में सहेजा जाएगा।

webslides/
├── index.html
├── css/
│   ├── base.css
│   └── colors.css
│   └── svg-icons.css (optional)
├── js/
│   ├── webslides.js
│   └── svg-icons.js (optional)
└── demos/
└── images/

वेबस्लाइड्स के साथ HTML प्रेजेंटेशन बनाना

वेब्स्लाइड्स का उपयोग करते समय 2 मूलभूत फायदे हैं, जिनका हम नीचे उल्लेख करते हैं:

• कोड साफ और स्केलेबल है। इसमें सबसे लोकप्रिय नामकरण के उपयोग के साथ सहज मार्कअप भी शामिल है। कक्षाओं का उपयोग करने, या घोंसले के शिकार का उपयोग करने की कोई आवश्यकता नहीं है।
• प्रत्येक <section> #webslides में यह एक स्लाइड का प्रतिनिधित्व करता है। अतः पेजिंग अत्यंत सरल है।

स्लाइड 1  स्लाइड २

उसी तरह हम एक ऊर्ध्वाधर शैली जोड़कर, ऊर्ध्वाधर स्लाइड बना सकते हैं

वेबसाइड सीएसएस बनाने वाली कक्षाएं

• टाइपोग्राफी: .टेक्स्ट-लैंडिंग, .text-data, .text-intro ...
• पृष्ठभूमि रंग: .bg- प्राथमिक, .bg- सेब, .bg- नीला ...
• पृष्ठभूमि छवियां: .background, .background-center-bottom…
• कार्ड: .कार्ड -50, .कार्ड -40 ...
• लचीले ब्लॉक: .flexblock.clients, .flexblock.metrics ...

वेब्स्लाइड्स तक फैली हुई है

webslides हमें नई शैली और कार्यशीलता जोड़ने की अनुमति देता है, उदाहरण के लिए हम निम्नलिखित संसाधनों में से कुछ को जोड़ सकते हैं:

• Unsplash
• चेतन
• कण .js
• pt

HTML प्रस्तुति डेमो वेबस्लाइड्स के साथ बनाया गया है

आप वेबस्लाइड्स के साथ किए गए HTML प्रस्तुतियों के डेमो की एक श्रृंखला देख सकते हैं यहां। उसी तरह, जब आप फ्रेमवर्क डाउनलोड करते हैं तो आप इनमें से प्रत्येक डेमो के एन्कोडिंग तक पहुंच सकते हैं।

यह एक ऐसा उपकरण है जो हमें HTML प्रस्तुतियों को जल्दी और महान फिनिश के साथ बनाने की अनुमति देगा, लेकिन यह हमें उस सामग्री पर ध्यान केंद्रित करने और परिणाम प्राप्त करने में भी मदद करेगा जिसकी हमने पहले कल्पना नहीं की थी।