উচুমানের ওয়েব পেজ ডিজাইনের সময় সাধারনভাবে দুটি ধাপে কাজ করা হয়। প্রথমে ফটোশপে সাইটটি দেখতে কেমন হবে সেটা ঠিক করে গ্রাফিক ডিজাইন। এরপর তারসাথে মিল রেখে কোড লিখে ওয়েব সাইট তৈরী। আপনি একাই পুরো কাজ করতে পারেন। আবার যে কোন একটি কাজ করতে পারেন।
এই কাজগুলি সম্পর্কে জেনে নিন।
. ফন্ট কপি করে দিন অথবা রাষ্টারে পরিনত করুন
আপনি এমন ফন্ট ব্যবহার করেছেন যা ওয়েব প্রোগ্রামারের কম্পিউটারে নেই। ফল হিসেবে আপনার ব্যবহার করা ফন্টের বদলে অন্য ফন্ট ব্যবহার হবে। স্বাভাবিকভাবেই মুল ডিজাইন যেখতে যেমন ছিল তেমন দেখা যাবে না।
কাজেই আপনি যে ফন্ট ব্যবহার করেছেন সেই ফন্ট ফাইল ডিজাইনের সাথে কপি করে দিন। এতে কোডার সরাসরি টেক্সট কপি করে ব্যবহারের সুযোগ যেমন পাবেন তেমনি নিখুতভাবে ডিজাইন অনুযায়ী ওয়েবপেজ তৈরী করবেন।
আপনি এমন ফন্ট ব্যবহার করেছেন যা ওয়েব প্রোগ্রামারের কম্পিউটারে নেই। ফল হিসেবে আপনার ব্যবহার করা ফন্টের বদলে অন্য ফন্ট ব্যবহার হবে। স্বাভাবিকভাবেই মুল ডিজাইন যেখতে যেমন ছিল তেমন দেখা যাবে না।
কাজেই আপনি যে ফন্ট ব্যবহার করেছেন সেই ফন্ট ফাইল ডিজাইনের সাথে কপি করে দিন। এতে কোডার সরাসরি টেক্সট কপি করে ব্যবহারের সুযোগ যেমন পাবেন তেমনি নিখুতভাবে ডিজাইন অনুযায়ী ওয়েবপেজ তৈরী করবেন।
. ষ্টাইল গাইড তৈরী করুন
আপনি ডিজাইনের জন্য নির্দিষ্ট ধরনের হেডার, সাবহেডার, বডিটেক্সট, বডি টেক্সট লিংক ইত্যাদি ব্যবহার করেছেন। অর্ধাত এদের ফন্ট, আকার, রং ইত্যাদি নির্দিষ্ট করে দিয়েছেন। পৃথক একটি যায়গায় এদেরকে বৈশিষ্টসহ উল্লেখ করে দিন। আপনি ডিজাইন করার সময় যেমন সরাসরি ফন্ট, সাইজ, রং ইত্যাদি ব্যবহার করেন কোডার সেভাবে ব্যবহার করবেন না, তিনি প্রতিটির জন্য কোড ব্যবহার করবেন। তার কাজ সহজ এবং নিখুত রাখার দিকে দৃষ্টি দিন।
আপনি ডিজাইনের জন্য নির্দিষ্ট ধরনের হেডার, সাবহেডার, বডিটেক্সট, বডি টেক্সট লিংক ইত্যাদি ব্যবহার করেছেন। অর্ধাত এদের ফন্ট, আকার, রং ইত্যাদি নির্দিষ্ট করে দিয়েছেন। পৃথক একটি যায়গায় এদেরকে বৈশিষ্টসহ উল্লেখ করে দিন। আপনি ডিজাইন করার সময় যেমন সরাসরি ফন্ট, সাইজ, রং ইত্যাদি ব্যবহার করেন কোডার সেভাবে ব্যবহার করবেন না, তিনি প্রতিটির জন্য কোড ব্যবহার করবেন। তার কাজ সহজ এবং নিখুত রাখার দিকে দৃষ্টি দিন।
. রোলওভার তৈরী করে দিন
গ্রাফিক বাটনের ওপর মাউস পয়েন্টার আনলে সেটা ভিন্ন দেখায়। এজন্য একাধিক ইমেজ ব্যবহার করা হয়। আপনি রোলওভার ইমেজগুলি তৈরী করে দিন।
গ্রাফিক বাটনের ওপর মাউস পয়েন্টার আনলে সেটা ভিন্ন দেখায়। এজন্য একাধিক ইমেজ ব্যবহার করা হয়। আপনি রোলওভার ইমেজগুলি তৈরী করে দিন।
. লেয়ারকে নাম ব্যবহার করে সাজিয়ে ব্যবহার করুন
আপনার ফটোশপ ডিজাইনে অনেকগুলি লেয়ার থাকবে এটাই স্বাভাবিক। এদের প্রত্যেকের জন্য পৃথক পৃথক নাম ব্যবহার করুন। সকলের ওপরে হেডার, এরপর মেইন কন্টেন্ট এবং নিচের দিকে ফুটার এভাবে লেয়ারগুলি সাজিয়ে ব্যবহার করুন। ছবিতে একটি লেয়ারের উদাহরন দেখানো হয়েছে।
আপনার ফটোশপ ডিজাইনে অনেকগুলি লেয়ার থাকবে এটাই স্বাভাবিক। এদের প্রত্যেকের জন্য পৃথক পৃথক নাম ব্যবহার করুন। সকলের ওপরে হেডার, এরপর মেইন কন্টেন্ট এবং নিচের দিকে ফুটার এভাবে লেয়ারগুলি সাজিয়ে ব্যবহার করুন। ছবিতে একটি লেয়ারের উদাহরন দেখানো হয়েছে।
. অপ্রয়োজনীয় সবকিছু বাদ দিন
ওয়েব পেজের গ্রাফিক ডিজাইনার হিসেবে আপনার কাজ যিনি ওয়েব পেজ তৈরী করবেন তাকে সহায়তা করা। যতটা সম্ভব কাজ সরল রাখুন, ঠিক যতটুকু প্রয়োজন টতটুকু রেখে অপ্রয়োজনীয় সবকিছু বাদ দিন।
ওয়েব পেজের গ্রাফিক ডিজাইনার হিসেবে আপনার কাজ যিনি ওয়েব পেজ তৈরী করবেন তাকে সহায়তা করা। যতটা সম্ভব কাজ সরল রাখুন, ঠিক যতটুকু প্রয়োজন টতটুকু রেখে অপ্রয়োজনীয় সবকিছু বাদ দিন।
প্রসংগত উল্লেখ করা যেতে পারে, আপনি ওয়েব পেজের জন্য গ্রাফিক ডিজাইন করে সেটাই বিক্রি করতে পারেন ইন্টারনেটের মাধ্যমে। ফ্রিল্যান্সার সাইট এবং আরো অন্যান্য সাইট থেকে কিংবা সরাসরি নিজের ওয়েবসাইট থেকে।
এখানে সামান্য কয়েকটি নিয়ম উল্লেখ করা হয়েছে। আপনার হয়ত আরো নিয়ম জানা আছে। সেটা জানাতে পারেন মন্তব্য লিখে।
No comments:
Post a Comment