উইন্ডোজ নোটপ্যাড একটি মৌলিক শব্দ প্রক্রিয়াকরণ প্রোগ্রাম যা আপনি আপনার ওয়েব পৃষ্ঠাগুলি লেখার জন্য ব্যবহার করতে পারেন। ওয়েব পৃষ্ঠাগুলি কেবল পাঠ্য এবং আপনি HTML লিখতে কোনও ওয়ার্ড প্রসেসিং প্রোগ্রাম ব্যবহার করতে পারেন। এই টিউটোরিয়াল প্রক্রিয়া মাধ্যমে আপনাকে হেঁটে।
07 এর 01একটি নতুন ফোল্ডারে আপনার ফাইল রাখুন
নোটপ্যাডে একটি নতুন ওয়েবসাইট তৈরি করার জন্য প্রথমে এটির জন্য একটি পৃথক ফোল্ডার তৈরি করুন। সাধারণত, আপনি আপনার ওয়েব পৃষ্ঠাগুলিকে আমার ডকুমেন্টস ফোল্ডারে এইচটিএমএল নামে ফোল্ডারে সংরক্ষণ করেন, তবে আপনি যেখানে সেগুলি সংরক্ষণ করতে পারেন।
- খোলাআমার ডকুমেন্টস জানলা.
- ক্লিক ফাইল > নতুন > ফোল্ডার।
- ফোল্ডার নাম আমার ওয়েবসাইট.
গুরুত্বপূর্ণ তথ্য: সমস্ত ছোট হাতের অক্ষর এবং কোনও স্পেস বা বিরাম চিহ্ন ব্যবহার করে ওয়েব ফোল্ডার এবং ফাইলগুলিকে নাম দিন। উইন্ডোজ আপনাকে স্পেস ব্যবহার করার অনুমতি দেয়, তবে অনেক ওয়েব হোস্টিং প্রদানকারীরা না থাকে এবং যদি আপনি ফাইল এবং ফোল্ডারগুলিকে শুরু থেকেই সঠিকভাবে নাম দেন তবে আপনি নিজেকে কিছু সময় এবং ঝামেলা বাঁচাতে পারবেন।
HTML হিসাবে পৃষ্ঠা সংরক্ষণ করুন
ডিরেক্টরি নাম হিসাবে, যখন আপনি পৃষ্ঠাটি সংরক্ষণ করেন, ফাইলের নামতে সমস্ত ছোট হাতের অক্ষর এবং কোনও স্পেস বা বিশেষ অক্ষর ব্যবহার করবেন না।
- নোটপ্যাডে, ক্লিক করুন ফাইল এবং তারপর সংরক্ষণ করুন.
- আপনি আপনার ওয়েবসাইট ফাইল সংরক্ষণ যেখানে ফোল্ডারে যান।
- পরিবর্তন টাইপ হিসাবে সংরক্ষণ করুন ড্রপ ডাউন মেনু সব নথি (*.*).
- ফাইল নাম। এই টিউটোরিয়াল নাম ব্যবহার করে pets.htm।
03 এর 03
ওয়েব পেজ লেখা শুরু করুন
আপনার নোটপ্যাড HTML5 নথিতে টাইপ করা প্রথম জিনিসটি DOCTYPE। এটি ব্রাউজারকে কোন ধরনের HTML টি আশা করতে বলে।
Doctype ঘোষণা একটি ট্যাগ না। এটি কম্পিউটারকে বলে যে একটি HTML5 নথিটি আসছে। এটি প্রতি HTML5 পৃষ্ঠার শীর্ষে যায় এবং এটি এই ফর্মটি নেয়:
একবার আপনার কাছে DOCTYPE থাকলে, আপনি আপনার HTML শুরু করতে পারেন। শুরুতে ট্যাগ এবং শেষ ট্যাগ উভয় টাইপ করুন এবং আপনার ওয়েব পৃষ্ঠার সামগ্রীগুলির জন্য কিছু স্থান ছেড়ে দিন। আপনার নোটপ্যাড ডকুমেন্ট এটির মতো হওয়া উচিত:
আপনার ওয়েব পেজ জন্য একটি মাথা তৈরি করুন
এইচটিএমএল ডকুমেন্টের প্রধান যেখানে আপনার ওয়েব পৃষ্ঠা সম্পর্কে মৌলিক তথ্য সংরক্ষণ করা হয় - পৃষ্ঠা শিরোনাম এবং অনুসন্ধান ইঞ্জিন অপ্টিমাইজেশনের জন্য সম্ভবত মেটা ট্যাগগুলির মত। একটি মাথা বিভাগ তৈরি করতে, HTML ট্যাগগুলির মধ্যে আপনার নোটপ্যাড HTML পাঠ্য দস্তাবেজের শিরোনামগুলি যুক্ত করুন।
এইচটিএমএল ট্যাগের মতো, তাদের মধ্যে কিছু স্থান ত্যাগ করুন যাতে আপনার মাথার তথ্য যোগ করার জায়গা থাকে।
05 এর 05প্রধান বিভাগে একটি পৃষ্ঠার শিরোনাম যোগ করুন
আপনার ওয়েব পৃষ্ঠার শিরোনামটি এমন ব্রাউজার যা উইন্ডোতে প্রদর্শিত হয়। যখন কেউ আপনার সাইট সংরক্ষণ করে তখন এটি বুকমার্ক এবং পছন্দসইতেও লিখিত হয়। শিরোনাম ট্যাগের মধ্যে শিরোনাম টেক্সট সংরক্ষণ করুন। এটি শুধুমাত্র ওয়েব পৃষ্ঠায় প্রদর্শিত হবে না, শুধুমাত্র ব্রাউজারের শীর্ষে।
এই উদাহরণ পৃষ্ঠাটির শিরোনাম "ম্যাককিনলি, শস্ত, এবং অন্যান্য পোষা প্রাণী"।
আপনার শিরোনাম কতক্ষণ বা এটি আপনার এইচটিএমএল একাধিক লাইন spans, এটা কোন ব্যাপার না, কিন্তু ছোট শিরোনাম পড়তে সহজ, এবং কিছু ব্রাউজার ব্রাউজার উইন্ডোতে দীর্ঘ কাটা বন্ধ।
07 এর 06আপনার ওয়েব পেজ এর প্রধান শরীর
আপনার ওয়েব পৃষ্ঠার শরীরটি শরীরের ট্যাগের মধ্যে সংরক্ষণ করা হয়। এটা মাথা ট্যাগ পরে আসা উচিত কিন্তু শেষ এইচটিএমএল ট্যাগ আগে। এই যেখানে আপনি টেক্সট, শিরোনাম, subheads, চিত্র এবং গ্রাফিক্স, লিঙ্ক এবং অন্যান্য অন্যান্য বিষয়বস্তু রাখুন। যতদিন আপনি এটা করতে পারেন।
শুরু এবং শেষ ট্যাগ ট্যাগের মধ্যে অতিরিক্ত স্থান ছেড়ে দিন।
নোটপ্যাডে আপনার ওয়েব পৃষ্ঠাটি লিখতে এই একই বিন্যাস অনুসরণ করা যেতে পারে।
07 07 07একটি ছবি ফোল্ডার তৈরি করা হচ্ছে
আপনার এইচটিএমএল ডকুমেন্টের শরীরের বিষয়বস্তু যোগ করার আগে আপনাকে আপনার ডিরেক্টরি সেট আপ করতে হবে যাতে আপনার কাছে ছবির জন্য একটি ফোল্ডার থাকে।
- খোলা আমার ডকুমেন্টস জানলা.
- পরিবর্তন করুন আমার ওয়েবসাইট ফোল্ডার।
- ক্লিক ফাইল > নতুন > ফোল্ডার।
- ফোল্ডার নাম চিত্র.
ইমেজ ফোল্ডারে আপনার ওয়েবসাইটের জন্য সমস্ত ছবি সংরক্ষণ করুন যাতে আপনি পরে তাদের খুঁজে পেতে পারেন। এটি করার প্রয়োজন হলে এটি আপলোড করা সহজ করে তোলে।