लिनक्स पर प्रेजेंटेशन के लिए स्लाइड्स बनाने के कई तरीके हैं। आप ओपनऑफिस, लिबर ऑफिस या यहां तक ​​कि माइक्रोसॉफ्ट ऑफिस (वाइन के माध्यम से) का उपयोग कर सकते हैं। आपकी पूर्ण प्रस्तुति या तो एक .odp (ओपन डॉक्यूमेंट प्रारूप) या .ppt (पावरपॉइंट प्रारूप) फ़ाइल होगी, जिसे आप उपरोक्त वर्णित सूट (या दर्शक दर्शक) के माध्यम से अपनी प्रस्तुति देने के लिए उपयोग करते हैं। सही सॉफ्टवेयर स्थापित किए बिना, प्रस्तुति को देखा नहीं जा सकता है। क्या यह अच्छा नहीं होगा यदि आप एक प्रस्तुति बना सकते हैं जो वेब ब्राउज़र में चलता है, एचटीएमएल, जावास्क्रिप्ट और सीएसएस का उपयोग करके बनाई गई प्रस्तुति? Impress.js के लिए धन्यवाद, आप कर सकते हैं!

impress.js एक शक्तिशाली सीएसएस और जावास्क्रिप्ट प्रस्तुति ढांचा है। यह HTML का उपयोग करके जटिल और दृश्यमान प्रेरणादायक प्रस्तुतियों को बनाने के लिए आवश्यक सभी पुस्तकालयों और सीएसएस फ़ाइलों को प्रदान करता है। लेकिन हमारे कच्चे रूप में impress.js का उपयोग करके जारी रखने से पहले चेतावनी का एक शब्द पाठ संपादकों का उपयोग करके फ़ाइलों को मैन्युअल रूप से लिखने और HTML को मैन्युअल रूप से लिखने के बारे में है। यहां कोई फैंसी जीयूआई नहीं है, कोई WYSIWYG नहीं है।

नोट : यद्यपि यहां दिखाया गया ट्यूटोरियल एक लिनक्स प्लेटफ़ॉर्म पर किया जाता है, लेकिन आप जिस ओएस प्लेटफ़ॉर्म का उपयोग कर रहे हैं उसके बावजूद चरण समान हैं। Impress.js एक वेब-आधारित स्क्रिप्ट है और क्रॉस प्लेटफॉर्म संगत है।

शुरू करने के लिए, github से impress.js डाउनलोड करें। आदेश पंक्ति से निम्न आदेश को चलाने का सबसे आसान तरीका है:

 wg https://github.com/bartaz/impress.js/archive/master.zip

और इसे अनजिप करें:

 unzip master.zip

"Impress.js-master" फ़ोल्डर के अंदर, दो उप फ़ोल्डर्स हैं - सीएसएस और जेएस, जिसमें क्रमशः impress.js सीएसएस और जावास्क्रिप्ट फ़ाइलें शामिल हैं। आपको वास्तव में जावास्क्रिप्ट फ़ोल्डर में जाने की आवश्यकता नहीं है, हालांकि सीएसएस फ़ोल्डर में डेमो सीएसएस फ़ाइल है जिसे आप अपनी प्रस्तुतियों के लिए संशोधित करना चाहते हैं। आपको index.html फ़ाइल में example.js प्रस्तुति का एक उदाहरण भी मिलेगा। नॉटिलस का उपयोग करके, "impress.js-master" फ़ोल्डर खोलें और index.html पर डबल-क्लिक करें। यह आपका डिफ़ॉल्ट वेब ब्राउज़र खुल जाएगा (उम्मीद है कि या तो फ़ायरफ़ॉक्स या क्रोम) और प्रेजेंटेशन शुरू करें।

इंप्रेशन.जेएस के साथ आपूर्ति की गई उदाहरण सीएसएस फ़ाइल ("सीएसएस / इंप्रेशन-डेमो सीएसएस") के आधार पर एक सरल प्रस्तुति कैसे बनाएं। टेक्स्ट एडिटर का उपयोग करके एक HTML फ़ाइल बनाएं। आप gEdit जैसे टेक्स्ट एडिटर का उपयोग करना चाह सकते हैं, या आप इसे कमांड लाइन पर नैनो का उपयोग करके बना सकते हैं:

 नैनो डेमो 1.html

फ़ाइल में निम्न कोड डालें, और फिर सहेजें और बाहर निकलें (CTRL-X)।

 Impress.js के बारे में सब impress.js impress.js के बारे में सब एक शक्तिशाली सीएसएस और जावास्क्रिप्ट प्रस्तुति ढांचा है। Impress.js के बारे में सब कुछ एचटीएमएल का उपयोग कर जटिल और दृश्यमान प्रेरणादायक प्रस्तुतियों को बनाने के लिए आवश्यक सभी पुस्तकालयों और सीएसएस फाइलों को प्रदान करता है । इंप्रेशन के बारे में सभी http://bartaz.github.io/impress.js प्रभावित ()। Init ();

सभी एचटीएमएल फाइलों को खंडों में विभाजित किया जाता है जो एक शुरुआती टैग (जैसे) से शुरू होते हैं और एक ही टैग के साथ बंद होते हैं लेकिन एक अतिरिक्त स्लैश (उदाहरण के लिए) के साथ। खंड के अंदर "" टैग परिभाषित करता है कि कौन सी सीएसएस फ़ाइल का उपयोग किया जाना चाहिए (यानी सीएसएस / इंप्रेशन-डेमो सीएसएस)। जैसे ही आप impress.js के साथ अधिक उन्नत हो जाते हैं, आपको अपनी खुद की सीएसएस फ़ाइल बनाने की आवश्यकता होगी।

खंड में, "इंप्रेशन" की आईडी वाला एक अनुभाग है। यह वह जगह है जहां impress.js स्लाइड ढूंढने की अपेक्षा करता है। प्रत्येक स्लाइड को "चरण" कहा जाता है और कक्षा "चरण" का उपयोग करना चाहिए। उपर्युक्त उदाहरण में, तीन स्लाइड हैं, प्रत्येक "चरण स्लाइड" के वर्ग के साथ चिह्नित हैं।

प्रत्येक स्लाइड में डेटा-एक्स और डेटा-वाई विशेषता होती है जो स्लाइड स्थिति को परिभाषित करती है। Y मान तीन स्लाइड्स के लिए समान रहता है, लेकिन एक्स मान बदलता है। यह -1000 के साथ शुरू होता है और फिर 0 और अंततः 1000 तक चलता है। परिणाम यह है कि प्रस्तुति प्रगति के रूप में स्लाइड बाएं से दाएं स्थानांतरित हो जाएंगी। एक्स और वाई मानों को बदलकर आप स्लाइड को किसी भी दिशा में संक्रमण में प्राप्त कर सकते हैं।

एचटीएमएल फाइल के अंत में दो लाइनें हैं जो impress.js स्क्रिप्ट लोड करती हैं और फिर impress.js लाइब्रेरी (जैसे इफेक्ट ()। Init) प्रारंभ करें।

फ़ाइल का परीक्षण करने के लिए, नॉटिलस के भीतर से demo1.html पर डबल-क्लिक करें।

impress.js संक्रमण में रोटेशन भी शामिल हो सकता है। इस स्लाइड को अपनी प्रस्तुति में जोड़ें:

 Impress.js रोटेशन के बारे में सब कुछ !

डेटा-रोटेट विशेषता संक्रमण के दौरान व्यूपोर्ट को 90 डिग्री तक घुमाने के लिए impress.js को बताती है। मान पूर्ण है, इसलिए 90 की मान वाली एक और स्लाइड घुमाएगी यदि पिछली स्लाइड में 9 0 का डेटा-घुमाव था। अपने वेब ब्राउज़र में नई प्रस्तुति का परीक्षण करें।

एक और दिलचस्प विशेषता डेटा-स्केल (यानी ज़ूम) है। प्रस्तुति प्रगति के रूप में यह कैनवास के अंदर और बाहर ज़ूम करके आपकी प्रस्तुति को 3 डी शैली दे सकता है।

ज़ूम प्रभाव देखने के लिए, अपनी प्रस्तुति में निम्न स्लाइड जोड़ें:

 ज़ूम, प्लस यह एक स्लाइड की तरह नहीं दिखता है

इस आखिरी स्लाइड के बारे में ध्यान देने योग्य कुछ चीजें हैं। सबसे पहले यह "स्लाइड" वर्ग को छोड़ देता है। इसका मतलब यह है कि स्लाइड सीएसएस फ़ाइल में परिभाषित सफेद पृष्ठभूमि के बिना प्रस्तुत किया जाएगा। दूसरा, डेटा-रोटेट और डेटा-स्केल के मानों को नोट करें। डेटा-रोटेट विशेषता कैनवास को 0 डिग्री तक ले जाती है (पिछली स्लाइड में 90 डिग्री रोटेशन से)। डेटा-स्केल विशेषता इंप्रेशन के दौरान ज़ूम निष्पादित करती है। यह देखने के लिए कि यह कैसा दिखता है, अपने ब्राउज़र में प्रस्तुति का परीक्षण करें।

अब जब आपने कुछ सरल स्लाइडों को महारत हासिल कर लिया है, तो यह देखने के लिए कि indexo कैसे बनाया गया है, index.html और "css / impress-demo.css" के माध्यम से पढ़ने का प्रयास करें। Index.html फ़ाइल में विभिन्न तत्वों और कक्षाओं के माध्यम से आपको मार्गदर्शन करने के लिए अत्यधिक टिप्पणियां हैं।

यदि ऊपर दिए गए उदाहरणों के बारे में आपके कोई प्रश्न हैं, तो कृपया नीचे टिप्पणी अनुभाग का उपयोग करें और हम देखेंगे कि हम सहायता कर सकते हैं या नहीं।