ওয়েবস্লাইডগুলির সাহায্যে এইচটিএমএল উপস্থাপনা কীভাবে করবেন

এমন এক পৃথিবীতে যেখানে ইন্টারনেটে আমাদের ধারণাগুলি প্রদর্শন করুন এটি ক্রমবর্ধমান প্রয়োজনীয় হয়ে উঠেছে এবং যেখানে সরঞ্জামগুলির বৈচিত্র্য আমাদের আশ্চর্যজনক উপস্থাপনা তৈরি করতে পরিচালিত করেছে, যা অনেক ক্ষেত্রে কোনও সন্দেহ ছাড়াই কিছু মিডিয়ার সাথে বেমানান হয়ে যায় the এইচটিএমএল উপস্থাপনা তারা এই ক্ষেত্রে সর্বজনীন বিকল্প হতে থাকবে।

তবে এটি কারও কাছেই গোপনীয় বিষয় নয় যে সুন্দর এইচটিএমএল উপস্থাপনা তৈরি করা দীর্ঘ সময় নিতে পারে এবং এইচটিএমএল, সিএসএস এবং কিছু ক্ষেত্রে জাভাস্ক্রিপ্টের কিছুটা উন্নত জ্ঞান প্রয়োজন। এই সমস্যাগুলি থেকে, বলা হয় একটি দুর্দান্ত সরঞ্জাম called ওয়েবস্লাইডস।

ওয়েবস্লাইড কি?

এটি এটিকে কোনওভাবে একটি ওপেন সোর্স "ফ্রেমওয়ার্ক" বলা, এটি দ্বারা তৈরি জোস লুইস আন্তুনেজ, যে আমাদের অনুমতি দেয় এইচটিএমএল উপস্থাপনা তৈরি করুন দ্রুত এবং সহজে আপনার নিজের উপস্থাপনা তৈরি করার জন্য সরঞ্জামটির প্রয়োজনীয়তা রয়েছে একইভাবে, আপনি কোনও একটি ডেমো উপস্থাপনা নিতে পারেন এবং কয়েক মিনিটের মধ্যে এটি আপনার পছন্দ অনুসারে কাস্টমাইজ করতে পারেন।

এই সরঞ্জামটি দিয়ে আমি এইচটিএমএল উপস্থাপনাগুলি করেছি একটি চিত্তাকর্ষক নান্দনিক। এটি লক্ষণীয় যে এই সরঞ্জামটির জন্য এইচটিএমএল এবং সিএসএস সম্পর্কে খুব প্রাথমিক জ্ঞান প্রয়োজন, তাই এটি সমস্ত ধরণের ব্যবহারকারীদের পক্ষে আদর্শ, যাদের কেবল বিষয়বস্তুর উপর ফোকাস করা উচিত এবং কীভাবে তারা উপস্থাপনাটি প্রস্তুত করেন সে সম্পর্কে খুব কমই।

কিভাবে ওয়েবস্লাইড ডাউনলোড করবেন?

ওয়েবস্লাইডগুলি ডাউনলোড করতে, কেবল আপনার প্রিয় ডিরেক্টরি থেকে নিম্নলিখিত কমান্ডটি সম্পাদন করুন:

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

আপনি এর সাথে অফিসিয়াল ভান্ডার ক্লোন করতে পারেন

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

প্রজেক্ট ফোল্ডারের অভ্যন্তরে আপনি নিজের নিজস্ব HTML উপস্থাপনাগুলি সহজেই তৈরি শুরু করতে প্রয়োজনীয় জেএস, সিএসএস এবং ডেমো পাবেন।

কিভাবে ওয়েবস্লাইড ব্যবহার করবেন?

ওয়েবস্লাইডগুলির বৃহত্তম সুবিধা হ'ল এর ব্যবহারের সহজলভ্যতা, এই সরঞ্জামটি বিভিন্ন উদ্দেশ্য সহ উপস্থাপনা তৈরি করা সত্যই সহজ করে তোলে এবং এর ডেমো সিরিজটি উপস্থাপনা তৈরির প্রক্রিয়াটিকে খুব উচ্চতর% দ্বারা গতিবেগ করে।

ওয়েবস্লাইডগুলি ডাউনলোড করার সময় আমরা কী পাই?

ওয়েবস্লাইডগুলি ডাউনলোড করার সময় আমরা বিভিন্ন ফোল্ডার অ্যাক্সেস করি, যার মধ্যে ডেমো এবং চিত্র (ডিভাইস এবং লোগো) অন্তর্ভুক্ত থাকে।

  • সিএসএস ফোল্ডারটি আমাদের উপস্থাপনার শৈলীগুলি সংরক্ষণ করবে
  • জেএস ফোল্ডারে প্রয়োজনীয় জাভাস্ক্রিপ্টগুলি সংরক্ষণ করা হবে, যেখানে মূলত ওয়েবস্লাইড.জেগুলি রয়েছে যেখানে বেশিরভাগ যাদু করা হয়।
  • ডেমোসের চিত্র এবং এইচটিএমএল ফাইল যথাক্রমে চিত্র এবং ডেমোস ফোল্ডারে সংরক্ষণ করা হবে।
webslides/
├── index.html
├── css/
│   ├── base.css
│   └── colors.css
│   └── svg-icons.css (optional)
├── js/
│   ├── webslides.js
│   └── svg-icons.js (optional)
└── demos/
└── images/

ওয়েবস্লাইড সহ HTML উপস্থাপনা তৈরি করা হচ্ছে

ওয়েবস্লাইড ব্যবহার করার সময় দুটি মৌলিক সুবিধা রয়েছে যা আমরা নীচে উল্লেখ করেছি:

  • কোডটি পরিষ্কার এবং স্কেলযোগ্য। এটিতে সর্বাধিক জনপ্রিয় নামকরণগুলির ব্যবহার সহ স্বজ্ঞাত মার্কআপও অন্তর্ভুক্ত রয়েছে। ক্লাস, বা অতিরিক্ত ব্যবহারের নীড় ব্যবহার করার প্রয়োজন নেই।
  • প্রতি <section> # ওয়েবস্লাইডে এটি একটি স্লাইড উপস্থাপন করে। সুতরাং পৃষ্ঠাগুলি অত্যন্ত সহজ।
স্লাইড 1  স্লাইড 1

একইভাবে আমরা উল্লম্ব স্টাইল যুক্ত করে উল্লম্ব স্টাইল তৈরি করতে পারি


ক্লাসগুলি যা ওয়েবসাইডগুলি সিএসএস করে

  • টাইপোগ্রাফি:। পাঠ্য-অবতরণ,। পাঠ্য-ডেটা,। পাঠ্য-পরিচয় ...
  • পটভূমি রঙ: .বিজি-প্রাথমিক, .বিজি-আপেল, .বিজি-নীল ...
  • পটভূমি চিত্রসমূহ: .ব্যাকগ্রাউন্ড, .ব্যাকগ্রাউন্ড-কেন্দ্র-নীচে…
  • কার্ড: .কার্ড -50, .কার্ড -40 ...
  • নমনীয় ব্লক: .ফ্লেক্সব্লক। ক্লায়েন্টস, .ফ্লেক্সব্লক.মেট্রিক্স ...

ওয়েবস্লাইডগুলিতে প্রসারিত হচ্ছে

ওয়েবস্লাইডগুলি আমাদেরকে নতুন শৈলী এবং কার্যকারিতা যুক্ত করতে দেয়, উদাহরণস্বরূপ আমরা নীচের কয়েকটি সংস্থান যুক্ত করতে পারি:

এইচটিএমএল উপস্থাপনা ডেমো ওয়েবলাইড দিয়ে তৈরি

আপনি ওয়েবসাইটগুলি দিয়ে তৈরি এইচটিএমএল উপস্থাপনার একটি ডেমো দেখতে পাচ্ছেন এখানে। একইভাবে, যখন আপনি ফ্রেমওয়ার্কটি ডাউনলোড করেন আপনি এই ডেমোগুলির প্রতিটি এনকোডিং অ্যাক্সেস করতে পারেন।

ডেমো এইচটিএমএল উপস্থাপনা

ডেমোস পোর্টফোলিও 2

এটি এমন একটি সরঞ্জাম যা আমাদের দ্রুত এবং দুর্দান্ত সমাপ্তির সাথে এইচটিএমএল উপস্থাপনা তৈরি করতে দেয় তবে এটি আমাদের সামগ্রীতে ফোকাস করতে এবং এমন ফলাফল অর্জন করতে সহায়তা করবে যা আমরা আগে কল্পনাও করি নি।


আপনার মন্তব্য দিন

আপনার ইমেল ঠিকানা প্রকাশিত হবে না। প্রয়োজনীয় ক্ষেত্রগুলি দিয়ে চিহ্নিত করা *

*

*

  1. ডেটার জন্য দায়বদ্ধ: মিগুয়েল অ্যাঞ্জেল গাটান
  2. ডেটার উদ্দেশ্য: নিয়ন্ত্রণ স্প্যাম, মন্তব্য পরিচালনা।
  3. আইনীকরণ: আপনার সম্মতি
  4. তথ্য যোগাযোগ: ডেটা আইনি বাধ্যবাধকতা ব্যতীত তৃতীয় পক্ষের কাছে জানানো হবে না।
  5. ডেটা স্টোরেজ: ওসেন্টাস নেটওয়ার্কস (ইইউ) দ্বারা হোস্ট করা ডেটাবেস
  6. অধিকার: যে কোনও সময় আপনি আপনার তথ্য সীমাবদ্ধ করতে, পুনরুদ্ধার করতে এবং মুছতে পারেন।

  1.   অ্যালান ফুয়েন্তেস তিনি বলেন

    খুব ভাল, আমি সরঞ্জামটি বেশ আকর্ষণীয় মনে করি যদিও আমার স্বাদ থেকে জানা যায় যে এটি ব্যবহার করা বেশ সহজ কারণ এটি এইচটিএমএল, সিএসএস এবং জেএস এর মতো ওয়েব প্রযুক্তির উপর ভিত্তি করে একটি সরঞ্জাম যা এই প্রযুক্তিগুলির প্রাথমিক জ্ঞান রয়েছে যা আপনি ইতিমধ্যে আপনার উপস্থাপনা হতে পারেন আরও অনেক আকর্ষণীয়।

    গ্রিটিংস।

  2.   বেনামে তিনি বলেন

    এত বেশি মূল বিষয়বস্তু উদযাপন করে খুব সুন্দর
    https://www.genbeta.com/web/crea-bonitas-presentaciones-en-html-de-forma-rapida-y-sencilla-con-webslides

    1.    টিকটিকি তিনি বলেন

      বেনামে থাকা প্রোফাইলে লুকিয়ে থাকা আপনার সমালোচনা করা এবং আপনি যা চান তা বলা খুব সহজ, তবে দুর্ভাগ্যক্রমে এটি বোধগম্য যে আপনার সহগ যেখানে আপনার চোখ দেখতে পাবে না সেদিকে দৃষ্টিপাত করে না, এই নিবন্ধটি আমার দ্বারা সম্পূর্ণভাবে লেখা হয়েছে অফিসিয়াল ডকুমেন্টেশনের ভিত্তিতে এবং পর্যালোচনাতে আমি সরঞ্জামটি দিয়েছি। কোনটি আপনাকে একটি ধারণা দেবে, আমি এটি জানতে পেরেছিলাম যে গিথাবের সাম্প্রতিক সময়ে এটি সর্বাধিক ভোট প্রাপ্ত আবেদন https://github.com/jlantunez/webslides... তবে, আমাদের জন্য এটি অত্যন্ত গুরুত্বপূর্ণ যে আপনি অন্য যে কোনও জায়গার সন্ধানের জন্য সময় নিয়েছেন যেখানে তারা আমাদের মতো একই বিষয়ে লেখেন, তাই আপনি পর্যালোচনা শূন্যপদে আবেদন করতে পারেন, যা আমার মনে হয় কেবল একটি হিসাবে থাকবে আবেদনকারী কারণ আমি সন্দেহ করি যে উপযুক্ত কিছু সিদ্ধান্ত নেওয়ার জন্য আপনার কাছে মানদণ্ড রয়েছে।