কীভাবে একটি ওয়েব পৃষ্ঠা তৈরি করবেন

সুচিপত্র:

কীভাবে একটি ওয়েব পৃষ্ঠা তৈরি করবেন
কীভাবে একটি ওয়েব পৃষ্ঠা তৈরি করবেন

ভিডিও: কীভাবে একটি ওয়েব পৃষ্ঠা তৈরি করবেন

ভিডিও: কীভাবে একটি ওয়েব পৃষ্ঠা তৈরি করবেন
ভিডিও: ওয়েবসাইট তৈরি করতে কি কি লাগে 2024, এপ্রিল
Anonim

আমরা প্রত্যেকে অনলাইনে এমনভাবে যায় যেন মহাশূন্যে যায় - প্রথমে আমরা দেখতে চাই "এটি কেমন?", তারপরে আমরা সেখানে থাকা সমস্ত কিছুর পরিদর্শন করতে চাই এবং তারপরে সেখানে আমাদের নিজস্ব কিছু রেখে যাওয়ার ইচ্ছা আছে - তা নয় কেবল "দেওয়ালের গ্রাফিতি", তবে আরও কিছু যথেষ্ট। আপনি একটি সাধারণ ওয়েব পৃষ্ঠা তৈরি করে শুরু করতে পারেন - এখানে ধাপে ধাপে গাইড।

কীভাবে একটি ওয়েব পৃষ্ঠা তৈরি করবেন
কীভাবে একটি ওয়েব পৃষ্ঠা তৈরি করবেন

এটা জরুরি

টেক্সট সম্পাদক

নির্দেশনা

ধাপ 1

কোনও ওয়েব পৃষ্ঠায় কোনও সাইট দর্শক যা দেখেন তা ব্রাউজার দ্বারা তাঁর অনুরোধে সার্ভারের দ্বারা প্রেরিত নির্দেশাবলী থেকে পুনরায় তৈরি করা হয়। এই নির্দেশাবলী এইচটিএমএল (হাইপারটেক্সট মার্কআপ ল্যাঙ্গুয়েজ) এ লেখা হয় এবং এইচটিএম এবং এইচটিএমএল এক্সটেনশানগুলি যে ফাইলগুলিতে সেগুলি সংরক্ষণ করা হয় তার জন্য হাইলাইট করা হয়। আপনি নিয়মিত পাঠ্য সম্পাদক এ জাতীয় ফাইল তৈরি করতে পারেন - এটি ওয়েব পৃষ্ঠা তৈরির প্রথম পদক্ষেপ হবে। উদাহরণস্বরূপ, স্ট্যান্ডার্ড নোটপ্যাডটি খুলুন এবং সূচিপত্র নামের একটি খালি ফাইল তৈরি করুন html। যখন আপনি কোনও নির্দিষ্ট পৃষ্ঠা নির্দিষ্ট করে না দিয়ে কোনও ওয়েবসাইট ঠিকানা টাইপ করেন (উদাহরণস্বরূপ, সার্ভারের প্রথম জিনিসটি হ'ল এই নামটির একটি পৃষ্ঠা - সূচক।

ধাপ ২

এইচটিএমএল নির্দেশাবলী "ট্যাগ" বলা হয় এবং তাদের প্রতিটি যেমন বন্ধনী মধ্যে আবদ্ধ হয় -। কিছু ট্যাগ যুক্ত করা হয়, এটিতে ট্যাগগুলি খোলার এবং বন্ধ করার সমন্বয়ে গঠিত হয় এবং তাদের মধ্যে তথ্য স্থাপন করা হয়। উদাহরণস্বরূপ, এমন একটি ট্যাগ যা ব্রাউজারকে জানতে পারে যে কোডটি নীচে এইচটিএমএলতে রয়েছে তা নীচে লিখিত হয়েছে: এই সমাপনী ট্যাগ যা বলে যে এইচটিএমএল কোডটি এই মুহুর্তে সমাপ্ত হয়েছে নীচের লিখিত রয়েছে: আপনি দেখতে পাচ্ছেন, ক্লোজিং ট্যাগটি পৃথক রয়েছে খোলার প্রথম বন্ধনী (</) পরে স্ল্যাশের উপস্থিতি দ্বারা খোলার ট্যাগ থেকে।

ধাপ 3

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

এটাই শিরোনাম!

পদক্ষেপ 4

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

এখানে তথ্যের পুরো অনুচ্ছেদ রয়েছে!

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

:

অনুচ্ছেদের প্রথম লাইন।

অনুচ্ছেদের দ্বিতীয় লাইন।

ব্রাউজারটি আপনার পৃষ্ঠাটি স্বাভাবিকভাবে প্রদর্শন করতে এগুলি যথেষ্ট। একত্রিত সমস্ত এইচটিএমএল-কোডগুলি দেখতে দেখতে এমন হওয়া উচিত:

এটাই শিরোনাম!

অনুচ্ছেদের প্রথম লাইন।

অনুচ্ছেদের দ্বিতীয় লাইন।

এটি একটি সাধারণ পৃষ্ঠা তৈরির কাজটি সম্পূর্ণ করে - দস্তাবেজটি সংরক্ষণ করার পরে (index.html), আপনি এটি একটি ব্রাউজারে খুলতে পারেন এবং আপনার পৃষ্ঠাটি দেখতে পারেন।

প্রস্তাবিত: