Reveal.js ، أنشئ عروض تقديمية باستخدام CSS و HTML في Ubuntu 20.04

حول revel.js

في المقالة التالية سوف نلقي نظرة على Reveal.js. مع هذا البرنامج سيكون لدينا إمكانية إنشاء عروض تقديمية باستخدام HTML و CSS. إنه إطار عرض تقديمي بتنسيق HTML مفتوح المصدر ، حيث سيتمكن أي مستخدم لديه متصفح ويب من إنشاء عروض تقديمية ، بالإضافة إلى القدرة على استخدام جميع الوظائف التي يوفرها إطار العمل مجانًا.

الإعدادات الأساسية لإنشاء العروض التقديمية فقط. سيتيح لنا التكوين الكامل الوصول إلى جميع الوظائف والإضافات الخاصة بـكشف.js، إلى ملاحظات المحاضر ، بالإضافة إلى مهام التطوير المطلوبة لإجراء تغييرات على الخط.

تعتمد العروض التقديمية التي تم إجراؤها باستخدام "ملف" على تقنيات الويب المفتوحة. هذا يعني ذاك أي شيء يمكننا القيام به على الويب ، يجب أن نكون قادرين على القيام به في عرضنا التقديمي أيضًا. يمكننا تغيير الأنماط باستخدام CSS ، وتضمين صفحة ويب خارجية باستخدام إطار iframe أو إضافة سلوكنا المخصص باستخدام JavaScript API ما الذي تعرضه.

مثال على كشف.js ل ubunlog

يأتي هذا الإطار مع مجموعة واسعة من الميزات بما في ذلك شرائح متداخلة ، ودعم تخفيض السعروالرسوم المتحركة التلقائية وتصدير PDF وملاحظات المتحدث ودعم LaTeX ورمز تمييز بناء الجملة.

Reveal.js على Ubuntu 20.04

قبل البدء في تثبيت Reveal.js سيكون من الضروري بالنسبة لنا تثبيت بعض الحزم الضرورية أولاً. للقيام بذلك ، سيتعين علينا فتح محطة طرفية (Ctrl + Alt + T) وتنفيذ الأمر التالي فيها:

تثبيت التبعيات

sudo apt install curl gnupg2 unzip git

الخطوة التالية التي سنحتاج إلى اتخاذها هي قم بتثبيت الإصدار 14 من NodeJS، على الرغم من أن الإصدار 10 وما بعده يجب أن يعمل أيضًا. لهذا علينا إضافة مستودع nodejs ، والذي يمكننا القيام به عن طريق الكتابة في نفس المحطة:

تثبيت مستودع nodejs 14

curl -sL https://deb.nodesource.com/setup_14.x | sudo bash -

سيبدأ هذا العملية الكاملة لإضافة المستودع مع مفتاح GPG الخاص بك. بمجرد الانتهاء من العملية ، يمكننا ذلك تثبيت NodeJS بالأمر التالي:

قم بتثبيت nodejs 14

sudo apt install nodejs

عند انتهاء التثبيت ، سنكون قادرين على ذلك تحقق من الإصدار المثبت من NodeJS تشغيل الأمر التالي:

إصدار العقدة

node -v

قم بتنزيل Reveal.js وتثبيته

في هذه المرحلة ، حان الوقت لبدء التنزيل. للقيام بذلك ، سنفعل clone Reveal.js repository باستخدام Git. للقيام بذلك ، سيتعين علينا فقط فتح محطة طرفية (Ctrl + Alt + T) وتنفيذ الأمر التالي:

تحميل الملف

git clone https://github.com/hakimel/reveal.js.git

عند الانتهاء من الاستنساخ ، سنجد على جهاز الكمبيوتر الخاص بنا مجلدًا يسمى revel.js. للوصول إليه ه تثبيت التطبيق، سيتعين علينا فقط استخدام الأوامر التالية في الجهاز (Ctrl + Alt + T):

قم بتثبيت "الملف"

cd reveal.js

sudo npm install

بمجرد تثبيت جميع تبعيات التطبيق ، يمكننا الآن تشغيله باستخدام الأمر التالي:

ابدأ خادم إظهار

npm start

سيشير الأمر السابق إلى أنه سيتم توفير الخدمة عبر المنفذ 8000 ، وهو المنفذ الافتراضي ، إلى جانب عنوان IP الخاص بالخادم. الآن ، علينا فقط افتح متصفح الويب المفضل لدينا وانتقل إلى http://ip-servidor:8000. في هذا الاتجاه ، سنرى العرض التقديمي الافتراضي لـكشف.js ، والذي سيشير إلى نجاح التثبيت.

ابدأ الكشف. js

سنكون أيضا قادرين على تغيير المنفذ باستخدام المنفذ على النحو التالي:

npm start -- --port=8001

حالما يتم تثبيت ملفكشف.js ، من الجيد الرجوع إلى أدلة خيارات الترميز ذ دي التكوين لضبط هذا الإطار. لمزيد من المعلومات حول كيفية تثبيت الملف ، يمكن للمستخدمين أيضًا الرجوع إلى صفحة على جيثب من المشروع.

Reveal.js هو بديل لبرنامج PowerPoint لإنشاء العروض التقديمية ، والتي يمكننا استخدامها في التعليم أو حتى في العمل. باتباع الإرشادات الواردة في هذه المقالة ، سيتمكن أي مستخدم من ذلك قم بتثبيت هذا البرنامج على نظام Ubuntu 20.04. يمكن لأي شخص إنشاء عروض تقديمية رائعة باستخدام HTML و CSS.

إذا كنت تريد معرفة المزيد حول كيفية استخدام هذا التطبيق ، فسيكون المستخدمون قادرين على ذلك على موقع المشروع على الويب استشر الوثائق الرسمية. في ذلك ، يوضح لنا منشئها كيف يمكننا العمل مع هذه الأداة بطريقة بسيطة وسريعة للغاية.

مثال الشرائح منصة

إذا كنت مهتمًا بأن تكون قادرًا على الاستمتاع بمزايا تكشف عن ملفات HTML دون الحاجة إلى كتابة HTML أو Markdown ، فإن المنشئ يوفر لنا أيضًا إمكانية الاختبار Slides.com. هذا محرر مرئي ومنصة به جميع وظائف ويكشف.


اترك تعليقك

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها ب *

*

*

  1. المسؤول عن البيانات: ميغيل أنخيل جاتون
  2. الغرض من البيانات: التحكم في الرسائل الاقتحامية ، وإدارة التعليقات.
  3. الشرعية: موافقتك
  4. توصيل البيانات: لن يتم إرسال البيانات إلى أطراف ثالثة إلا بموجب التزام قانوني.
  5. تخزين البيانات: قاعدة البيانات التي تستضيفها شركة Occentus Networks (الاتحاد الأوروبي)
  6. الحقوق: يمكنك في أي وقت تقييد معلوماتك واستعادتها وحذفها.