ক্রোমে সোর্স কোড দেখুন
ওয়েবসাইটের সোর্স কোড কীভাবে দেখবেন? গুগল ক্রোম ব্রাউজার ব্যবহার করে ধাপে ধাপে নির্দেশনা নিচে দেওয়া হলো।
গুগল ক্রোম ওয়েব ব্রাউজার খুলুন (যদি ইনস্টল না থাকে, তবে এটি ফ্রি ডাউনলোড)।
পরীক্ষা করতে চাইয়া ওয়েব পেজে যান।
পেজে রাইট-ক্লিক করুন এবং ظاهر হওয়া মেনু থেকে View page source ক্লিক করুন।
সোর্স কোড নতুন ট্যাবে খুলবে: সেই পেজের সোর্স কোড ব্রাউজারের নতুন ট্যাবে প্রদর্শিত হবে।
কীবোর্ড শর্টকাট ব্যবহার করুন: পিসিতে Ctrl+U চাপলে সোর্স কোড वाली উইন্ডো খুলবে। ম্যাকে শর্টকাট হলো Command+Option+U।
ক্রোমের ডেভেলপার টুলস ব্যবহার করুন
গুগল ক্রোম যা সাধারন View page source ক্ষমতা অফার করে তার পাশাপাশি, তাদের চমৎকার Developer Tools ব্যবহার করে আপনি একটি সাইটের আরও গভীরে যেতে পারেন। এই টুলস আপনাকে শুধু HTML না, সেই HTML ডকুমেন্টের এলিমেন্টগুলোর ওপর প্রযোজ্য CSS ও দেখতে দেবে।
ক্রোমের ডেভেলপার টুলস ব্যবহার করার পদ্ধতি:
গুগল ক্রোম খুলুন।
পরীক্ষা করতে চাইয়া ওয়েব পেজে যান।
ব্রাউজার উইন্ডোর উপরের ডান কোণার তিন-ডট মেনু নির্বাচন করুন।
More tools > Developer tools বেছে নিন: মেনু থেকে More tools-এর ওপর হভার করুন এবং সাব-মেনু থেকে Developer tools ক্লিক করুন।
HTML এবং CSS দেখুন: একটি উইন্ডো খুলবে যেখানে বাম প্যানেলে HTML সোর্স কোড এবং ডান প্যানেলে সংশ্লিষ্ট CSS দেখাবে।
Inspect (পরীক্ষা) ফিচার ব্যবহার করুন: ওয়েব পেজের যেকোনো এলিমেন্টে রাইট-ক্লিক করে Inspect বেছে নিলে, ডেভেলপার টুলস পপ-আপ হবে এবং HTML-এ সেই নির্দিষ্ট অংশ হাইলাইট হবে সাথে সংশ্লিষ্ট CSS ডান পাশে দেখাবে। এটি সাইটের নির্দিষ্ট অংশ সম্পর্কে জানতে খুব সহায়ক।
সোর্স কোড দেখা কি قانونی?
বছর পর বছর অনেক নতুন ওয়েব ডিজাইনার প্রশ্ন করেন যে কি কোনো সাইটের সোর্স কোড দেখা এবং তা শিক্ষা ও কাজে ব্যবহার করা গ্রহণযোগ্য। একটি সাইটের কোড সম্পূর্ণরূপে কপি করে নিজের সাইটে নিজের কাজ বলে ব্যবহার করা নিশ্চয়ই গ্রহণযোগ্য নয়, কিন্তু সেই কোড থেকে শিখে কিছু নতুন তৈরি করা আসলে এই শিল্পে অনেক অগ্রগতির কারণ।
যেমন শুরুর কথা বলা হয়েছে, আজকের কোনো পেশাদার ওয়েব ডেভেলপার খুঁজে বের করা কঠিন যিনি সাইটের সোর্স देखकर কিছু শিখেননি! হ্যাঁ, সাইটের সোর্স কোড দেখা সম্পূর্ণ hợp法。 এই কোডকে রিসোর্স হিসেবে ব্যবহার করে কিছু অনুরূপ তৈরি করা নিরাপদ। কিন্তু কোডটি জ्योंতস্ত থাকাকারই নিজের কাজ বলে উপস্থাপন করলে সমস্যা শুরু হয়।
শেষ পর্যন্ত, ওয়েব পেশাদাররা একে অপর থেকে শিখেন এবং যা দেখেন তার ওপর উন্নতি করেন, তাই সাইটের সোর্স কোড দেখে শেখার টুল হিসেবে ব্যবহার করতে সংকোচ করবেন না।
শুধু HTML নয়, আরও অনেক কিছু
একটি কথা মনে রাখবেন যে সোর্স ফাইলগুলো খুব জটিল হতে পারে (ওয়েবসাইট যত জটিল, তার কোডও তত জটিল)। HTML কাঠামোর পাশাপাশি CSS (cascading style sheets) থাকে যা সাইটের ভিজ্যুয়াল চেহারা নিয়ন্ত্রণ করে। এছাড়াও আজকের অনেক ওয়েবসাইট HTML-এর সাথে স্ক্রিপ্ট ফাইলগুলোই অন্তর্ভুক্ত করে।
একাধিক স্ক্রিপ্ট ফাইল থাকতে পারে, প্রতিটি সাইটের বিভিন্ন দিক নিয়ন্ত্রণ করে। الصراحت নতুনদের জন্য সাইটের সোর্স কোড বিভ্রান্তিকর লাগতে পারে। হতাশ হবেন না যদি আপনি உடদ'estat বুঝতে না পারেন। HTML সোর্স দেখা এই প্রক্রিয়ার প্রথম ধাপ। কিছু অভিজ্ঞতার পর আপনি ভালোভাবে বুঝতে পারবেন কিভাবে সব টুকরো মিলে ওয়েবসাইট তৈরি হয়। কোডের সাথে যত পরিচিত হবেন, তত বড় আকারে তা আপনাকে ভয়ঙ্কর লাগবে না।
