আপনি যদি ওয়েব শিল্পের জন্য নতুন হন বা একজন অভিজ্ঞ জগতের, বিভিন্ন ওয়েব পৃষ্ঠাগুলির HTML উত্সটি দেখতে আপনার কর্মজীবন অবশ্যই আপনাকে অনেক বার করতে পারে।
ওয়েব ডিজাইনের জন্য নতুন যারা, একটি সাইটের সোর্স কোডটি দেখতে কিছু কী জিনিসগুলি করা হয় তা দেখতে সহজ উপায়গুলির মধ্যে একটি হল যাতে আপনি সেই কাজ থেকে শিখতে পারেন এবং আপনার নিজের কাজের কিছু নির্দিষ্ট কোড বা কৌশলগুলি ব্যবহার করতে শুরু করেন। আজকের যেকোনো ওয়েব ডিজাইনার হিসাবে কাজ করে, বিশেষ করে যারা শিল্পের প্রাথমিক দিন থেকে এটিতে রয়েছে এবং এটি একটি নিরাপদ বাজি যা তারা আপনাকে বলে যে তারা HTML ওয়েবকে কেবলমাত্র ওয়েব পৃষ্ঠাগুলির উত্স দেখে এবং তারা বিভ্রান্ত ছিল দ্বারা. ওয়েব ডিজাইন বই পড়ার বা পেশাদার কনফারেন্সগুলিতে যোগ দেওয়ার পাশাপাশি, সাইটের উত্স কোড দেখার জন্য নতুনদের এইচটিএমএল শিখতে একটি দুর্দান্ত উপায়।
শুধু এইচটিএমএল চেয়ে বেশি
মনে রাখা একটি বিষয় হল যে উৎস ফাইলগুলি খুব জটিল হতে পারে (এবং আপনি যে ওয়েবসাইটটি দেখছেন সেটি আরো জটিল, সাইটটির কোডটি সম্ভবত বেশি জটিল)। এইচটিএমএল কাঠামোর পাশাপাশি আপনি যে পৃষ্ঠাটি দেখছেন সেটি তৈরি করে সিএসএস (ক্যাসকেডিং স্টাইল শীট) তৈরি করবে যা সেই সাইটটির দৃশ্যমান চেহারা নির্দেশ করবে। উপরন্তু, অনেক ওয়েবসাইট আজ এইচটিএমএল সহ স্ক্রিপ্ট ফাইল অন্তর্ভুক্ত করা হবে।
একাধিক স্ক্রিপ্ট ফাইল অন্তর্ভুক্ত হতে পারে, আসলে, প্রতিটি সাইটের বিভিন্ন দিক ক্ষমতা। সত্যি বলতে কী, কোন সাইটের উত্স কোডটি দুর্দান্ত বলে মনে হতে পারে, বিশেষ করে যদি আপনি এটি করতে নতুন হন। আপনি অবিলম্বে যে সাইটে সঙ্গে কি ঘটছে তা বুঝতে না পারে যদি হতাশ হবেন না। এইচটিএমএল উৎস দেখতে এই প্রক্রিয়ার প্রথম ধাপ। একটু অভিজ্ঞতার সাথে, আপনি আরও ভালভাবে বুঝতে পারবেন যে এই সমস্ত টুকরা আপনার ব্রাউজারে যে ওয়েবসাইটটি দেখেন তা তৈরি করতে কীভাবে একত্রে ফিট হয়। আপনি কোডের সাথে আরো পরিচিত হয়ে গেলে, আপনি এটি থেকে আরও শিখতে সক্ষম হবেন এবং এটি আপনার কাছে এতই কঠিন মনে হবে না।
সুতরাং কিভাবে আপনি একটি ওয়েবসাইট এর সোর্স কোড দেখতে? গুগল ক্রোম ব্রাউজার ব্যবহার করে এটি করার জন্য ধাপে ধাপে নির্দেশাবলী এখানে দেওয়া হল।
ধাপে ধাপে নির্দেশাবলীর
-
খোলা গুগল ক্রোম ওয়েব ব্রাউজার (যদি আপনার Google Chrome ইনস্টল না থাকে তবে এটি একটি বিনামূল্যে ডাউনলোড)।
-
নেভিগেট করুন ওয়েব পেজ আপনি পরীক্ষা করতে চান.
-
সঠিক পছন্দ পৃষ্ঠা এবং প্রদর্শিত যে মেনু তাকান। যে মেনু থেকে, ক্লিক করুন পৃষ্ঠা উৎস দেখুন.
-
সেই পৃষ্ঠার জন্য উৎস কোডটি এখন ব্রাউজারে একটি নতুন ট্যাব হিসাবে উপস্থিত হবে।
-
অন্যথায়, আপনি কীবোর্ড শর্টকাট ব্যবহার করতে পারেন CTRL + ইউ একটি পিসি থেকে একটি সাইট এর সোর্স কোড প্রদর্শিত একটি উইন্ডো খুলতে। একটি ম্যাক, এই শর্টকাট হয় কমান্ড + বিকল্প + ইউ.
ডেভেলপার টুলস
সহজ ছাড়াও পৃষ্ঠা উৎস দেখুন গুগল ক্রোম অফারের ক্ষমতা, আপনি তাদের চমৎকার ডেভেলপার সরঞ্জামগুলির সুবিধাও নিতে পারেন যে কোনও সাইটে গভীরতরভাবে খনন করতে পারবেন। এই সরঞ্জামগুলি আপনাকে কেবল এইচটিএমএল দেখতে দেয় না, তবে সেই HTML ডকুমেন্টের উপাদানগুলি দেখতে প্রযোজ্য সিএসএস।
ক্রোমের বিকাশকারী সরঞ্জামগুলি ব্যবহার করতে:
-
খোলা গুগল ক্রম.
-
নেভিগেট করুন ওয়েব পেজ আপনি পরীক্ষা করতে চান.
-
ক্লিক করুন তিন লাইন সঙ্গে আইকন ব্রাউজার উইন্ডো উপরের ডান কোণায়।
-
মেনু থেকে, উপর হভার আরো সরঞ্জাম এবং তারপর ক্লিক করুন ডেভেলপার টুলস যে মেনু প্রদর্শিত হবে।
-
এটি একটি উইন্ডো খুলবে যা প্যানেলে বামে HTML উত্স কোড এবং ডানদিকে সম্পর্কিত CSS দেখাবে।
-
অন্যথায়, আপনি ডান ক্লিক করুন একটি ওয়েব পেজ একটি উপাদান এবং নির্বাচন করুন পরিদর্শন করা প্রদর্শিত মেনু থেকে, ক্রোমের বিকাশকারী সরঞ্জামগুলি পপ আপ হবে এবং আপনি যে সঠিক উপাদানটি নির্বাচন করেছেন তা হ'ল এইচটিএমএলটিতে ডান সিএসএস দেখানো হাইলাইট করা হবে। আপনি যদি কোন সাইটের একটি নির্দিষ্ট অংশটি তৈরি করা হয় সে সম্পর্কে আরো জানতে চান তবে এটি দুর্দান্ত সহায়ক।
সোর্স কোড দেখছেন আইনী?
বহু বছর ধরে, আমাদের কাছে অনেক নতুন ওয়েব ডিজাইনার প্রশ্ন করেছে যে কোনও সাইটের উত্স কোডটি দেখতে এবং এটি তাদের শিক্ষার জন্য এবং অবশেষে তারা যে কাজটি করে সেটি ব্যবহারের জন্য এটি গ্রহণযোগ্য কিনা তা প্রশ্ন করে। কোনও সাইটের কোডটি অনুলিপি করা এবং কোনও সাইটে নিজের মতো এটি পাস করা অবশ্যই অবশ্যই গ্রহণযোগ্য নয়, যে কোডটি থেকে শেখার জন্য বসন্তবোর্ড হিসাবে ব্যবহার করে তা আসলে এই শিল্পে কত অগ্রগতি সাধিত হয়।
যেমনটি আমরা এই নিবন্ধটির শুরুতে উল্লেখ করেছি, আজকে এমন একটি কার্যকর ওয়েব পেশাদার খোঁজার জন্য আপনাকে কঠোর চাপ দেওয়া হবে, যারা সাইটটির উৎস দেখে কিছু শিখেনি! হ্যাঁ, একটি সাইট এর উত্স কোড দেখার বৈধ। অনুরূপ কিছু নির্মাণ করার জন্য সংস্থানের হিসাবে যে কোডটি ব্যবহার করাও জরিমানা। আপনার কোড হিসাবে কোডটি গ্রহণ করা এবং এটি বন্ধ করা হচ্ছে যেখানে আপনি সমস্যার সম্মুখীন হতে শুরু করেন।
অবশেষে, ওয়েব পেশাদাররা একে অপরের কাছ থেকে শিখতে এবং প্রায়ই তারা যে কাজ দেখে এবং অনুপ্রাণিত হয় তাতে উন্নতি করে, তাই কোনও সাইটের উত্স কোড দেখতে দ্বিধা করবেন না এবং এটি শেখার সরঞ্জাম হিসাবে ব্যবহার করবেন না।
