Saturday, July 6, 2013

প্রথম পর্বঃ ( ওয়েব ডিজাইনে ড্রিমওয়েভার ব্যবহার USE OF DREAMWEAVER FOR WEBDESIGN)

আপনারা নিশ্চয়ই  Dreamweaver  টি ডাউনলোড করেফেলেছেন, না করলে এখনি আগের পোস্টের লিঙ্ক থেকে করে নিন এবং Install করে নিন।

প্রথমে আপনি আপনার computer এ একটি Web design নামে folder খুলুন, এরপর এই folder এর ভিতর index.html নামে একটি Text Document খুলুন।

এর জন্য প্রথমেWeb design folder টা open করেন, এবার mouse এর ডান বাটন ক্লিক করে Text Document click করুন, এরপর New Text Document.txt Rename করে index.html করুন


না বুঝতে পারলে নিচের চিত্র গুলো খেয়াল করুন...... 



                  Web design folder খুলেছি




এবার উপরের চিত্রের মত mouse এর ডান বাটন ক্লিক করে  Text Document click করুন

এরপর  New Text Document.txt Rename করুন  index.html  করুন


                         
       চিত্রঃ Web design folder এর ভিতর index.html file



এবার index.html Document টি Dreamweaver দিয়ে open করুন। না বুঝলে চিত্র দেখুন




    চিত্রঃ ডান বাটন ক্লিক করে Dreamweaver দিয়ে open করা 





 open করলে নিচের মত চিত্র আসবে







এরপর Dreamweaver এর সর্ব বামে উপরে File menu তে ক্লিক করে new তে ক্লিক করলে একটা পেজ আসবে, পেজের HTML এ ক্লিক করে Create এ ক্লিক করুন নতুন যে Untitle-1 নামে নতুন ফাইল ওপেন হবে তাথেকে Ctrl+A প্রেস করে all select করে সব Ctrl+C প্রেস করে copy করে index.html File এর ভিতর paste করুন। 
এবার Untitle-1 File Close করে দিন। আপনার শুধু index.html File টা open থাকবে। আর যেটাpaste করলেন এটা Default হিসাবে থাকে, এর দরকার আছে, এটা সম্পর্কে অন্য কোন post এ লিখব।

না বুঝলে চিত্র খেয়াল করুন.........


                        

                   
চিত্রঃ  HTML, Create ক্লিক করা





চিত্রঃ all select করে copy করা 



paste করলে নিচের চিত্রের মত দেখা যাবে। check করে দেখুন ঠিক আছে কিনা, না থাকলে পর্যায় ক্রমিক চিত্র দেখে আবার try করুন।










সব ঠিক থাকলে আসুন আমরা html coding শুরু করি, আসল মজা এবার শুরু হবে......
<title>Untitled Document</title> Untitle Document change করে আপনার পছন্দ মত নাম দিতে পারেন, এই নাম টিই আপনার ওয়েব পেজ এর title বারে show করবেআমি এখানে www.prowebdesign4u.blogspot.com দিয়াছি।  নিচে চিত্র দেওয়া আছে  আপনি clear বুঝতে পারবেন।  


 এবার body ট্যাগের ভিতর লিখুন
 <body>
            It is our first lesson, we are learning html.
</body>


চিত্র দেখুন.........



(Ctrl+s) clik করে save করুন, এরপর ফায়ারফক্স বা মজিলা দিয়ে Run করুন। Run করতে নিচের চিত্র খেয়াল করুন............              
          





Browsing চিহ্নযুক্ত Run বাটন এ ক্লিক করুন,  Preview in Firefox 10.0 ক্লিক করুন (আপনি যে ব্রাউজার ব্যবহার করেন সেটা শো করবে  Preview in Firefox 10.0 স্থানে)

Run করলে নিচের চিত্রের মত দেখা যাবে








 নিচের চিত্রে বিশ্লেষণ দেখুন............


Okay আপনি Dreamweaver ব্যবহার শিখলেন।


যা শিখলেন তা আপনি এবার নিজে try করুন, প্রথমে না বুঝতে পারলে আবার চেষ্টা করুন। মনে রাখবেন যারা আজ সফল ওয়েব ডিজাইনার তারা আপনার থেকেও খারাপ ভাবে শুরু করেছিল। অন্তত আমি নিজে তার প্রমাণ। Try করুন আপনি পারবেন। যারা এগুলো আগের থেকেই পারতেন তারা এগুলো Dreamweaver দিয়ে করতে শিখুন, কারন প্রফেশনাল ওয়েব ডিজাইনাররা Dreamweaver ব্যবহার করেন।
একটা কথা না বললেই নয় যারা এগুলো জানেন তারা আবার করুন, করলে ক্ষতি নেই বরং অনেক লাভ আছে আর অপেক্ষা করুন নতুন নতুন কিছু শেখার জন্য। মনে রাখবেন আপনি continue করলে, ওয়েব ডিজাইনে প্রফেশনাল হতে পারবেন।
আর নতুন যারা তারা মন দিয়ে continue করুন, আপনাদের জন্যই আমার এ পরিশ্রম।

আপনাদের সবাইকে অনেক অনেক ধন্যবাদ, আমার ব্লগের সাথেই থাকুন।

আরও জানতে visit করুন প্রফেশনাল ওয়েব ডিজাইন



কোন সমস্যা হলে বা প্রশ্ন থাকলে ব্লগে দয়াকরে comment post করে জানাবেন।


1 comment: