কিভাবে ডাউনলোড বাটন তৈরি করবেন

লেখক: Bobbie Johnson
সৃষ্টির তারিখ: 6 এপ্রিল 2021
আপডেটের তারিখ: 1 জুলাই 2024
Anonim
HTML এ বোতামে ক্লিক করে ছবি ডাউনলোড করুন || ডাউনলোড বোতাম html
ভিডিও: HTML এ বোতামে ক্লিক করে ছবি ডাউনলোড করুন || ডাউনলোড বোতাম html

কন্টেন্ট

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

ধাপ

পদ্ধতি 1 এর 2: একটি HTML বাটন তৈরি করুন

  1. 1 সোর্স এডিটরে একটি বোতাম তৈরি করুন। নোটপ্যাড বা টেক্সট এডিটের মতো একটি সাধারণ পাঠ্য সম্পাদক ঠিক আছে। একটি টেক্সট এডিটর, নিম্নলিখিত কোড লিখুন:
  2. 2 আপনার সার্ভারে ফাইল আপলোড করুন। আপনি যদি ডাউনলোডের জন্য একটি ফাইল অফার করতে চান, তাহলে আপনাকে এটি আপনার সার্ভারে সংরক্ষণ করতে হবে অথবা নেটওয়ার্কের অন্য কোথাও ফাইলের সাথে বোতাম সংযুক্ত করতে হবে। আপনি যে ফাইলটি আপনার সাইট সার্ভারে উপলব্ধ করতে চান তা আপলোড করতে একটি FTP ক্লায়েন্ট ব্যবহার করুন।
  3. 3 আপনার দ্বারা সংরক্ষিত নয় এমন একটি ফাইলের সাথে লিঙ্ক করতে চাইলে আপনার ওয়েবমাস্টারের অধিকার আছে তা নিশ্চিত করুন।
  4. 4 আপনার আসল ডাউনলোড URL এর সাথে 'ডাউনলোড লোকেশন' প্রতিস্থাপন করুন। ঠিকানাটি একক উদ্ধৃতি এবং "window.location = 'লোকেশন ডাউনলোড করুন" ডবল উদ্ধৃতিতে সংযুক্ত করতে ভুলবেন না। HTTP: // বা FTP: // এর মতো উপসর্গ যোগ করুন এবং ফাইল এক্সটেনশন যুক্ত করুন, যেমন .webp বা .EXE ..
  5. 5 বাটনে লিখুন। "বোতাম পাঠ্য" প্রতিস্থাপন করুন যে শব্দগুলি আপনি বোতামে উপস্থিত হতে চান। ডবল উদ্ধৃতিতে পাঠ্য অন্তর্ভুক্ত করতে ভুলবেন না। আপনার বাক্যাংশটি সংক্ষিপ্ত রাখার চেষ্টা করুন যাতে অন-স্ক্রীন বোতামটি অযৌক্তিক মনে না হয়।
  6. 6 আপনার পৃষ্ঠায় সোর্স কোড রাখুন। আপনি পৃষ্ঠার যে কোনও জায়গায় বোতামের জন্য সোর্স কোড পেস্ট করতে পারেন এবং বোতামটি ঠিক সেই জায়গায় উপস্থিত হবে। আপনার নতুন পৃষ্ঠা কোড আপলোড করুন এবং আপনার নতুন বোতামটি পরীক্ষা করুন।

2 এর পদ্ধতি 2: ছবি হিসাবে একটি বোতাম তৈরি করুন

  1. 1 আপনার ডাউনলোড বাটন আঁকুন। আপনার পছন্দের যে কোন ইমেজ এডিটর ব্যবহার করুন এবং আপনার সাইটের স্টাইলের সাথে মেলে এমন একটি বোতাম আঁকুন। আপনি আপনার পছন্দ মতো বোতামটি বড় (বা ছোট) করতে পারেন।
  2. 2 আপনার সার্ভারে বোতাম সহ ফাইল এবং ছবি আপলোড করুন। যদি আপনি ডাউনলোডের জন্য একটি ফাইল অফার করতে চান, তাহলে আপনাকে এটি আপনার সার্ভারে সংরক্ষণ করতে হবে অথবা নেটওয়ার্কের অন্য কোথাও ফাইলের সাথে বোতাম সংযুক্ত করতে হবে। আপনি যে ফাইলটি আপনার সাইট সার্ভারে উপলব্ধ করতে চান তা আপলোড করতে একটি FTP ক্লায়েন্ট ব্যবহার করুন।
    • আপনি যে পৃষ্ঠায় এই বোতামটি যুক্ত করেছেন সেই সার্ভারটিতে একই স্থানে বাটন ছবিটি আপলোড করুন।
  3. 3 ডাউনলোডের জন্য সোর্স কোড লিখুন। ইমেজ হিসেবে রেন্ডার করা ডাউনলোড বাটন এইচটিএমএল -এ অন্য সব লিঙ্কের মতো কাজ করে।আপনার কোডে নিম্নলিখিত কোডটি অনুলিপি করুন:
  4. 4 ফাইল এবং ছবির তথ্য লিখুন “ডাউনলোড লোকেশন” প্রতিস্থাপন করুন একটি বাস্তব ডাউনলোড ইউআরএল সহ, যেকোনো HTTP: // অথবা FTP: // উপসর্গগুলি সহ। বোতাম চিত্রের ফাইলের নাম দিয়ে "চিত্র ফাইল" প্রতিস্থাপন করুন। যদি ফাইলটি পৃষ্ঠার একই জায়গায় সার্ভারে অবস্থিত হয়, তাহলে আপনাকে সম্পূর্ণ পথ নির্দিষ্ট করার দরকার নেই।
    • "হোভার টেক্সট" এর পরিবর্তে সেই টেক্সটটি ব্যবহার করুন যা ব্যবহারকারী যখন বোতাম ইমেজের উপর ঘুরবে তখন উপস্থিত হওয়া উচিত।
    • চিত্রের প্রস্থ এবং উচ্চতা যথাক্রমে পিক্সেলে "X" এবং "Y" প্রতিস্থাপন করুন।
    • এই সব এন্ট্রিগুলিকে ডাবল কোটে যুক্ত করতে ভুলবেন না।
  5. 5 আপনার পৃষ্ঠায় সোর্স কোড লিখুন। বোতামটি যেখানে উপস্থিত হওয়া উচিত সেখানে কোডটি রাখুন। নতুন কোড আপলোড করুন এবং তারপর বাটন কাজ করে কিনা তা দেখতে আপনার ওয়েবপেজ খুলুন। চেক করুন যে ইঙ্গিত পাঠ্য হোভার উপর প্রদর্শিত হয় এবং ছবি নিজেই সঠিক আকার।

সতর্কবাণী

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