তৈরী করুন নিজের ওয়েবসাইট(পর্ব-০২) : ওয়েব পেজ ডিজাইন

create_web02.jpg

ওয়েব পেজ তৈরী করার জন্য বিভিন্ন ল্যঙ্গুয়েজ এবং সফটওয়্যার আছে। আমি সাধারনত Microsoft Office FrontPage দিয়ে ওয়েব পেজ তৈরী করি। আমার মনে হয় নতুনদের জন্য Microsoft Office FrontPage আদর্শ। কারন এর উইজার ইন্টারফেসটা মাইক্রোসফট ওয়ার্ডের মতই তাই ওয়ার্ড ব্যবহারকারীরা খুব সহজে এটি ব্যবহার করতে পারবেন এছাড়াও এটি মাইক্রোসফট অফিসের সাথেই পাওয়া যায়।
প্রতিটি ওয়েবসাইটেই একটা হোমপেজ থাকে। কেউ কোন সাইটে প্রবেশ করলে প্রথমে হোমপেজটা দেখতে পায়। অর্থাত এটা হচ্ছে বইয়ের সূচীপত্রের মত এখান থেকে অন্যান্য পেজে যাওয়া যায়। আমরা যে ওয়েবসাইটি বানাব সেখানে পাঁচটা পেজ থাকবে। পেজগুলো হচ্ছেঃ
১. ইন্ডেক্স পেজ
২. এবাউট পেজ
৩. ফটো পেজ
৪. ব্লগ পেজ
৫. কনটাক্ট পেজ
আপনার কম্পিউটারে
web নামে একটা ফোলডার তৈরী করুন ওই ফোলডারের ভিতরে images নামে আর একটি ফোলডার তৈরী করুন। Microsoft Office FrontPage রান করুন। নিউ পেজ নিয়ে লিখুনঃ
About Me
My Photo
My Blog
Contact Me

ইনডেক্স পেজে যদি কোন ছবি দিতে চান তা
images ফোলডারে রাখুন। ধরি, ছবিটি index.gif নামে আছে। Insert–>Picture–>From File এ গিয়ে ছবিটি পেজে এড করুন। এবার পেজটিকে index.html নামে web ফোলডারে সেভ করুন। এবার আরেকটি নিউ পেজ নিয়ে আপনার সম্পর্কে সবকিছু লিখে about.html নামে web ফোলডারে সেভ করুন। আরেকটি নিউ পেজ নিয়ে আপনার সাথে যোগাযোগের ঠিকানা লিখে contact.html নামে web ফোলডারে সেভ করুন। আপনার যেসব ছবি ওয়েবসাইটে দিতে চান তা images ফোলডারে রাখুন। একটি নিউ পেজ নিয়ে ছবিগুলো পেজে ইনসার্ট করুন। এবার ফাইলটিকে photo.html নামে web ফোলডারে সেভ করুন। আরেকটি নিউ পেজ নিয়ে লিখুন “Under construction“। পেজটিকে blog.html নামে web ফোলডারে সেভ করুন। এবার ইনডেক্স পেজের সাথে অন্যান্য পেজে হাইপারলিংক করব যাতে ক্লিক করে এক পেজ থেকে আরেক পেজে যাওয়া যায়। index.html পেজটি ওপেন করুন। About Me সিলেক্ট করে রাইট মাউস ক্লিক করে hyperlink সিলেক্ট করুন। Insert hyperlink উইন্ডো ওপেন হবে। about পেজটি সিলেক্ট করে ওকে দিন। এভাবে My Photo, My Blog, Contact Me কে সিলেক্ট করে যথাক্রমে photo, blog, contact পেজগুলোর সাথে লিংক দিয়ে ইনডেক্স পেজটি সেভ করুন। আপনার পেজ তৈরীর কাজ শেষ। web ফোলডারে গিয়ে ইনডেক্স পেজটি রান করে দেখুন আপনার ওয়েবসাইটি কি রকম হয়েছে। এবার এই ওয়েবসাইটা 50webs এর সার্ভারে হোস্ট করতে হবে।

(পরবর্তী পোস্ট দেখুন)

One Response to “তৈরী করুন নিজের ওয়েবসাইট(পর্ব-০২) : ওয়েব পেজ ডিজাইন”

  1. Rajib Says:

    Exellent Web site for me that i ve never use before.
    Thanks
    Rajib
    bdnews24.com
    Senior Web Editor


Leave a Reply