নোটপ্যাড দিয়ে কিভাবে একটি সহজ ওয়েবপেজ তৈরি করবেন: 15 টি ধাপ

সুচিপত্র:

নোটপ্যাড দিয়ে কিভাবে একটি সহজ ওয়েবপেজ তৈরি করবেন: 15 টি ধাপ
নোটপ্যাড দিয়ে কিভাবে একটি সহজ ওয়েবপেজ তৈরি করবেন: 15 টি ধাপ

ভিডিও: নোটপ্যাড দিয়ে কিভাবে একটি সহজ ওয়েবপেজ তৈরি করবেন: 15 টি ধাপ

ভিডিও: নোটপ্যাড দিয়ে কিভাবে একটি সহজ ওয়েবপেজ তৈরি করবেন: 15 টি ধাপ
ভিডিও: VPN ব্যবহার কতটা ক্ষতিকর | What is VPN? Benefits of VPN? How to use VPN? | Imrul Hasan Khan 2024, নভেম্বর
Anonim

প্রতিদিন, আমরা বিভিন্ন ওয়েবসাইট অ্যাক্সেস করি। যাইহোক, মাঝে মাঝে আমরা ভাবি, আপনার নিজের ওয়েবসাইট তৈরি করা কি কঠিন? এই নিবন্ধে, আপনি নোটপ্যাড দিয়ে একটি সহজ HTML ওয়েব পেজ তৈরি করতে নির্দেশিত হবেন।

ধাপ

1 এর পদ্ধতি 1: আপনার নিজস্ব ওয়েবপেজ তৈরি করা

নোটপ্যাড ব্যবহার করে একটি সহজ ওয়েবপেজ তৈরি করুন ধাপ 1
নোটপ্যাড ব্যবহার করে একটি সহজ ওয়েবপেজ তৈরি করুন ধাপ 1

ধাপ 1. নোটপ্যাড খুলুন।

এই পাঠ্য সম্পাদকটি একটি অন্তর্নির্মিত প্রোগ্রাম যা প্রতিটি উইন্ডোজ কম্পিউটারে উপলব্ধ এবং এটি স্টার্ট মেনুতে পাওয়া যাবে। নোটপ্যাড খোলার পরে, ফাইল> সেভ এ ক্লিক করুন, তারপরে ফাইল টাইপ কলামে সমস্ত ফাইল নির্বাচন করুন। আপনার তৈরি ফাইলটি HTML ফরম্যাটে সংরক্ষণ করুন। সাধারণত, একটি সাইটের প্রধান পৃষ্ঠায় ফাইলের নাম "index.html" থাকে এবং এতে সাইটের সমস্ত পৃষ্ঠার লিঙ্ক থাকে।

নোটপ্যাড ধাপ 2 ব্যবহার করে একটি সহজ ওয়েবপেজ তৈরি করুন
নোটপ্যাড ধাপ 2 ব্যবহার করে একটি সহজ ওয়েবপেজ তৈরি করুন

ধাপ 2. HTML বুঝুন।

এইচটিএমএল (হাইপারটেক্সট মার্কআপ ল্যাঙ্গুয়েজ) -এ চিহ্ন (ট্যাগ) আছে।

এই চিহ্নগুলি আপনার ওয়েবসাইট তৈরিতে কাজ করে। HTML কোড শেষ করতে, একটি শেষ ট্যাগ ব্যবহার করুন, যেমন।

নোটপ্যাড ধাপ 3 ব্যবহার করে একটি সহজ ওয়েবপেজ তৈরি করুন
নোটপ্যাড ধাপ 3 ব্যবহার করে একটি সহজ ওয়েবপেজ তৈরি করুন

ধাপ 3. ফাইলের শীর্ষে একটি ট্যাগ byুকিয়ে আপনার ওয়েব পেজ শুরু করুন।

নোটপ্যাড ব্যবহার করে একটি সহজ ওয়েবপেজ তৈরি করুন ধাপ 4
নোটপ্যাড ব্যবহার করে একটি সহজ ওয়েবপেজ তৈরি করুন ধাপ 4

ধাপ 4. বিভিন্ন তথ্য প্রবেশ করতে ট্যাগ ব্যবহার করুন।

পৃষ্ঠার শিরোনাম নির্ধারণের জন্য চিহ্নগুলি দরকারী, যখন (alচ্ছিক) ট্যাগগুলি ওয়েব পৃষ্ঠার বিষয়বস্তু ব্যাখ্যা করতে ব্যবহৃত হয়। সাইনটি তখন সার্চ ইঞ্জিন, যেমন গুগল পড়বে।

নোটপ্যাড ধাপ 5 ব্যবহার করে একটি সহজ ওয়েবপেজ তৈরি করুন
নোটপ্যাড ধাপ 5 ব্যবহার করে একটি সহজ ওয়েবপেজ তৈরি করুন

ধাপ 5. ট্যাগ প্রবেশ করার পর, ট্যাগ সহ পৃষ্ঠার শিরোনাম করুন, উদাহরণস্বরূপ উইকিহো এইচটিএমএল

নোটপ্যাড ব্যবহার করে একটি সহজ ওয়েবপেজ তৈরি করুন ধাপ 6
নোটপ্যাড ব্যবহার করে একটি সহজ ওয়েবপেজ তৈরি করুন ধাপ 6

পদক্ষেপ 6. সাইন ব্যবহার করে সাইটের হেডার শেষ করুন

নোটপ্যাড ধাপ 7 ব্যবহার করে একটি সহজ ওয়েবপেজ তৈরি করুন
নোটপ্যাড ধাপ 7 ব্যবহার করে একটি সহজ ওয়েবপেজ তৈরি করুন

ধাপ 7. পৃষ্ঠার বিষয়বস্তু প্রবেশ করতে ট্যাগ ব্যবহার করুন।

মনে রাখবেন যে সমস্ত রঙ ব্রাউজার দ্বারা সমর্থিত নয়। উদাহরণস্বরূপ, গা dark় ধূসর সমর্থিত নাও হতে পারে।

নোটপ্যাড ধাপ 8 ব্যবহার করে একটি সহজ ওয়েবপেজ তৈরি করুন
নোটপ্যাড ধাপ 8 ব্যবহার করে একটি সহজ ওয়েবপেজ তৈরি করুন

ধাপ 8. ওয়েব পৃষ্ঠার বিষয়বস্তু লিখুন।

উদাহরণস্বরূপ, একটি সাইট হেডার তৈরি করে শুরু করুন। সাইটের হেডার বড় অক্ষরে সাইটের অংশ, এবং একটি চিহ্ন দিয়ে চিহ্নিত করা হয়

পর্যন্ত

। চিহ্ন

আপনি সবচেয়ে বড় ফন্ট সাইজের সাইট হেডার তৈরি করতে ব্যবহার করতে পারেন। চিহ্নের ঠিক নিচে চিহ্ন ব্যবহার করার চেষ্টা করুন, যেমন

আমার সাইটে স্বাগতম

। আপনি সাইন বন্ধ নিশ্চিত করুন

বাক্য শেষে।

নোটপ্যাড ব্যবহার করে একটি সহজ ওয়েবপেজ তৈরি করুন ধাপ 9
নোটপ্যাড ব্যবহার করে একটি সহজ ওয়েবপেজ তৈরি করুন ধাপ 9

ধাপ 9. চিহ্ন দিয়ে পৃষ্ঠায় একটি অনুচ্ছেদ তৈরি করুন

উদাহরণস্বরূপ, লিখুন

অনুচ্ছেদ পরীক্ষা!

একটি নতুন লাইন তৈরি করতে, চিহ্নটি ব্যবহার করুন, বা বিরতি।

নোটপ্যাড ধাপ 10 ব্যবহার করে একটি সহজ ওয়েবপেজ তৈরি করুন
নোটপ্যাড ধাপ 10 ব্যবহার করে একটি সহজ ওয়েবপেজ তৈরি করুন

ধাপ ১০. আপনি যে ওয়েব পেজটি তৈরি করেছেন তা কেবল প্লেইন টেক্সট থাকতে চান না।

ওয়েব পেজে টেক্সট ফরম্যাট করতে নিম্নলিখিত পতাকাগুলি ব্যবহার করুন: বোল্ড টেক্সট, টেক্সট ইটালাইজ করা, এবং এটি আন্ডারলাইন করা। উপরের চিহ্নটি ব্যবহার করার পরে, এটি বন্ধ করতে ভুলবেন না!

নোটপ্যাড ধাপ 11 ব্যবহার করে একটি সহজ ওয়েবপেজ তৈরি করুন
নোটপ্যাড ধাপ 11 ব্যবহার করে একটি সহজ ওয়েবপেজ তৈরি করুন

ধাপ 11. চিহ্ন সহ ছবি যোগ করুন

Image
Image

সাইটটিকে সুন্দর করতে এবং এমন তথ্য যুক্ত করতে যা পাঠ্য আকারে ব্যাখ্যা করা যায় না।

চিহ্ন

নোটপ্যাড ধাপ 13 ব্যবহার করে একটি সহজ ওয়েবপেজ তৈরি করুন
নোটপ্যাড ধাপ 13 ব্যবহার করে একটি সহজ ওয়েবপেজ তৈরি করুন

কাজ করার জন্য নির্দিষ্ট তথ্যের প্রয়োজন। চিহ্নের সম্পূর্ণ বাক্য গঠন

এই মত হতে পারে:।

সাইন ইন src প্যারামিটার ইমেজ ফাইলের নাম, এবং প্রস্থ এবং উচ্চতা ফাংশন দৈর্ঘ্য এবং প্রস্থ বর্ণনা করতে কাজ করে।

ধাপ 12. একটি লিঙ্ক তৈরি করুন যা অন্য একটি পৃষ্ঠায় নিয়ে যায়, উদাহরণস্বরূপ অন্য পৃষ্ঠা।

চিহ্নের মাঝখানে থাকা পাঠ্যটি সেই পাঠ্য যা পৃষ্ঠায় প্রদর্শিত হবে, যখন href প্যারামিটারে গন্তব্য পৃষ্ঠা রয়েছে। লিঙ্ক দিয়ে, দর্শকরা সহজেই আপনার সাইটে বিভিন্ন পৃষ্ঠায় যেতে পারেন।

ধাপ 13. যখন আপনি সাইটটি পূরণ করা শেষ করবেন, তখন পৃষ্ঠাটি বন্ধ করে শেষ করুন।

অবশেষে, HTML কোড দিয়ে বন্ধ করুন

নোটপ্যাড ধাপ 14 ব্যবহার করে একটি সহজ ওয়েবপেজ তৈরি করুন
নোটপ্যাড ধাপ 14 ব্যবহার করে একটি সহজ ওয়েবপেজ তৈরি করুন

ধাপ 14।

নোটপ্যাড ধাপ 15 ব্যবহার করে একটি সহজ ওয়েবপেজ তৈরি করুন
নোটপ্যাড ধাপ 15 ব্যবহার করে একটি সহজ ওয়েবপেজ তৈরি করুন

ধাপ 15. ইন্টারনেটে আপনার সাইট আপলোড করার জন্য নিচের গাইডটি পড়ুন।

পরামর্শ

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

প্রস্তাবিত: