Web Design কিভাবে করবেন
Macromedia Dreamweaver 8 ডাউনলোড -
এই সাইট থেকে সফটওয়্যার টি ডাউনলোড করে নিতে পারবেন । এছাড়াও আপনি যদি পারেন তাহলে অবশ্যই বাজারে গিয়ে ৫০ টাকা দিয়ে কিনে নিতে পারেন।
ডাউনলোড করুন-
Macromedia Dreamweaver 8 কিভাবে চালাবেনঃ
স্বাভাবিক নিয়মে সফটওয়্যার টি ইন্সটল দিন তারপর ওপেন করুন । নিচের মত সুন্দর ১ টি উইন্ডো দেখতে পাবেন । এখানে অনেক গুলো category আপনি দেখতে পাবেন । তার মধ্যে পাবেন HTML . আপনি অন্যগুলোতে ক্লিক না করে HTML এ ক্লিক দিন । এবার দেখতে পাবেন সেখানে ফাঁকা ১ টি উইন্ডো । আপনি এবার উপরের ৩ টি মেনু code , split , design এর মধ্য থেকে code এ ক্লিক দিন । এবার নিশ্চয় দেখতে পারছেন সেখানে কিছু লেখা আগে থেকেই আছে । এগুলো নিয়ে এখন লাফালাফি করার কোন দরকার নাই । এখানে আপনি দেখতে পাচ্ছেন নিচের মত কোড ।
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″ />
<title>Untitled Document</title>
</head>
<body>
</body>
</html>
এবার যদি আপনি এটিকে রান করেন তাহলে আপনার ব্রাউজার এ ফাঁকা ১ টি ওয়েব পেজ দেখতে পাবেন । এবার আপনি নিশ্চয় কিছু লিখতে চান তাহলে আপনি <body></body> যে ট্যাগটি আছে এর মধ্যে লিখুন Welcome To Bangla Web Design । এবার রান করুন ।
নিশ্চয় ব্রাউজার এ Welcome To Bangla Web Design লেখাটি দেখতে পাচ্ছেন। এবার আপনি আর লেখতে থাকুন আর দেখতে থাকুন । একটা বিষয় সবসময় মনে রাখবেন যে প্রতিটা ট্যাগ এর ১ টা শুরু থাকে আর ১ টা শেষ থাকে । আর যা কিছু লিখতে হয় টা ট্যাগ এর মধ্যেই লিখতে হয় । যেমন body ট্যাগ এর শুরু হল <body> এবং শেষ হল </body> । এভাবে html ট্যাগ এর শুরু হল <html> এবং শেষ হল </html>। আশা করি বুঝতে পেরেছেন । ধন্যবাদ ।
এবার আসুন <title></title> ট্যাগ এর মধ্যে যে Untitled Document লেখাতি আছে সেটির কাজ কি । আপনি যখন উপরের ফাইল টি রান করেছেন তখন ব্রাউজার এর উপরে Untitled Document লেখাতি দেখতে পাচ্ছেন । অর্থাৎ ব্রাউজার এর নাম বা টাইটেল এ তা দেখতে পাচ্ছেন । এবার আপনি <title></title> ট্যাগ এর মধ্যে My First Project লেখাটি লিখে রান করুন । এখন নিশ্চয় দেখতে পাচ্ছেন টাইটেল টি পরিবর্তন হয়ে My First Project এটি দেখাচ্ছে । এটিই হল আসলে <title></title> ট্যাগ এর কাজ ।
আপনি কিন্ত ব্রাউজার এ না দেখে সরাসরি Dreamweaver সফটওয়্যার এই আউট পুট দেখতে পাবেন সেটি হল । আপনি উপরের code , split , design এই তিনটি থেকে design এ ক্লিক দিলেই আপনার পেজ এর আউট পুট এখান থেকেই দেখতে পাবেন ।
এর পরবর্তী অধ্যায় গুলোতে আমরা ওয়েব পেজ ডিজাইন এর কোড নিয়ে আলোচনা করব । আপনি সবগুলো মনোযোগ সহকারে পড়েন এবং ভাল করে শিখে নেন । ধন্যবাদ ।
No comments:
Post a Comment