ওয়েব ডিজাইন তিন স্তরসমূহ

কেন সব ওয়েবসাইট গঠন, শৈলী, এবং আচরণের সংমিশ্রণ সঙ্গে নির্মিত হয়

একটি সাধারণ উপমা যা ফ্রন্ট-এন্ড ওয়েবসাইট ডেভেলপমেন্ট বর্ণনা করতে ব্যবহৃত হয় এটি একটি 3-লেজ স্টামের মত। এই 3 টি পা, যা ওয়েব ডেভেলপমেন্টের 3 স্তর হিসাবেও পরিচিত, গঠন, শৈলী এবং বিহাভিয়ার।

ওয়েব ডেভেলপমেন্টের তিন স্তরগুলি

কেন আপনি স্তরের পৃথক করা উচিত?

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

স্তরগুলি পৃথক করার কিছু সুবিধাগুলি হল:

এইচটিএমএল - স্ট্রাকচার লেয়ার

গঠন স্তরটি হল যেখানে আপনি আপনার সমস্ত সামগ্রীগুলি সংরক্ষণ করেন যা আপনার গ্রাহকেরা পড়তে বা দেখতে চায়। এটি মান সম্মত HTML5 এ কোডেড করা হবে এবং এটি টেক্সট এবং ইমেজগুলি পাশাপাশি মাল্টিমিডিয়া (ভিডিও, অডিও, ইত্যাদি) অন্তর্ভুক্ত করতে পারে। এটি নিশ্চিত করা গুরুত্বপূর্ণ যে আপনার সাইটের বিষয়বস্তুগুলির প্রতিটি দিকটি গঠন স্তরে উপস্থাপিত হয়। এটি এমন কোনও গ্রাহকের অনুমতি দেয় যা জাভাস্ক্রিপ্ট বন্ধ করে দেয় বা যারা সম্পূর্ণ ওয়েব সাইটে অ্যাক্সেস করতে সিএসএস দেখতে পারে না, যদি সেই সাইটের সমস্ত কার্যকারিতা না থাকে

CSS - শৈলী স্তর

আপনি আপনার ওয়েবসাইটের জন্য একটি বাহ্যিক স্টাইল শীটের জন্য আপনার সমস্ত ভিজ্যুয়াল স্টাইল তৈরি করবেন। আপনি একাধিক স্টাইলশীট ব্যবহার করতে পারেন, তবে মনে রাখবেন প্রতিটি পৃথক CSS ফাইলে সাইটের পারফরম্যান্স প্রভাবিত করার জন্য একটি HTTP অনুরোধের প্রয়োজন।

জাভাস্ক্রিপ্ট - বিন্যাস লেয়ার

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

যখন আপনি আচরণ স্তর তৈরি করবেন, তখন আপনি কেবল CSS এর মত বাহ্যিক লিপি ফাইল ব্যবহার করতে পারবেন। আপনি একটি বহিরাগত স্টাইল শীট ব্যবহারের সব একই সুবিধা পাবেন।