Dreamweaver_ part10Image Properties ও Animation সংযুক্ত
Image Properties
লক্ষ্য করুন Image
টি সিলেক্ট করলে Properties এর অপশন গুলো পরিবর্তিত হয়ে যায়। এখান থেকে Image টিকে কাস্টমাইজ করা যায়।
১. Image এর Height ও Width বাড়ানোর জন্য একদম ডানে W এবং H ঘরে সংখ্যা বাড়িয়ে কমিয়ে
দিন। আমরা W-400; H-200 করে দিলাম।
২. Properties প্যানেলের Edit অংশে বিভিন্ন ভাবে Image টিকে Edit করার অপশন রয়েছে। Edit অংশে Ps সাইন দেয়া অপশন রয়েছে। এই অপশনে ক্লিক করলে Image টি ফটোশপে খুলে যাবে। প্রয়োজনিয় পরিবর্তন করুন।
৩. File>Save করে File>Exit করে Dreamweaver এ ফিরে আসুন।
লক্ষ্য করুন Image
টি Edit হয়ে গেছে। এছাড়াও আরো বিভিন্ন অপশন Crop/Brightness
and Contrast/Sharpen প্রভৃতি এই Edit অপশন থেকে করা যাবে।
৪. Src অপশনে Image এর উৎস এবং Alt অপশনে Image এর Alternate নামে প্রর্দশিত হবে।
Animation সংযুক্ত
আমরা এখান একটি Animation
যোগ করব। আমাদের
তৈরীকৃত সাইটে এনিমেটের আছে।
১. Files প্যানেল থেকে মাউস দিয়ে
ধরে টেনে এনে উপরে ব্যানারের উপর ফেলুন।
২. Alternative নাম চাইবে্ নাম দিয়ে
দিন।
৩. দেখতে পাব একটি Animation
File উপরে চলে আসবে।
এই Animation টি চলবে যদি আমরা এটিকে Preview করি। আমরা দেখতে পাচ্ছি উপরে অনেক জায়গা খালি হয়ে Animator টি বসেছে। আমরা এটিকে ব্যানারের উপর নিয়ে আসব।
৪. Animator টিকে সিলেক্ট করে Properties প্যানেলে ID ঘরে নাম দিন Animator.
৫. CSS Style প্যানেল হতে New CSS Rule বাটনে ক্লিক করুন। New
CSS Rule ডায়ালগ বক্সে OK করুন। CSS Rule Definition ডায়ালগ বক্সে Positioning ঘরে Position এর ড্রপ ডাউনে ক্লিক করে
Absolute করে দিন এবং Box
ঘরে Margin অংশে Top=10 এবং Left=700 করে Apply দিয়ে OK করুন।
লক্ষ্য করুন Animator
টি ব্যানারের উপর
চলে এসেছে এবং ডানে অবস্থান করছে।
৬. File>Save করে Preview করুন। Animation টি মুভ হবে।
পেজের Background Image
Image
সেট করব। অর্থাৎ
আমাদের লেখার পেছনে আমরা কোন Image সেট করব।
১. CSS Style প্যানেল হতে New CSS Rule বাটনে ক্লিক করুন। New
CSS Rule ডায়ালগ বক্স আসলে
Tag Selector সিলেক্ট করে Selector Name ঘরে Body সিলেক্ট করুন।
২. OK করুন। CSS Rule Definition ডায়ালগ বক্সে Background অপশনে ক্লিক করে Background Image এর ডানে Browse বাটনে ক্লিক করুন।
1.
Selector Image
Source ডায়ালগ বক্স আসলে
আপনার Location File থেকে ছবি সিলেক্ট করে OK করুন।
কোন ডায়ালগ বক্স আসলে OK করুন।
৪. Apply দিয়ে OK করুন। Image টি টেক্সটের পেছনে
অবস্থান করছে।
Font Family পরিবর্তন
Properties
প্যানেলের CSS বাটনে ক্লিক করুন। পরিবর্তন দেখতে পাবেন।
আমরা এখানে দেখতে পাচ্ছি Tergeted Rule অংশে #maincontent লেখা অর্থাৎ লেখাগুলো #maincontent Div ট্যাগের মধ্যে রয়েছে। CSS Rule বাটনে ক্লিক করুন।
CSS Rule Definition ডায়ালগ বক্স আসলে Type
ঘরে ক্লিক করুন। Font Family ড্রপ ডাউন ক্লিক করুন। Arial Black, Godget, sens-serif ফন্টটি সিলেক্ট করে Apply করে OK দিন।
পরিবর্তন লক্ষ্য করুন। Properties প্যানেলের Font ঘরে নাম প্রদশিত হচ্ছে।
ড্রপ ডাউন তীরে ক্লিক করে Edit Font list এ চলে যান। Edit
Font list ডায়ালগ বক্স
আসবে। এখানে নতুন Font Family তৈরী করতে পারবেন।
ডানে Available
Fonts গ্রুপ থেকে
অনেকগুলো Font সিলেক্ট করে Font Family তৈরী করা যায়। Properties
প্যানেলে Size অংশ হতে Font এর Size পরিবর্তন করা যায়।
Bold,
Italic, Alignment করা যায়।
Book Name: Mastering Microsoft Word
RELATED POST LINKS BELOW ********************************************
part1_Dreamweaver, Properties Inspector ও Panel বন্ধ করা
part2-Panel আনা, Panel গ্রুপে Panel টিকে রাখা ও Panel গ্রুপকে Collapse করা
part3-নতুন Site তৈরী করা
part4_Import Siteও Logout তৈরী
part5_হেডার যুক্ত করা
part6_Style Sheet ও Tag Selector
part7_ Div Tag
part8_Box Properties ও Floating করা
part9_ID selector ও Image type
part10_Image Properties ও Animation সংযুক্ত
part11_টেবিল সংযোজন, টেবিলে ডাটা ইমপোট করা, Table ফরমেটিং ও টেবিলে Image সেট করা
part12_Form তৈরী করা, Form এর ভিতর ফিল্ড সেট করা, Form এর মধ্যে Text ফিল্ড যোগ করা, From এ রেডিও বাটন যোগ করা, Form এ Text area যোগ করা, Form এ বাটন যোগ করা, ও Form Design
বিস্তারিত জানতে নিচের বইটি সংগরহ করে নিন।
Writer: Bappi Ashraf
Published By: Gyankosh Prokashani
Amount of Pages: 464
First Publish: October-2004
Last Edition: We've February-2015 edition. Future edition may be existed!
Book Price: BDT 350 (30% Discount)
The
writer of this book has told that he has written this book with the
concept of "teach yourself". On the other hand, Web Design is a thing which is
interesting to learn. He has also told that the book is full of fan and
enjoyment so that a person can learn Web Design by himself by playing with
the example projects of this book. Book's CD Link below...
part1_Dreamweaver, Properties Inspector ও Panel বন্ধ করা
part2-Panel আনা, Panel গ্রুপে Panel টিকে রাখা ও Panel গ্রুপকে Collapse করা
part3-নতুন Site তৈরী করা
part4_Import Siteও Logout তৈরী
part5_হেডার যুক্ত করা
part6_Style Sheet ও Tag Selector
part7_ Div Tag
part8_Box Properties ও Floating করা
part9_ID selector ও Image type
part10_Image Properties ও Animation সংযুক্ত
part11_টেবিল সংযোজন, টেবিলে ডাটা ইমপোট করা, Table ফরমেটিং ও টেবিলে Image সেট করা
part12_Form তৈরী করা, Form এর ভিতর ফিল্ড সেট করা, Form এর মধ্যে Text ফিল্ড যোগ করা, From এ রেডিও বাটন যোগ করা, Form এ Text area যোগ করা, Form এ বাটন যোগ করা, ও Form Design
