আসসালামু আলাইকুম, আশা করি সবাই ভাল আছেন।
HTML ওয়েব সাইট তৈরি করতে পারেন খুব সহজেই। ওয়েব সাইট এ প্রয়োজন হবে এমন কিছু কোড এবং টিপস নিয়েই এই টিউন। যার মাধ্যমে আপনি সহজেই তৈরি করতে পারবেন একটা HTML নির্ভর সাইট।
প্রথমে আপনি একটা Template ডাউনলোড করে নিন। যারা jQuery জানেন এবং Css জানেন তাদের জন্য সহজ হবে । না জানলেও সমস্যা নেই।
এখান থেকে ইজি Template ডাউনলোড করে নিনঃ মিডিয়া আগুন লিঙ্ক।
ডাউনলোড করা জিপ ফাইল থেকে এবার index.html টা notepad দিয়ে ওপেন করুন । কোড গুলোর প্রথম অংশ লক্ষ করুনঃ
Headers end কোড তার মাধ্যমে সাইট এর header শেষ হল।
সাইট ইনফো আপডেট করা
=============
নিচের ইমেজ টা দেখুনঃ
1. আপনার সাইট এর টাইটেল নিরহধারন করুন।
2. সাইট এর নাম নির্ধারণ করুন
3. সাইট এর স্লোগান নির্ধারণ করুন।
মেনু নির্ধারণ
==============
নিচের কোড টা লক্ষ করুনঃ
<div id=”buttons”>
<ul>
<li><a href=”" title=”">Home</a></li>
<li><a href=”web/web/register.php” title=”">Register</a></li>
<li><a href=”web/web/sitelogin.php” title=”">Login</a></li>
<li><a href=”aboutus.html” title=”">About us</a></li>
<li><a href=”contactus.html” title=”">Contact us</a></li>
</ul>
</div>
এটাই হল। আপনার মেনু নির্ধারণ করে। নিজের মত এডিট করে নিতে পারেন।
Introduce ফটোঃ
=============
মেইন পেজ এর ফটো গুলো পরিবর্তন করতে হলে আপনি যে ফটো গুলো দিতে চান সেগুলো header1.jpg, header2.jpg, header3.jpg তে রিনেম করে ডাউনলোড করা template এর
images ফোল্ডার এ রিপ্লেস করুন।
body এডিট
========
index.html ফাইল এর মাঝ এর অংশ তে যান এরকম দেখতে পাবেন
হলুদ অংশ এডিট করে আপনার টেক্সট দিন ।
footer এডিট
==========
index.html এর নিচের অংশ এরকম দেখাবে
হলুদ অংশে ইচ্ছা মত টেক্সট কিনবা লিঙ্ক দিয়ে রিপ্লেস করুন। সেভ করুন ফাইল টি
এবার ফাইল গুলো হস্তিং এ আপলোড করে দিন। হয়ে গেল আপনার সাইট।
ধন্যবাদ । ভাল থাকবেন
HTML ওয়েব সাইট তৈরি করতে পারেন খুব সহজেই। ওয়েব সাইট এ প্রয়োজন হবে এমন কিছু কোড এবং টিপস নিয়েই এই টিউন। যার মাধ্যমে আপনি সহজেই তৈরি করতে পারবেন একটা HTML নির্ভর সাইট।
প্রথমে আপনি একটা Template ডাউনলোড করে নিন। যারা jQuery জানেন এবং Css জানেন তাদের জন্য সহজ হবে । না জানলেও সমস্যা নেই।
এখান থেকে ইজি Template ডাউনলোড করে নিনঃ মিডিয়া আগুন লিঙ্ক।
ডাউনলোড করা জিপ ফাইল থেকে এবার index.html টা notepad দিয়ে ওপেন করুন । কোড গুলোর প্রথম অংশ লক্ষ করুনঃ
Headers end কোড তার মাধ্যমে সাইট এর header শেষ হল।
সাইট ইনফো আপডেট করা
=============
নিচের ইমেজ টা দেখুনঃ
1. আপনার সাইট এর টাইটেল নিরহধারন করুন।
2. সাইট এর নাম নির্ধারণ করুন
3. সাইট এর স্লোগান নির্ধারণ করুন।
মেনু নির্ধারণ
==============
নিচের কোড টা লক্ষ করুনঃ
<div id=”buttons”>
<ul>
<li><a href=”" title=”">Home</a></li>
<li><a href=”web/web/register.php” title=”">Register</a></li>
<li><a href=”web/web/sitelogin.php” title=”">Login</a></li>
<li><a href=”aboutus.html” title=”">About us</a></li>
<li><a href=”contactus.html” title=”">Contact us</a></li>
</ul>
</div>
এটাই হল। আপনার মেনু নির্ধারণ করে। নিজের মত এডিট করে নিতে পারেন।
Introduce ফটোঃ
=============
মেইন পেজ এর ফটো গুলো পরিবর্তন করতে হলে আপনি যে ফটো গুলো দিতে চান সেগুলো header1.jpg, header2.jpg, header3.jpg তে রিনেম করে ডাউনলোড করা template এর
images ফোল্ডার এ রিপ্লেস করুন।
body এডিট
========
index.html ফাইল এর মাঝ এর অংশ তে যান এরকম দেখতে পাবেন
হলুদ অংশ এডিট করে আপনার টেক্সট দিন ।
footer এডিট
==========
index.html এর নিচের অংশ এরকম দেখাবে
হলুদ অংশে ইচ্ছা মত টেক্সট কিনবা লিঙ্ক দিয়ে রিপ্লেস করুন। সেভ করুন ফাইল টি
এবার ফাইল গুলো হস্তিং এ আপলোড করে দিন। হয়ে গেল আপনার সাইট।
ধন্যবাদ । ভাল থাকবেন
কোন মন্তব্য নেই:
একটি মন্তব্য পোস্ট করুন