فناوری اطلاعات آوا

چگونه لینک بسازیم؟
نویسنده : آوا جاودانی - ساعت ۱۱:٠۸ ‎ق.ظ روز ۱۳۸٩/۱۱/٢٦
 

لینک چیست؟Yahoo website

 لینکها یا همان نقاط پیوند صفحات هم،  یک نوع متن به حساب می آیند، فقط تنها فرقی که بین آنها وجود دارد در این است که هنگامیکه با موس بر روی آنها میرویم نشانگر موس شکل دست به خود گرفته تا ما بر روی آن کلیک کنیم، البته در بیشتر مواقع رنگ آن هم با متن های معمولی فرق دارد. پس از کلیک کردن روی لینکها، ما  به صفحات دیگر یا حتی به سایتی دیگر هدایت میشویم. تگ مخصوص لینک <a></a> میباشد که با خصوصیت href آدرس دهی میشود که آن لینک به کجا وصل خواهد شد. به طور مثال اگر ما بخواهیم یک لینک درست کنیم که به سایت yahoo  متصل   شود بدین صورت عمل میکنیم،

<a href="www.yahoo.com">Yahoo website</a>

 که در مرورگر لینک زیر ظاهر میشود و ما را به سمت سایت یاهو حرکت میدهد دقت کنید فقط متنی که مابین دو تگ آغاز کننده یعنی <a href=" ">و تگ پایان دهنده </a>  نوشته شود در مرورگر به شکل لینک ظاهر میشود و قابل کلیک است

 

همانطور که مشاهده میکنید به صورت پیش فرض رنگ لینکها آبی بوده و زیر آنها خط کشیده میشود که در بخش Style Sheet شما یاد خواهید گرفت تا این خط را برداشته یا رنگ آن را تغییر دهید. لینکها را می توان به دو دسته داخلی و خارجی تقسیم کرد، همانطور که از اسمشان پیداست لینکهای داخلی نقاط پیوند داخل یک صفحه یا صفحات مختلف یک وب سایت میباشند و لینکهای خارجی  نقاط پیوند بین دو سایت مختلف میباشند.

Absolute and Relativetarget فریم که لینک قرار دارد نمایش داده میشود.

لینکهای داخلی به دو صورت نوشته میشوند، یا باید آدرس کامل وب سایت و فایل را نوشت مانند:

<a href="http://www.mysite.com/page01.htm"> Page01 </a>

 به این مدل لینک absolute  میگویند.

و یا اینکه فقط اسم فایل را بنویسیم البته اگر آن فایل داخل یک دایرکتوری است باید ابتدا اسم آن دایرکتوری را نوشته سپس نام فایل را مینویسیم. به فرض  مثال اگر لینک ما قرار است به یک صفحه به اسم   Page01.htm  در دایرکتوری بنام htmlpages  متصل شود مجموعه کدی که باید نوشته شود بدین صورت است:

<a href="htmlpages/Page01.htm"> Page01 </a>

به این مدل relative  می گویند.

دقت کنید دوستان وقتی صفحه ای که قرار است به این لینک ما پیوند داده شود دردایرکتوری پایین تر از این صفحه قرار دارد اینگونه عمل میشود اما اگر لینک ما  در صفحه ای قرار دارد که قرار است به یک صفحه در دایرکتوری بالاتر از آن متصل شود می توانیم به جای اسم دایرکتوری بالاتر از دو نقطه کنار هم( .. ) استفاده کنیم،

<a href="../page02.htm"> page02 </a>

به طور ساده می توان گفت که اگر این صفحه قرار است به صفحه ای داخل دو فولدر تو در تو متصل شود باید اسم فولدر اول بعد اسم فولدر داخل فولدر اول سپس اسم آن فایل یا صفحه را مینویسیم  ولی اگر در آن صفحه بخواهیم یک لینک بگذاریم که به این صفحه پیوند داده شود جای فولدر داخلی و فولدر اول میتوانیم دو نقطه بگذاریم و سپس اسم این فایل را بنویسیم یعنی بدین شکل:

<a href="../../thispage.htm"> this page </a>

 

تگ لینک خصوصیتی دارد که توسط آن می توانید محل باز شدن و یا نمایش صفحه ای که می خواهید به آن پیوند دهید را کنترل کند که آن صفحه در همان پنجره  یا در یک پنجره جدید باز شود. این خصوصیت target نام دارد که باید برابر با یکی از مقادیر _blank , _self , _top , _parent  قرار گیرد.

target="_blank"
این مقدار یک پنجره جدید در مرورگر باز کرده و صفحه مربوط به آن لینک را نمایش میدهد.

_self
اطلاعات صفحه مربوط به آن لینک در همان

_parent
صفحه مورد نظر در همان پنجره مرورگر باز خواهد شد ، نه در پنجره جدید.

_top
صفحه مربوط به این لینک هیچگاه در پنجره ای که فریم دارد باز نخواهد شد.

Anchor mailto

 یک نوع لینک هم هست که دو نقطه را در داخل یک صفحه بهم متصل میکند که به آن anchor  می گویند. کاربردهای گوناگونی دارد ولی بیشترین کاربرد این نوع لینک برای مواقعی است که  طول یک صفحه از سایت زیاد شده و در انتهای همان صفحه شما یک لینک می گذارید تا با کلیک کردن بر روی آن بیننده سایت شما به بالای همان صفحه هدایت شود. برای اینکار دو سری تگ لازم است که باید بنویسید، یکی جایی است که میخواهید لینک به آن متصل شود که باید آن نقطه از صفحه را نامگذاری کنید و این اسم باید داخل همان صفحه تک باشد یعنی در جای دیگر بکار نبرده باشید و تگ آن به این صورت است:

<a name="top">

در بین دو علامت " " و به جای کلمه top  هر اسمی میتوانید بکار برید این نکته را در ذهن داشته باشید که این تگ درمرورگر ظاهر نمیشود.اما تگ دیگری که نیاز است خود کد لینک است وبجای نوشتن آدرس فایل در خصوصیت href  شما نامی را که انتخاب کردید به اضافه علامت # را مینویسید:

<a href="#top">top of the page</a>

در مورد لینکهای خارجی یعنی لینکهایی که به سایتهای دیگر وصل میشوند باید از مدل absolute  استفاده کنید و آدرس کامل را بنویسید:

<a href="http://www.sitename.com/page01.html"> link to another site </a>

نکته:  نوشتن پروتکل http://  اجباری نیست و میتوانید از نوشتن آن صرف نظر کنید.

 

 علاوه بر این لینکها شما میتوانید برای آدرسهای ایمیل هم لینک درست کنید که تگ آن به صورت زیر میباشد:

<a href="mailto:email_address"> my email </a>

کلمه mailto:  به مرورگر میفهماند که باید یک ایمیل به آدرس بعد از آن فرستاده شود. البته این لینکها برای بیننده هایی که ایمیل هایشان را با برنامه هایی مانند Outlook express  چک میکنند ، مفید است چون وقتی که روی این نوع لینک کلیک شود برنامه پیش فرض مدیریت ایمیل در سیستم عامل کاربر باز میشود پس برای بیننده هایی که آدرس ایمیل یاهو دارند این کد مفید نیست بهتر است که آدرس کامل ایمیل را نوشته و به صورت یک لینک درست کنید تا برای کلیه بینندگان سایت مفید باشد، مانند مثال زیر:

<a href="mailto:my_email@domain.com"> my_email@domain.com </a>

البته شما میتوانید حتی موضوع و متن ایمیل را تعیین کنید. اگر قصد همچین کاری را دارید پس باید بلافاصله بعد ازآدرس ایمیل داخل تگ یک علامت سوال اضافه کنید تا مرورگر بفهمد که این آدرس ادامه دارد و بعد از علامت سوال کلمه subject=  را مینویسید که این کلمه نشانگر موضوع ایمیل است و هرچیزی که جلوی آن نوشته شود به عنوان موضوع ایمیل در برنامه مشخصه نمایان خواهد شد و اگر متن ایمیل هم بخواهید نوشته شود باید بعد از موضوعی که نوشتید علامت &  را بگذارید وسپس کلمه  body= را که نشانگر متن ایمیل است و در جلوی علامت مساوی هر متنی را میتوانید وارد کنید. بر فرض مثال میخواهید که ایمیل با موضوع Test و متن Hello my friends  به آدرس ایمیل فرستاده شود:

<a href="mailto:my_email@domain.com?subject=Test&body=Hello my friends"> my_email@domain.com </a>

 توجه داشته باشید که اگر میخواهید این کد را امتحان کنید اول باید برنامه پیش فرض مدیریت ایمیل مانند نرم افزار Outlook  را برای آدرس ایمیل خود تنظیم کنید.

نظر یادتون نرهقلب