একটা
ওয়েব সাইটকে ব্যবহার বান্ধব করে তোলার ক্ষেত্রে লিংকের ব্যবহার খুবই
গুরুত্বপূর্ণ। Link এর
আভিধানিক অর্থ সংযুক্ত করা। অর্থাৎ একটা ওয়েব পেজের সাথে অন্য একটা পেজকে
যুক্ত করাই হল লিংকিং। HTML এ
লিংকিং করার জন্য <a> ট্যাগ
বা anchor ট্যাগ
ব্যবহার করা হয়।
যেমন <a
href="http://www. tutohost.com/"> www. tutohost.com </a> । অর্থাৎ
যে পেজের সাথে লিংক তৈরি করতে হবে তার এড্রেস href="……………..
" এর
মধ্যে লেখতে হবে, এবং
লিংকে যে লেখাটি প্রদর্শন করবে তা <a href="
">…………………..</a> এর
মধ্যে লেখতে হবে।
Dreamweaver
দিয়ে লিঙ্ক দিন
Web design ফোল্ডারের
ভিতর lesson3 নামে
একটি ফোল্ডার খুলুন,
এর
ভিতর index.html create করুন, এবার index.html Dreamweaver দিয়ে Open
করুন, আগের
নিয়মে Copy Paste করে Default করুন
(না বুঝলে আগের পোস্ট গুলো দেখুন)।
এবার <body>
</body> ভিতর
লিখুন
Visit my Blog <a
href="http://www.prowebdesign4u.blogspot.com"> click here </a>
লক্ষ্য করুন Dreamweaver দিয়ে লেখার নিয়ম
প্রথমে <a href=" "> </a> লিখুন, এবার " " এই
কোটেশন এর ভিতর লিঙ্কটি লিখুন (ক্লিক করলে যেখানে যাবে তার address, আমি www.prowebdesign4u.blogspot.com দিয়েছি ), এরপর
> < এর মাঝে আপনি ওয়েব
পেজে যে লেখা দেখতে চান তা লিখুন যেমন আমি লিখেছি click here.
এবার Ctrl + S দিয়ে page টি save করুন
এবং Run করুন
করলে নিচের চিত্রের মত দেখা
যাবে...............
এবার
খেয়াল করে দেখুন Dreamweaver দিয়ে
কত সহজে লিঙ্ক দেওয়া যায়।
বিঃ
দ্রঃ যখন
আমরা HTML, CSS একসাথে
লিখব অর্থাৎ XHTML,
PSD to HTML CODING করবো, তখন
কিভাবে click here নিচের UNDER LINE দূর
করা যাই, clike here টাকে
বাটন এর মত করা যাই, মাউস উপরে নিলে কালার পরিবর্তন
(
অর্থাৎ Hover এর
কাজ ),
আর ও অনেক কিছু শিখব।
আপনাদের সবাইকে অনেক অনেক ধন্যবাদ, আমার
ব্লগের সাথেই থাকুন।
কোন সমস্যা হলে বা
প্রশ্ন থাকলে ব্লগে দয়াকরে comment post করে জানাবেন।
0 comments:
Post a Comment