গত শতাব্দীতে ওয়েব পৃষ্ঠার বিন্যাসটি কয়েকজন পেশাদারের ডোমেন ছিল। প্রযুক্তির অগ্রগতি এই কাজটি ব্যাপকভাবে সহজ করেছে। এখন যে কোনও ইন্টারনেট ব্যবহারকারী কোনও ওয়েবসাইট তৈরি করতে পারেন।
এটা জরুরি
- - ওয়েব পৃষ্ঠার বিন্যাসের জন্য সফ্টওয়্যার প্যাকেজ;
- - নকশা উপাদান তৈরি করার জন্য একটি রাস্টার গ্রাফিক সম্পাদক।
নির্দেশনা
ধাপ 1
সাইটে উপস্থিত থাকা উপাদানগুলির একটি তালিকা তৈরি করুন। এটি নেভিগেশন মেনু, একটি অনুসন্ধান ফর্ম, একটি বিজ্ঞাপন বা তথ্য ব্যানার, বন্ধুদের তালিকা হিসাবে যেমন উপাদান হতে পারে। প্রকল্পের নামটি সাধারণত পৃষ্ঠার শীর্ষে নির্দেশিত হয়, অনুভূমিক নেভিগেশন মেনু থাকতে পারে। কেন্দ্রীয় অংশটি সাইটের মূল বিষয়বস্তুকে দেওয়া হয়েছে। পৃষ্ঠার নীচে, উপস্থিতি কাউন্টারগুলি সাধারণত দেওয়া হয়, প্রতিক্রিয়ার জন্য যোগাযোগের তথ্য।
ধাপ ২
গ্রাফিকাল এডিটরটিতে একটি ওয়েবসাইট বিন্যাস তৈরি করুন। এখানে প্রধান কাজ হ'ল উপাদানগুলির উপস্থিতি, তাদের আপেক্ষিক অবস্থান নির্ধারণ করা। খুব উজ্জ্বল রং ব্যবহার করবেন না। একটি নিরপেক্ষ রঙের প্যালেটটি সর্বোত্তম হিসাবে ধরা হয়। ব্লকগুলির জন্য একটি সুসংগত শৈলী ব্যবহার করুন। নকশাটি যতটা সম্ভব ব্যবহারকারী বান্ধব করার চেষ্টা করুন। এইচটিএমএল এবং সিএসএসে প্রয়োগ করা কঠিন এমন উপাদানগুলি এড়িয়ে চলুন।
ধাপ 3
মানের ক্ষতি না করে বিটম্যাপ ফর্ম্যাটে পৃষ্ঠা বিন্যাস সংরক্ষণ করুন। এইচটিএমএল ব্যবহার করে রেন্ডার করার জন্য স্টাইলিং উপাদানগুলি সংজ্ঞায়িত করুন। এগুলি মেনু, লিঙ্ক, সারণী, অনুসন্ধান ফর্ম হতে পারে। বিন্যাস থেকে বাকি উপাদানগুলি বের করুন এবং সেগুলি পৃথক ফাইলে সংরক্ষণ করুন। আপনার হার্ড ড্রাইভে দুটি পাঠ্য নথি তৈরি করুন। তাদের মধ্যে একটির এক্সটেনশনটি.htm এ পরিবর্তন করুন। এটিতে উপাদানগুলির আপেক্ষিক অবস্থানের জন্য দায়বদ্ধ কোড থাকবে। দ্বিতীয় ফাইলটিতে স্টাইলশিট থাকবে।
পদক্ষেপ 4
এইচটিএমএল সম্পাদকে প্রথম ফাইলটি খুলুন। পৃষ্ঠার নকশার উপাদানগুলিতে বিটম্যাপ ফাইলগুলিতে সংরক্ষণ করা হয়েছে। পাঠ্য লিঙ্কগুলি, টেবিলগুলি এবং অন্যান্য উপাদানগুলি তৈরি করুন যা এইচটিএমএলে রেন্ডার করা দরকার। রঙ, ফন্টের আকার, সীমানার উপস্থিতি ইত্যাদির মতো উপাদানগুলির বৈশিষ্ট্য একটি সিএসএস ফাইলে লিখুন। আপনার যদি পৃষ্ঠার উপাদানগুলি অ্যানিমেট করার দরকার হয় তবে জাভাস্ক্রিপ্ট ব্যবহার করুন।
