এক্সরে গগলস — একটি ওয়েবমেকার টুল

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

ওয়েব হবে উন্মুক্ত এই স্লোগান নিয়ে মোজিলা কাজ করে যাচ্ছে। এই উন্মুক্ত ওয়েবকে মাথায় রেখে মোজিলা ওয়েবমেকার প্রোগ্রামের মাধ্যমে এমন একটি টুল নিয়ে এসেছে যা দিয়ে আপনি সহজেই একটি ওয়েব পেজ কিভাবে কাজ করছে তা দেখতে পারবেন, প্রয়োজনে তা সম্পাদনা করে নিজের ওয়েব পেজ বানাতে পারবেন। এই টুলটির নাম (X-Ray Goggles)।

যেভাবে শুরু করবেন

যেহেতু এটি দিয়ে ওয়েব পেজ কিভাবে কাজ করে দেখা যাবে, সেহেতু এক্সরে গগলস এখন সম্পূর্ণ ইন্টারনেট নির্ভর একটি টুল। এটি সহজে ব্যবহার করার জন্য এটিকে আপনার ব্রাউজারে ইনস্টল করতে হবে। ইনস্টল প্রক্রিয়া একদমই সহজ। এর পেজ থেকে X-Ray Goggles নামক বাটন টি আপনার ব্রাউজারের বুকমার্ক টুলবারে টেনে এনে ছেড়ে দিলেই এটি আপনার ব্রাউজারে বুকমার্ক হিসাবে থাকবে।


বাটনটি বুকমার্ক একবার করলেই হবে, বার বার করার প্রয়োজন হবে না। এখন আপনার পছন্দের ওয়েব পেজ এ গিয়ে বুকমার্ক টুলবার থেকে এক্সরে গগলস এর বাটনে ক্লিক করলে উক্ত পেজ এ এক্সরে গগলস কাজ শুরু করবে। এবং এমন দেখাবে

ছবির নিচে বাম দিকে এবং ডান দিকে দেখলে বুঝা যাবে। পেজের প্রতিটি অংশে মাউস পয়েন্টার নিয়ে গেলে নিচের ডান দিকের কোড পরিবর্তন হতে থাকবে। যা আসলে উক্ত অংশের কোড।

কোন অংশ পরিবর্তন করতে হলে সেই অংশে মাউস পয়েন্টার নিয় ক্লিক করলে একটি পপ-আপ আসবে, সেখানে দুটি অংশ থাকবে। একটি অংশে কোড থাকবে (HTML Source Code) পাশের অংশ কোডটি ওয়েবে কেমন দেখাবে (What You See) তা থাকবে।

Advance ট্যাবে ক্লিক করলে কোডটি কেমন করে লেখা হয়েছে তাও দেখা যাবে।

এখন আপনি যদি মনে করেন আপনার পেজের জন্য এখানে কোন কোড পরিবর্তন করতে হবে তাহলে তা আপনি কোড অংশে পরিবর্তন করতে পারবেন। তা সাথে সাথেই পাশের অংশ পরিবর্তন হয়ে ওয়েবে কেমন দেখাবে তা আপনাকে দেখাবে। আমরা উদাহরন হিসাবে মেয়েটির ছবি সরিয়ে ফায়ারফক্সের একটি ছবি দিবো।

আপনার পরিবর্তন করা অংশটুকু সম্পূর্ণ পৃষ্ঠায় কেমন দেখায় তা দেখায় জন্য Commit changes বাটনে ক্লিক করুন। আমাদের পরিবর্তন করা পেজটি এমন দেখাচ্ছে

এভাবে খুব সহজেই আপনি যেকোন ওয়েব পেজের কোড দেখতে পারবেন এবং তা পরিবর্তন করে নিজের মত সাজাতে পারবেন। আপনার পেজটি ওয়েবে প্রকাশ করার জন্য মোজিলা আপনাকে সুযোগ করে দিয়েছে। এরজন্য শুধু কীবোর্ডের P বাটনে চাপ দিলেই একটি পপআপ আসবে।

আপনি চাইলে মোজিলার সার্ভারে আপনার পেজটি প্রকাশ করতে পারেন অথবা নিজের সার্ভারেও করতে পারেন। মোজিলার সার্ভারে করার জন্য Publish To Internet বাটনে ক্লিক করলে কিছু সময় পর আপনার কাছে একটি লিংক চলে আসবে। এই লিংকটিই আপনার ওয়েব পেজের লিংক।
আর আপনি যদি আপনার পেজ আপনার সার্ভারে রাখতে চান তাহলে View HTML Source বাটনে ক্লিক করুন। তাহলে আপনি আপনার পেজের কোড দেখতে পারবেন এবং আপনার সার্ভারে তা প্রকাশ করতে পারবেন।

এভাবে খুব সহজেই এক্সরে গগলস দিয়ে আপনি যেকোন ওয়েব পেজ কিভাবে কাজ করে, তার কোড কেমন তা দেখতে পারবেন। প্রয়োজনে তা পরিবর্তন করে নিজের পেজ তৈরী করতে পারবেন।

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>