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

Tuesday, March 10, 2020

Dreamweaver_ part13_Hyperlink,Absolute link,Image এর সাথে link ও Email link তৈরী করা




Hyperlink :
আমরা Word এ কোন কিছু লিখলে তা Automatidally পরের পেজে চলে যায় । কিন্তু web Page তৈরী করার ক্ষেত্রে Dreamweaver এ একটি Page থাকে । web Page এ একাধিক পেজের দরকার । সে ক্ষেত্রে একটি Page এর কোন টেক্সট বা Image এর সাথে অন্য Page এর link তৈরী করে দিতে হয় । যাতে করে ঐ link এ ক্লিক করার সাথে সাথে Page টি খুলে যায় ।

.html”
এর মাধ্যমে page কে           Hyperlink  করা হয়েছে।       করা হয়েছে।                    Page টি খুলবে।
Hyperlinkকরা হয়

Dreamweaver এ তিন প্রকারের Hyperlink  ব্যবহার করা হয়।
  1. Absolute link - কোন web Page কে link করতে
  2. Document Relative
  3. Site root Relative
Absolute link:
আমাদের Page এর কোন লেখা বা ছবি সাথে অন্য কোন Web Site এর link কে Absolute  বলে। অর্থাৎ ঐ লেখা বা ছবির উপর ক্লিক করলে ঐ Web Site টি খুলে যাবে।
1.            পেজের নিচের দিকে লিখুন For Search go to yahoo লিখুন। Yahoo লেখার সাথে link করার জন্য Yahoo লেখা সিলেক্ট করে Properties প্যানেলে link ঘরে নাম দিন http://www.yahoo.com
এখানে External Web Page এর সাথে link তৈরী করার জন্য অবশ্যই http://উল্লেখ করতে হবে । http র মানে হাইপার টেক্সট ট্রান্সফার প্রটোকল ।
2.           Properties প্যানেলের ডান দিকে Target অংশ থেকে blank সিলেক্ট করুন যাতে করে blank আর একটা page এসে তার উপর লেখা আসে।

3.          File>Save all কমান্ড দেই। Preview in browser করি । এখন আমি যদি Yahoo তে ক্লিক করি তাহলে Yahoo তে চলে যাবে।
4.           Yahoo তে ক্লিক করুন । লক্ষ্য করুন Yahoo তে চলে গেছে।

Yahoo তে নিচে দেখুন FaceboOK, Twitter লেখা আছে। FaceboOK এ ক্লিক করুন।
লক্ষ্য করুন FaceboOK খুলে গেছে । এটিই হল Absolute link
Name Anchor Hyperlink
একই পেজে একজায়গা থেকে আর পেজের link করা হয় এই পদ্ধতি মাধ্যমে । অর্থাৎ Topic টা রয়েছে সেখানে চলে যায় । আমাদের পেজে নিচে কোর্সের Detail এ চলে যাবে। এক্ষেত্রে যেখানে গিয়ে পেজ দাড়াবে সেখানে কার্সর রাখতে হবে।
1.            নিচে Graphics design লেখার শুরুতে কার্সর রেখে নিন। Common tab থেকে Name Anchor অপশনে ক্লিক করুন।

2.          Named Anchor ডায়ালগ বক্স আসবে । নাম দিন Graphics link লক্ষ্য করুন Graphics Design লেখার বায়ে একটি Anchor চিহ্ন অবস্থান করছে।

3.          এবার যে টেক্সট টুকুতে ক্লিক করতে হবে সেই টেক্সট টুকু সিলেক্ট করুন । আমরা উপরে Course অংশের Graphics সিলেক্ট করেছি।

4.           Properties প্যানেল এ link অংশে নাম্বার সাইন দিয়ে অর্থাৎ # Graphics Design লিখে দিন।
5.          লক্ষ্য করুন link তৈরী হয়ে গেছে । File >save করে Preview তে যান । Graphics design  এ ক্লিক করুন। Course Defail অংশ খুলে যাবে।

6.          অর্থাৎ Page এর নিচের অংশে লেখা Detail অংশ খুলবে।

7.          একই ভাবে Page এর নিচে Office programme এর Derail এর শুরুতে কার্সর রেখে Common ট্যাব থেকে Named Anchor সিলেক্ট করুন ডায়ালগ বক্সে নাম দিন Office

Office Programmer লেখার বামে Anchor  পয়েন্ট পরবে।

8.          পেজের উপরের অংশে Office Course লেখাটি সিলেক্ট করে Properties  প্যানেলে link অংশে # Office লিখে দিন। লক্ষ্য করুন আগে একটি link তৈরী হয়েছে । File >save করে Preview করে দেখুন ।

Office Course এ ক্লিক করলে নিচের অংশে Course Detail খুলে যাবে।

এভাবে একই পেজের মধ্যে Anchor পয়েন্টের মাধ্যমে link তৈরী করা যাব।
পেজে link :-আমরা আমাদের তৈরী করে রাখা একই ফোল্ডারে পেজ রেখেছি । এই পেজ গুলোর সাথে আমরা link তৈরী করব। আপনারা আপনাদের সংশ্লিষ্ট বিষয়াদির উপর পেজ তৈরী করে নিন।
1.            যে টেক্সটের সাথেlink তৈরী করব সেই টেক্সট টুকুন সিলেক্ট করুন ।আমরা about us লেখাটি সিলেক্ট করেছি । এবং link about  নামের আগে তৈরী করে রাখা পেজের সাথে link তৈরি করব।
2.          Properties প্যানেল থেকে link অপশনের ডানে ব্রাউজ বাটনে ক্লিক করুন।

3.          link about নামে তৈরী করা পেজ আছে। select File ডায়ালগ বক্স থেকে link about পেজ টি সিলেক্ট করে OK করুন।

4.           File >Save কমান্ড দিন। Preview করে দেখুন । About us ক্লিক করুন।
দেখুন link about পেজটি ব্রাউজারে খুলে গেছে।

5.          Close করে ফিরে আসুন । আবার Our BoOKs লেখাটি সিলেক্ট করুন

6.          Properties প্যানেলে Point to file বাটনটি মাউস দিয়ে চাপ দিয়ে টেনে File প্যানেলে link boOKs html ফাইলটির উপর নিয়ে যান।

এভাবে ও link তৈরী করা যায় ।
7.           File >Save করে Preview করুন। our boOKs লেখাটি link হয়েছে । our boOKs লেখাটি ক্লিক করুন।

link boOKs পেজেটি খুলে যাবে

এবার আমরা দেখব অন্য একটি লেখায় ক্লিক করলে ও ঐ একই পেজ খুলবে।
8.           আরও একটি টেক্সট Products লেখাটি Propertics প্যানেলে link অপশনের ড্রপ ডাউন মেনুতে ক্লিক করুন। আগের link গুলো দেখতে পাবেন। যে কোন একটি সিলেক্ট করুন। আমরা link boOK . html সিলেক্ট করেছি।

9.          File >Save করে Preview তে দেখুন। Products লেখাটি link হয়েছে । ক্লিক করুন আবার link books পেজটি open হবে।

Image এর সাথে link করা :
অনেক গুলো Image এনে রেখেছি । কিভাবে Image আনতে হয় তা  আপনারা আগেই দেখেছেন।
10.        যে কোন Image কে সিলেক্ট করুন। Properties প্যানেল থেকে link এর ডানে Browse বাটনে ক্লিক করুন।

11.       Select File ডায়ালগ বক্স থেকে তৈরী করে রাখা link about File টি সিলেক্ট করে দিন। OK করুন।

12.      File >Save করে Preview করুন । দেখুন ছবিটি link হয়েছে । ছবিটির উপর ক্লিক করুন।

দেখুন  link about পেজটি খুলে গেছে।

এভাবে কোন Image এর সাথে অন্য পেজের link তৈরি করা যায়।
Email link তৈরী করা
আমরা আমাদের পেজের কোন লেখার সাথে Email link তৈরি করব।
১. পেজের শেষে Contuct us লেখাটি সিলেক্ট করুন। Common Tab সিলেক্ট থাকা অবস্থায় ২ নং অপশন অর্থাৎ Email link বাটনে ক্লিক করুন।

২. Email link ডায়ালগ বক্স আসবে। Email ঘরে Email নাম দিন। আমরা দিলাম mebinjahan @yahoo.comOK করুন।

৩. File >Save করে Preview দেখুন Contuct us লেখাটি link হয়েছে। ক্লিক করুন। Email খুলে গেছে।