वेबस्लाइड्ससह एचटीएमएल सादरीकरणे कशी करावी

अशा जगात जेथे आमच्या कल्पना इंटरनेटवर दाखवा हे अधिकाधिक आवश्यक झाले आहे आणि जिथे साधनांच्या विविधतेमुळे आम्हाला आश्चर्यकारक सादरीकरणे तयार करण्यास प्रवृत्त केले आहे, जे बर्‍याच प्रकरणांमध्ये काही माध्यमांशी विसंगत राहते, यात काही शंका नाही. एचटीएमएल सादरीकरणे ते या क्षेत्रात सार्वत्रिक पर्याय म्हणून कायम राहतील.

परंतु हे कोणासही रहस्य नाही की सुंदर एचटीएमएल सादरीकरणे तयार करण्यात बराच काळ लागू शकतो आणि एचटीएमएल, सीएसएस आणि काही बाबतींत जावास्क्रिप्टचे प्रगत ज्ञान आवश्यक आहे. या समस्यांमधून, एक उत्कृष्ट साधन म्हटले जाते ज्याला म्हणतात वेबस्लाइड्स.

वेबसाइड्स म्हणजे काय?

हे त्याद्वारे तयार केलेले एक मुक्त स्त्रोत "फ्रेमवर्क" असे म्हणतात जोस लुईस अँट्यूनेझ, आम्हाला परवानगी देते एचटीएमएल सादरीकरणे तयार करा द्रुत आणि सहज. आपल्या स्वतःची सादरीकरणे बनविण्यासाठी या साधनास आवश्यक गोष्टी आहेत, त्याचप्रमाणे आपण काही डेमो सादरीकरणे घेऊ शकता आणि काही मिनिटांत आपल्या आवडीनुसार ते सानुकूलित करू शकता.

मी या साधनासह तयार केलेल्या एचटीएमएल सादरीकरणात एक प्रभावी सौंदर्य असेल. हे लक्षात घेण्यासारखे आहे की या साधनास एचटीएमएल आणि सीएसएसचे मूलभूत ज्ञान आवश्यक आहे, म्हणूनच ते सर्व प्रकारच्या वापरकर्त्यांसाठी आदर्श आहे, ज्यांनी केवळ सामग्रीवर लक्ष केंद्रित केले पाहिजे आणि ते सादरीकरण कसे तयार करतात यावर फारच कमी विचार करा.

वेब्सलाइड्स कसे डाउनलोड करावे?

वेबस्लाइड्स डाउनलोड करण्यासाठी आपल्या आवडत्या डिरेक्टरीमधून फक्त पुढील आज्ञा चालवा:

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

आपण अधिकृत भांडार क्लोन देखील करू शकता

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

प्रोजेक्ट फोल्डरमध्ये आपल्या स्वतःच्या एचटीएमएल सादरीकरणे सहज तयार करणे प्रारंभ करण्यासाठी आपल्याला आवश्यक जेएस, सीएसएस आणि डेमो प्राप्त होतील.

वेबसाइट्सचा वापर कसा करावा?

वेबस्लाइड्सचा सर्वात मोठा फायदा म्हणजे त्याची वापर सुलभता, हे साधन खरोखरच विविध उद्दीष्टांसह सादरीकरणे तयार करणे सोपे करते आणि त्याची डेमो मालिका सादरीकरण निर्मिती प्रक्रियेस खूप उच्चतेने वेगवान करते.

आम्ही वेबस्लाइड्स डाउनलोड करतो तेव्हा आम्हाला काय मिळते?

वेबस्लाइड्स डाउनलोड करताना आम्ही विविध फोल्डर्समध्ये प्रवेश करतो, ज्यामध्ये डेमो आणि प्रतिमा (डिव्हाइस आणि लोगो) समाविष्ट आहेत.

  • सीएसएस फोल्डर आमच्या सादरीकरणाच्या शैली संग्रहित करेल
  • आवश्यक जावास्क्रिप्ट्स बहुतांश जादू केल्या जाणा the्या मूलभूत वेबस्लाइड.जेजसह जेएस फोल्डरमध्ये संग्रहित केल्या जातील.
  • डेमोच्या प्रतिमा आणि एचटीएमएल फायली अनुक्रमे प्रतिमा आणि डेमो फोल्डरमध्ये जतन केल्या जातील.
webslides/
├── index.html
├── css/
│   ├── base.css
│   └── colors.css
│   └── svg-icons.css (optional)
├── js/
│   ├── webslides.js
│   └── svg-icons.js (optional)
└── demos/
└── images/

वेबस्लाइड्ससह एचटीएमएल सादरीकरणे तयार करीत आहे

वेबस्लाइड्स वापरताना 2 मूलभूत फायदे आहेत, ज्याचा आपण खाली उल्लेख करतोः

  • कोड स्वच्छ आणि स्केलेबल आहे. यामध्ये सर्वात लोकप्रिय नामांच्या वापरासह अंतर्ज्ञानी मार्कअप देखील समाविष्ट आहे. वर्ग वापरण्याची किंवा अति प्रमाणात घरटे वापरण्याची आवश्यकता नाही.
  • प्रत्येक <section> # वेबसाइट्समध्ये ती एक स्लाइड दर्शवते. म्हणून पृष्ठांकन अत्यंत सोपे आहे.
स्लाइड 1  स्लाइड 1

अशाच प्रकारे उभ्या स्लाइड्स बनवून उभे शैली जोडा


वेबसाइड्स सीएसएस बनविणारे वर्ग

  • टाइपोग्राफी:. टेक्स्ट-लँडिंग,. टेक्स्ट-डेटा,. टेक्स्ट-इंट्रो ...
  • पार्श्वभूमी रंग: .बीजी-प्राइमरी, .बीजी-appleपल, .बीजी-निळा ...
  • पार्श्वभूमी प्रतिमा: .बॅकग्राउंड, .बॅकग्राउंड-मध्य-तळाशी ...
  • कार्डे: .कार्ड -50, .कार्ड -40 ...
  • लवचिक ब्लॉक्स: .flex block.clients, .flex block.metrics ...

वेबस्लाइड्समध्ये विस्तारित

वेबस्लाइड्स आम्हाला नवीन शैली आणि कार्यक्षमता जोडण्याची परवानगी देतात, उदाहरणार्थ आम्ही पुढील संसाधने काही जोडू शकतो:

वेबसाइड्ससह बनविलेले एचटीएमएल सादरीकरण डेमो

आपण वेब साईट्ससह तयार केलेल्या एचटीएमएल सादरीकरणाच्या डेमोची मालिका पाहू शकता येथे. त्याच प्रकारे आपण फ्रेमवर्क डाउनलोड करता तेव्हा आपण या डेमोच्या प्रत्येक कोडिंगमध्ये प्रवेश करू शकता.

डेमो एचटीएमएल सादरीकरणे

डेमोस पोर्टफोलिओ 2

हे एक असे साधन आहे जे आम्हाला HTML सादरीकरणे द्रुतपणे आणि उत्तम प्रकारे तयार करण्यास अनुमती देईल, परंतु हे आपल्याला सामग्रीवर लक्ष केंद्रित करण्यास आणि आम्ही आधी कल्पना न केलेले परिणाम प्राप्त करण्यास मदत करेल.


आपली टिप्पणी द्या

आपला ई-मेल पत्ता प्रकाशित केला जाणार नाही. आवश्यक फील्ड चिन्हांकित केले आहेत *

*

*

  1. डेटा जबाबदार: मिगुएल Áन्गल गॅटन
  2. डेटाचा उद्देशः नियंत्रण स्पॅम, टिप्पणी व्यवस्थापन.
  3. कायदे: आपली संमती
  4. डेटा संप्रेषण: कायदेशीर बंधन वगळता डेटा तृतीय पक्षास कळविला जाणार नाही.
  5. डेटा संग्रहण: ओकेन्टस नेटवर्क (EU) द्वारा होस्ट केलेला डेटाबेस
  6. अधिकारः कोणत्याही वेळी आपण आपली माहिती मर्यादित, पुनर्प्राप्त आणि हटवू शकता.

  1.   Lanलन फ्युएन्टेस म्हणाले

    खूप चांगले, मला हे उपकरण खूपच मनोरंजक वाटले आहे तरी ते वापरणे मला सोपे वाटले आहे. एचटीएमएल, सीएसएस आणि जेएस सारख्या वेब तंत्रज्ञानावर आधारित हे एक साधन आहे जे या तंत्रज्ञानाचे मूलभूत ज्ञान असून आपण आपले सादरीकरण यासारखे बनवू शकता. अधिक मनोरंजक.

    ग्रीटिंग्ज

  2.   अनामिक म्हणाले

    खूप मूळ सामग्री साजरी करून छान वाटली
    https://www.genbeta.com/web/crea-bonitas-presentaciones-en-html-de-forma-rapida-y-sencilla-con-webslides

    1.    सरडे म्हणाले

      अज्ञात प्रोफाइलमध्ये लपविणे आपल्याला काय हवे आहे यावर टीका करणे आणि सांगणे खूप सोपे आहे, परंतु दुर्दैवाने हे समजण्याजोगे आहे की आपला गुणांक आपल्या डोळ्यांना जिथे पाहू शकतो त्यापलीकडे दिसत नाही, हा लेख मी पूर्णतः अधिकृत कागदपत्रांच्या आधारे लिहिले आहे आणि पुनरावलोकन मध्ये मी साधन केले आहे. आपल्याला कोणती कल्पना द्यावी हे माहित आहे, की गीथबवरील अलिकडच्या दिवसांत तो सर्वात मतदानाचा अनुप्रयोग आहे https://github.com/jlantunez/webslides… तथापि, आमच्यासाठी हे खूप महत्वाचे आहे की आपण आमच्याकडे असलेल्या साइटबद्दल इतर काही साइट शोधण्यासाठी वेळ घेतला आहे, म्हणूनच आपण पुनरावलोकनकर्त्याच्या रिक्त स्थानावर अर्ज करू शकता, मला वाटते की केवळ अर्जदार राहील कारण मला शंका आहे की आपल्याकडे आहे योग्य काहीतरी ठरवण्यासाठी निकष.