know yourselves. information, computer, 7 wonders, various.

Thursday, March 12, 2020

Dreamweaver_ part2-Panel আনা, Panel গ্রুপে Panel টিকে রাখা ও Panel গ্রুপকে Collapse করা







Panel আনা
মেনু থেকে Window > Files কমান্ড দিন। Files প্যানেলটি দেখা যাবে।
Panel গ্রুপে Panel টিকে রাখা
Files প্যানেলটির টাইটেল অংশ মাউস পয়েন্টার দিয়ে ধরে প্যানেলগুলো এনে ছেড়ে দিন।প্যানেল গ্রুপে প্যানেলটি অবস্থান করবে।



Panel গ্রুপকে Collapse করা:

Panel Group এর উপরে ডানদিকে তীর চিহ্ন ক্লিক করলে Panel Group Collapse হবে। আবার ক্লিক করলে Expand হবে।
Insert bar:

Title বারের একদম ডান দিকে Designer অপশনের তীর ক্লিক করে Classic View করে নিন। দেখুন Title বারের পর Common, Layout etc সহ একটি বার রয়েছে। যার নাম Insertbar.
Dreamweaver_ part2 _image2
এই বারের মধ্যে বিভিন্ন কমান্ড কয়েছে। পরবর্তীতে আমরা এ কমান্ডগুলো দেখব আমরা যখন Dreamwaver এ প্রবেশ করি তখন Insert বারটি এখানে থাকে না। তখন Designer View তে অবস্থান করছিল। Insert বারটি তখন Panel হিসাবে অবস্থান করে।Insert Bar এর সব কমান্ডগুলো Insert Panel এ থাকে। আবার যখন Classic View তে প্রবেশ করি তখন Insert Panel টি Panel গ্রুপে থাকে না।

মন Window >Files কমান্ড দিন। File Panel টি প্যানেলগ্রুপে তখন থাকবে। আবার Window File কমান্ড দিলে বন্ধ হবে।



স্ক্রীনের বিভিন্ন ধরনের View
Title বারের নিচে ফাকা স্ক্রীন বা Design Window র বিভিন্ন View পরিবর্তনের অপশন রয়েছে।



Code View
Code বাটনে ক্লিক করলে Code View তে দেখাবে। অর্থাৎ যেখানে Code লিখে লিখে কাজ করতে হয়।


Spilt View
Spilt View তে Design Window দেখাবে। অর্থাৎ একপাশে Design View আর এক পাশে Code View দেখাবে।


Design বাটনে ক্লিক করলে আবার Design View তে Window বা স্ক্রীনটি দেখাবে। এই বারে আরো অপশন রয়েছে যা আমরা পরবর্তীতে জানতে পারব।

Formatting করা
Ms Word  এর মতন করে আমরা টেক্সট Image ইত্যাদি বিভিন্ন ভাবে Formatting করতে পারি। Properties Inspector দিয়ে আমরা ফরমেটিং করতে পারি।
১. ফাঁকা স্কীনে লিখুন This is Nova Computer Education এই লেখা সিলেক্ট করে Properties Inspector থেকে Bold / Italic কমান্ড দিন।


আমরা Web designs and Development – Part-I বাইতে পর্যাপ্তত্ম পরিমানে HTML CSS শিখেছি। সেহেতু Bold / Italic এর HTML কমান্ড নিশ্চয় আপনার জানা আছে। Dreamwaver এর সুবিধা হলো কোন কোডিং লিখতে হবে না। কমান্ড দিলে অটোমেটিক চলে আসবে। Bold Italic করার পর View থেকে Code বাটনে ক্লিক করে দেখুন অবস্থানটি খুবই পরিচিত HTML কোডিং দেখতে পারেন।


লাইন ব্রেক
সাদা স্কীনে কিছু টেক্সট লিখুন। মনেকরি আমাদের Paragraph এর প্রথম লাইনের পরে লাইন ব্রেক হবে। Line break 01 লক্ষ্য করুন একটি স্পেস তৈরী হয়েছে। প্রথম লাইন শেষে কার্সর নেয়ে Enter দিয়ে Code View বাটনে ক্লিক করুন।


আমরা চাই একটি Paragraph এর ভিতরেই সব টেক্সট অবস্থান করবে,প্রথম লাইনের পরে কোন স্পেস থাকবে না  অর্থাৎ লাইন ব্রেক হবে। Code View বাটনে গিয়ে প্রথম লাইনের </p> মুছে দিয়ে লিখুন <Br/> এবং পরবর্তী অংশের <p> মুছে দিন।


Design বাটনে ক্লিক করে Design Window তে ফিরে আসুন।
লক্ষ্য করুন। লাইন ব্রেক হয়েছে, স্পেস অংশ চলে গেছে।
Paragraph Add করা

একটি ফাকা স্কীনে Nova Computer লিখে Properties প্যানেলের Format এর ড্রপ ডাউন থেকে Heading 1 দিন।


১. এবার নিচের লাইনে কিছু টেক্সট লিখুন। নিচের লাইনের এই লেখা গুলো হল Paragraph

২. আমরা উপরের Code বাটনে ক্লিক করে Code View তে যাই।

Dreamweaver_ part2 _image13

৩. দেখা যাবে এই লেখার উভয় পাশে <p> এবং </p> ট্যাগের অবস্থান করছে।


৪.  Design View তে গিয়ে Enter দিয়ে আরো কিছু লিখুন। সেটিও অন্য Paragraph ট্যাগের ভিতরে অবস্থান করবে।

Previous Post                                                                                           Next Post

  বিস্তারিত জানতে নিচের বইটি সংগরহ করে নিন।

Book Name: Mastering Microsoft  Word
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... 

 cd

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