আপনারা নিশ্চয়ই 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 করা
করলে নিচের মত চিত্র আসবে
এরপর 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 করে জানাবেন।
"আমি রফিকুল ইসলাম, একজন ফ্রীলাঞ্চার ও ওয়েব ডিজাইনার, আপনাদের জন্য এখন থেকে প্রকাশ করব ওয়েব ডিজাইন এর পরিপূর্ণ ধারাবাহিক টিউটোরিয়াল ।আমার ধারাবাহিক টিউটোরিয়াল প্রকাশিত হবে শুধু মাত্র আমার ব্লগ ProWebdesign4u এবং টেকনোট্রিক বিডি তে । "
ওয়েব ডিজাইন নিয়ে ধারাবাহিক টিউটোরিয়াল - ১
ওয়েব ডিজাইন নিয়ে ধারাবাহিক টিউটোরিয়াল - ২ ( ড্রিমওয়েভার ডাউনলোড )
ওয়েব ডিজাইন নিয়ে ধারাবাহিক টিউটোরিয়াল - ৩ (ওয়েব ডিজাইনে ড্রিমওয়েভার ব্যবহার)
ওয়েব ডিজাইন নিয়ে ধারাবাহিক টিউটোরিয়াল - ৪ ( HTML এ লেখা প্রোগ্রামের বিভিন্ন অংশ বিশ্লেষণ )
ওয়েব ডিজাইন নিয়ে ধারাবাহিক টিউটোরিয়াল - ৫ ( হেডিং ট্যাগের ব্যবহার )
ওয়েব ডিজাইন নিয়ে ধারাবাহিক টিউটোরিয়াল - ৬ ( HTML এর সাধারন ট্যাগ সমূহ )
ওয়েব ডিজাইন নিয়ে ধারাবাহিক টিউটোরিয়াল - ৭ ( এইচটিএমএল দিয়ে ফর্ম তৈরি করুন, টেবিল সংযোজন-I )
ওয়েব ডিজাইন নিয়ে ধারাবাহিক টিউটোরিয়াল - ৮ ( এইচটিএমএল দিয়ে ফর্ম তৈরি করুন , টেবিল সংযোজন II )
ওয়েব ডিজাইন নিয়ে ধারাবাহিক টিউটোরিয়াল - ৯ ( চমৎকার চলন্ত এইচটিএমএল কোড করুন marquee এর ব্যবহার )
ওয়েব ডিজাইন নিয়ে ধারাবাহিক টিউটোরিয়াল - ১০ ( XHTML [HTML+CSS = XHTML] -১ )
0 on: "ওয়েব ডিজাইন নিয়ে ধারাবাহিক টিউটোরিয়াল - ৩ (ওয়েব ডিজাইনে ড্রিমওয়েভার ব্যবহার)"