পেশাদার ওয়েব ডিজাইনাররা সাধারণত অ্যাডোব ফটোশপের মতো শক্তিশালী গ্রাফিক্স সম্পাদকগুলিতে ওয়েবসাইট টেম্পলেটগুলি বিকাশ করে। কাজের ফলাফলটি একটি চিত্রযুক্ত একটি ফাইল যা এই ফর্মটিতে গ্রাহককে সরবরাহ করা হয়। রেডিমেড ডিজাইনটি ব্যবহার করার জন্য, যা কোনও ওয়েব পৃষ্ঠার বাইরে রাখার জন্য, আপনাকে টেমপ্লেটটি কাটাতে হবে।
প্রয়োজনীয়
রাস্টার গ্রাফিক্স সম্পাদক অ্যাডোব ফটোশপ।
নির্দেশনা
ধাপ 1
গ্রাফিক্স সম্পাদক অ্যাডোব ফটোশপটিতে টেমপ্লেট ফাইলটি খুলুন। ফাইলটি নির্বাচন করুন এবং মেনু থেকে খুলুন, বা Ctrl + O কী সংমিশ্রণটি টিপুন তার পরে উপস্থিত ডায়লগটিতে, ফাইলটি দিয়ে ডিরেক্টরিতে যান, তালিকায় এটি নির্বাচন করুন এবং "খুলুন" বোতামটি ক্লিক করুন।
ধাপ ২
টেমপ্লেট চিত্র দেখার জন্য একটি সুবিধাজনক স্কেল চয়ন করুন। জুম সরঞ্জাম বা প্রসঙ্গ মেনু আইটেম ব্যবহার করুন। এমন একটি স্কেল নির্বাচন করুন যা আপনাকে পিক্সেল যথার্থতার সাথে কার্সারটি অবস্থান করতে দেয়। রেফারেন্স লাইনগুলি সঠিকভাবে সেট করার জন্য এটি প্রয়োজনীয়।
ধাপ 3
টেমপ্লেট চিত্রের উপরে রেফারেন্স লাইনের একটি সেট তৈরি করুন। যদি এটি ইতিমধ্যে চালু না থাকে তবে ডকুমেন্ট উইন্ডোতে শাসকদের প্রদর্শন চালু করুন। এটি করতে, সিটিআরএল + আর টিপুন বা মেনু থেকে দেখুন এবং নিয়ামক নির্বাচন করুন।
পদক্ষেপ 4
অনুভূমিক রেফারেন্স লাইন যুক্ত করতে উপরের শাসকের উপরে মাউস কার্সারটি সরান। বাম কী টিপুন এবং ধরে রাখুন। ইমেজ অঞ্চলে মাউস কার্সারটি নীচে সরান। একইভাবে, ডান রুলার ব্যবহার করে, আপনি অনুভূমিক রেখা যুক্ত করতে পারেন।
পদক্ষেপ 5
প্রয়োজনীয় সংখ্যার রেফারেন্স লাইন যুক্ত করুন এবং টেমপ্লেটের অঞ্চলগুলির বিভাগের সীমানা বরাবর তাদের অবস্থান দিন। আপনি যেখানে টেমপ্লেটটি কাটতে চান সেই সব জায়গাগুলির মধ্য দিয়ে লাইনগুলি প্রবেশ করা উচিত। তাদের সমস্ত চিত্র এবং যৌক্তিক ক্ষেত্রগুলিকে (লোগো, সাইট শিরোনাম, অনুভূমিক এবং উল্লম্ব মেনু ইত্যাদি) সীমাবদ্ধ করা উচিত যা ওয়েব পৃষ্ঠায় উপস্থাপন করা হবে।
পদক্ষেপ 6
স্লাইস সরঞ্জামটি সক্রিয় করুন। এর বোতামটি উল্লম্ব টুলবারে রয়েছে।
পদক্ষেপ 7
স্লাইস সরঞ্জামটি ব্যবহার করে প্রয়োজনীয় সংখ্যক কাটিয়া অঞ্চল তৈরি করুন। টেমপ্লেট প্রদর্শনের জন্য একটি সুবিধাজনক স্কেল চয়ন করুন। অঞ্চলগুলির সীমানা নির্ধারণ করতে মাউসটি ব্যবহার করুন। তৃতীয় ধাপে যুক্ত নির্দেশিকা আপনার তৈরি করা সামগ্রীর সীমানার সুনির্দিষ্ট অবস্থান সরবরাহ করবে। স্লাইস সিলেক্ট টুলটি ব্যবহার করে প্রয়োজনে বিদ্যমান অঞ্চলগুলি সামঞ্জস্য করুন।
পদক্ষেপ 8
প্রয়োজনীয় হিসাবে কাটিয়া অঞ্চলের বৈশিষ্ট্য পরিবর্তন করুন। স্লাইস সিলেক্ট টুলটি সক্রিয় করুন। পছন্দসই জায়গায় ডান ক্লিক করুন। প্রসঙ্গ মেনুতে, স্লাইস বিকল্পগুলি সম্পাদনা করুন আইটেমটি নির্বাচন করুন। প্রদর্শিত স্লাইস বিকল্প সংলাপে, ক্ষেত্রের ধরণ (চিত্র, খালি অঞ্চল, টেবিল), ব্যাকগ্রাউন্ড ফিল মোড নির্বাচন করুন, প্রয়োজনে নাম, টার্গেট URL, Alt = "চিত্র" বৈশিষ্ট্যের সামগ্রী এবং অন্যান্য মানগুলি নির্দিষ্ট করুন । ঠিক আছে ক্লিক করুন।
পদক্ষেপ 9
টেম্পলেট কাটা। মেনু থেকে ওয়েব এবং ডিভাইসগুলির জন্য ফাইল নির্বাচন করুন এবং সংরক্ষণ করুন বা Shift + Ctrl + Alt + S টিপুন ওয়েব এবং ডিভাইসগুলির জন্য সংরক্ষণ করুন কথোপকথনে ফর্ম্যাট এবং চিত্রের সংক্ষেপণ পরামিতিগুলি নির্দিষ্ট করুন যাতে এতে টেমপ্লেটটি কাটা হবে। সেভ বোতামটি ক্লিক করুন। সেভ অপটিমাইজড হিসাবে ডায়ালগ প্রদর্শিত হবে।
পদক্ষেপ 10
ফাইল টাইপ ড্রপ-ডাউন তালিকায় এইচটিএমএল এবং চিত্রগুলি (*.html) নির্বাচন করুন এবং ফাইলের নাম ক্ষেত্রটিতে ফাইলের নাম লিখুন যেখানে টেমপ্লেট এইচটিএমএল মার্কআপ স্থাপন করা হবে। স্লাইস তালিকায়, সমস্ত স্লাইস নির্বাচন করুন। আউটপুটটির জন্য ডিরেক্টরি উল্লেখ করুন এবং "সংরক্ষণ করুন" বোতামটি ক্লিক করুন।
পদক্ষেপ 11
লক্ষ্য ডিরেক্টরিতে একটি এইচটিএমএল ফাইল স্থাপন করা হবে, এটি আসলে একটি তৈরি ওয়েব পৃষ্ঠার টেম্পলেট। চিত্রসমূহের উপ-ডিরেক্টরিটিতে চিত্রগুলির সেট থাকবে যাতে মূল টেম্পলেটটি কাটা হয়েছিল।
