নিজের একটা ওয়েব সাইট ( ধারাবাহিক ) পর্ব-৬

এটি একটি ধারাবাহিক টিউন। এটি এই ধারাবাহিকের ৬ষ্ট পর্ব
এই ধারাবাহিক টিউনটির অন্য পর্ব গুলো - ১ম পর্ব| ২য় পর্ব | ৩য় পর্ব | ৪র্থ পর্ব | ৫ম পর্ব | ৬ষ্ট পর্ব | ৭ম পর্ব

এই বার আসুন আমাদের তৈরি করা সাইট টি টেস্টিং এবং হোস্ট করি

File মেনু হতে Publish এ ক্লিক করুন।

Location হতে C:\Local Publish এ ক্লিক করুন এবং Publish বাটনে ক্লিক করুন।

কাজ শেষে done বাটনে ক্লিক করুন এবং WYSIWYG প্রোগ্রামটি মিনিমাইজ করে নিন। এবার My computer অপেন করুন, C: ড্রাইভে প্রবেশ করুন এবং Local Publish ফোল্ডারটি অপেন করে নিন। Index.html ফাইলটিতে ডাবল ক্লিক করে তা চালু করে দেখুন কোন সমস্যা আছে কিনা।

যদি সব কিছু ঠিক থাকে, তাহলে ইন্টারনেট এক্সপ্লোরার বন্ধ করে দিন এবং আপনার Filezilla প্রোগ্রামটি চালু করুন। সার্ভারের সাথে কানেক্ট করুন ( ftp address , Username and password দিন)। এবার Remote site এর htdocs ফোল্ডার এ প্রবেশ করে আগের আপলোড করা ফাইলগুলো ডিলিট করে দিন এবং Local site হতে C: Drive এ Local Publish ফোল্ডার নির্ধারন করে নিন এবং File name List এর সবগুলো ফাইল সিলেক্ট করে ড্রাগ করে রিমোট সাইটের htdoes ফোল্ডারে ড্রপ করে দিন।

এই আপলোডিং এর কাজটা আপনি চাইলে WYSIWYG Web Builder দিয়েও করতে পারেন। মিনিমাইজ করা WYSIWYG Web Builder প্রোগ্রামটি maximize করে নিন। এবার file মেনু হতে Publish ক্লিক করুন। Add বাটনে ক্লিক করুন।

Type: এর ড্রপ ডাউন বক্স হতে Remote সিলেক্ট করুন, URL: এ আপনার সাইট এর ইউ আর এল টি টাইপ করে দিন । যেমনঃ http://microtest.hostbangla.0lx.net ( আপনি আপনার সাইটের নাম দিন)। Host: এ আপনার Ftp হোস্ট এড্রেস দিন। যেমনঃ http://ftp.0lx.net ( আপনি আপনার Ftp হোস্ট এড্রেস দিন)।Username এবং password এ আপনি আপনার ftp username এবং ftp password টাইপ করে দিন।

Remote Folder : এ /htdocs টাইপ করে দিন। এবার Test Connection এ ক্লিক করে দেখুন, কানেকশন রেজাল্ট সাকসেস আসে কিনা। সাকসেস হলে OK বাটনে ক্লিক করুন।

এবার http://ftp.0lx.net সিলেক্ট করুন এবং Publish বাটনে ক্লিক করে অপেক্ষা করুন আপলোড প্রক্রিয়া শেষ হওয়ার জন্য।

কিছু কথাঃ

এইভাবে হয়তো আমরা মূল HTML কোড না জেনেই একটা আর্কষনীয় সাইট তৈরি করে নিতে পারি, কিন্তু মূল HTML এর কিছুই জানা হলো না। তাই মূল HTML কোডিং জানাটা জরুরী। ইনশাল্লাহ আশা আছে , পরবর্তীতে HTML এবং CSS এর উপর একটা ধারাবাহিক টিউটোরিয়াল লেখার ।

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

টিপসঃ

WYSIWYG Web builder দিয়ে পেইজ তৈরি করলেও, দুঃখের বিষয় এতে ইউনিকোড সাপোর্ট নেই, তাই ইউনি কোড সার্পোট এর জন্য আপনাকে Front Page দিয়ে পেইজ তৈরি করুন। এখন প্রশ্ন হলো WYSIWYG Web builder দিয়ে করা পেইজে কি বাংলা যুক্ত করা যাবে না। যাবে, একটু ঘুরিয়ে করতে হবে। আসুন তাহলে বাংলা যুক্ত করি।

প্রথম কথা হলো আপনার কম্পিউটারে বাংলা ইউনিকোড সাপোর্ট থাকতে হবে এবং ইউনিকোড টাইপিং সফটওয়্যারও প্রজয়োজন হবে। অভ্র কী বোর্ড ডাউনলোড করে নিন। কাজটা বিজয় দিয়েও করতে পারেন, যদি বিজয়ে ইউনিকোড সার্পোট থাকে ( আমি ঠিক জানি না বিজয়ে এই সুবিধা সংযুক্ত করেছে কিনা। )

এবার আপনি যে পেইজটিতে বাংলা যুক্ত করতে চান তার জন্য C Drive এর Local publish ফোল্ডার প্রবেশ করুন এবং উক্ত ফাইলটি মাউসের ডানবাটনে ক্লিক করে openwith এ মাউস পয়েন্টার রেখে Notepad এ ক্লিক করুন।

যেমনঃ আমি index.html ফাইলটিতে বাংলা সংযোগ করতে চাই।

আপনি টাইটেল হিসাবে বাংলা দেখতে চাইলে tile ট্যাগ টার ভিতর বাংলা টাইপ করুন।

একই ভাবে বডি তে বাংলা লেখার জন্য নিচের লাইনটা খুজে বের করুন এবং আপনি যা কিছু লিখতে চান তা বাংলায় টাইপ করে নিন।

এবার নোট প্যাড এডিট করা ফাইলটি সেইভ করার জন্য File Savs as ক্লিক করুন।

এবার Encoding হতে UTF-8 নিধারন করে Save বাটনে ক্লিক করুন এবং রিপ্লেস করার জন্য OK বাটনে ক্লিক করুন।

এবার উক্ত ফাইলটি অপেন করে দেখুন।

আপনি পুনরায় filezilla দিয়ে শুধুমাত্র পরিবর্তন করা পেইজটি আপলোড করে নিন।

(চলবে)

Level 0

আমি মাইক্রোকাতার। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 15 বছর 7 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 63 টি টিউন ও 392 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 2 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।

নিজের জীবনটাকে নিয়ে প্রতিনিয়ত এক্সপেরিমেন্ট করেছি। কোন কিছুই দীর্ঘায়িত করতে পারি না, একগেয়েমী চলে আসে,তাই কোথাও বেশীদিন স্থির হতে পারি না। কাতারের পাঠ চুকিয়ে বর্তমানে কর্মসূত্রে U.A.E তে । টেকি বিয়ষক লেখা-ঝোকার সাইট-ই সবচেয়ে পছন্দের। মাঝে মাঝে আমি টেকি নিয়ে লেখার দুঃসাহস দেখাই, কখনো ভিন্ন কিছুও লিখতে ইচ্ছে করে, কিন্তু...


টিউনস


আরও টিউনস


টিউনারের আরও টিউনস


টিউমেন্টস

http://bdjava.co.cc ভাই সাইটটি দেখবেন একটু।
সমস্যা :
1. রেডিওর জন্য যে মিডিয়া প্লেয়ারটা ওটা শুধু ইন্টারনেট এক্সপ্লোলারে কাজ করে কিন্তু ফায়ার ফক্সে দেখাচ্ছেই না।
2. আমি আমার পেজ গুলা থেকে এই builtwithwwb5.gif লগো ছবিটা সরাতে পারছিনা। এটা সরাবো কিভাবে ? আর এই ছবিটা এফটিপিতে
আপলোড না করলে সেই ছবির জায়গায় চারকোনা একটা ব্লকএর মধ্যে Pablo লেখা আসে। কি ঝামেলা দেখেন তো !! ভালোই লাগেনা।
3. আপনি 5.2 মেগাবাইটের গান zara zara.mp3 কিভাবে আপলোড করলেন আমাকে তো 3 মেগাবাইটের বেশি একসাথে আপলোডই
করতে দেয় না এফটিপিতে।
4. আমি পেজ টাইটেল কোথায় কিভাবে লিখেবো আমার সব তো ইউনাইটেড পেজ দেখাচ্ছে।
5. ভাই এই WYSIWYG Web Builder 5 – এর সিরিয়াল নাম্বার কোথায় পাবো বলতে পারেন একটু ?

http://bdjava.co.cc ভাই সাইটটি দেখবেন একটু।
সমস্যা :
6. আমি পেজ টাইটেল C:\Local Publish Folder এ যে .html file গুলা আছে ঐগুলার ভিতরে ঢুকে :: Home Page ::
:: Salman’s Profile :: এইভাবে লিখে সেভ করে এরপর আপলোড করছি এখন পেজ টাইটেল দেখাচ্ছে কিন্তু
ইন্টারনেট এক্সপ্লোলারে মাঝে মাঝে দেখাচ্ছেনা।

Level 0

সমস্যা আর সমস্যা
১. ফায়ার ফক্স এ আমি ট্রাই করি নাই, দেখি এর জন্য কি করা যায়।
২. পর্ব ৫ এ কী সহ আপলোড করে লিংক দিয়ে দিলাম।
৩. আপনি যেটা দেখেছেন সেটা হলো আমার লোকাল সাইটের ফাইল, আমি নিজেও ৫ এম.বি এর ফাইল আপলোড করতে পারি নাই, ফ্রী হোস্টিং এর কারনে এই সব ফাইল এলাও করে না।
৪.এর উত্তর মনে হয় পেয়ে গেছেন, নিজে থেকেই।
৫. অরজিনাল ভার্সন পর্ব-৫ এর মন্তব্য অংশে দেখুন।
৬. আমি আপনার সাইট অপেন করে দেখছি, আমার এখানে ভালভাবেই টাইটেল গুলো প্রর্দশিত হচ্ছে। আপনার ব্রাউজারের দেখার জন্য CTRL এবং F5 কী দ্বয একত্রে চাপুন।

ভাই আবার কবে লিখবেন ওয়েব টিউটেরিয়াল ?

আর আমি তো এখন মজা করে অভ্র ইউজ করতাছি। আচ্ছা টেকটিউনস এ কোন ফন্ট টা ইউজ করা হচ্ছে জেনে থাকলে জানাবেন ?

Level 0

কাজের চাপে আছি। ইনশাল্লাহ খুব তাড়াতাড়ি আবার শুরু হবে। টেকটিউনস সোলেমান আর লিপি ( সোলেমানলিপি) কে ব্যবহার করে।

ওহ আমি ভুলেই গেছিলাম যে আপনের জব এর ফাঁকে ফাঁকে লিখেন। আসলে শিখে অনেক মজা পাইছি তো তাই। যাইহোক অপেক্ষায় থাকলাম।