Tutorial- Web Design-3

 

ড্রিমওয়েভার দিয়ে ওয়েজপেজ তৈরী : ৩

ইমেজ ব্যবহার

ওয়েব পেজে মুল বিষয় ৩টি, টেক্সট, ইমেজ এবং লিংক। ড্রিমওয়েভারে ইমেজকে দুভাবে পরিচিতি দেয়া হয়, ষ্ট্যাটিক এবং ডায়নামিক। ষ্ট্যাটিক ইমেজ হচ্ছে কোন ইমেজ যা নির্দিস্ট যায়গায় রেখে দেয়া হয়। এর কোন পরিবর্তণ করা হয় না। অন্যদিকে ডায়নামিক ইমেজ হচ্ছে যাকে সরানো হতে পারে, একাধিক ইমেজ ব্যবহার করে স্লাইড শো হতে পারে।

ড্রিমওয়েভারে ষ্ট্যাটিক ইমেজ ব্যবহার ড্রাগ এন্ড ড্রপের মত সহজ। একাধিক পদ্ধতিতে একাজ করা যায়। ধরে নেয়া হয়েছে যে ইমেজ ব্যবহার করবেন তাকে আগেই তৈরী করে নেয়া হয়েছে।

.          যে ওয়েব পেজে ইমেজ ব্যবহার করতে চান সেটা ওপেন করুন।

.          যেখানে ইমেজ রাখতে চান সেখানে ক্লিক করে কার্সর রাখুন

.          নিচের যে কোন একটি পদ্ধতি ব্যবহার করুন

এসেট প্যানেল : এসেট প্যানেল ওপেন করুন, ইমেজটি সিলেক্ট করুন এবং ড্রাগ করে ওয়েবপেজে আনুন।

অথবা,

ফোল্ডার : যে ফোল্ডারে ইমেজটি রয়েছে সেটি ওপেন করুন। ইমেজকে ড্রাগ করে সরাসরি ওয়েবপেজে আনুন।

অথবা,

ইনসার্ট প্যানেল : ইনসার্ট প্যানেলে Common ট্যাব ক্লিক করুন, Image বাটনে ক্লিক করুন, ইমেজ সিলেক্ট করুন এবং OK বাটনে ক্লিক করুন।

অথবা,

ইনসার্ট মেনু : মেনু থেকে Insert - Image কমান্ড দিন এবং ইমেজ সিলেক্ট করুন।

.          ইমেজটি যদি সাইট ফোল্ডারে না থাকে তাহলে প্রশ্ন করা হবে তাকে সেখানে কপি করবেন কি-না। সেখানে Yes বলুন।

.          Alternate Text Input Field ক্লিক করে ইমেজের সংক্ষিপ্ত বর্ননা টাইপ করুন (সার্চ ইঞ্জিন একে সহজে খুজে পাবে)।

.          ফোল্ডার আইকনে ক্লিক করে আরো বর্ননা লিখতে পারেন।

.          OK বাটনে ক্লিক করুন।

ইমেজ পরিবর্তন করা

ওয়েভ পেজে ইমেজ ব্যবহার করার পর ড্রিমওয়েভারের ভেতর থেকে তাকে বড়-ছোট করা যায়। যদিও এই কাজ আগে করে তারপর ইমপোর্ট করাই ভাল।

বড়ছোট করার কাজ দুধরনের হতে পারে, সাময়িক এবং স্থায়ী। সাময়িক পরিবর্তন মুল ইমেজের পরিবর্তন করে না, স্থায়ী পরিবর্তন মুল ছবিকে পরিবর্তন করে। তবে ডিস্কের ফাইলের পরিবর্তন করে না। ফলে বিভিন্ন ব্রাউজারে, ব্যবহারকারীর কাছে বিভিন্নরকম দেখাতে পারে।

.          ওয়েব পেজে ইমেজটি সিলেক্ট করুন।

.          Windows মেনুতে Properties ক্লিক করুন। প্রোপার্টিজ প্যানেল দেখা যাবে।

.          যে কোন একটি পদ্ধতিতে ইমেজ পরিবর্তণ করুন,

সিলেকশন হ্যান্ডেল ব্যবহজার করে পরিবর্তন করুন

সিফট-ড্রাগ ব্যবহার করে অনুপাত ঠিক রেখে পরিবর্তন করুন

প্রোপার্টিজ প্যানেলে ইমেজের দৈর্ঘ্য এবং প্রস্থ টাইপ করে দিন

.          ইমেজকে আগের অবস্থায় আনার জন্য Reset Size বাটণে ক্লিক করুন।

ইমেজের ব্রাইটনেস-কন্ট্রাষ্ট কমবেশি করা

.          প্রোপার্টিজ প্যানেলে Brightness and Contrast বাটনে ক্লিক করুন

অথবা

.          ইমেজ সিলেক্ট করে মেনু থেকে কমান্ড দিন।

.          ব্রাইটনেস/কন্ট্রাষ্ট ডায়ালক বক্সে পরিবর্তন করুন।

·        ড্রিমওয়েভারে ব্যবহারের জন্য জন্য ইমেজ তৈরীতে ফটোশপ ব্যবহার করতে পারেন অথবা তুলনামুলক সহজ ফায়ারওয়ার্কস ব্যবহার করতে পারেন।

·        ইমেজ তৈরীর সময় ৭২ ডিপিআই রেজ্যুলুশন ব্যবহার করুন। সাধারনভাবে ওয়েবে JPG, GIF, PNG ফরম্যাটের RGB ইমেজ ব্যবহার করা হয়।

By Uzzal Malake