طرز ساختن لینک ها

لینک چیست؟
absolute and relative links
target
Anchor
mailto

-------------------------------

لینک چیست؟

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

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

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

Yahoo website

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

Absolute and Relative

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

<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

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

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

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

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

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

Anchor

 یک نوع لینک هم هست که دو نقطه را در داخل یک صفحه بهم متصل میکند که به آن 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://  اجباری نیست و میتوانید از نوشتن آن صرف نظر کنید.

mailto

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

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

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

<a href="mailto:[e-mail]"> [e-mail] </a>

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

<a href="mailto:[e-mail]?subject=Test&body=Hello my friends"> [e-mail] </a>

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

منبع :  http://www.iranw3.com

رقص حروف

منبع :  http://rezafirouzi.blogfa.com

4 ثانیه !

فقط “چهار ثانیه”! آیا می دانید راز این عدد جادویی چیست ؟ در صورتی که یک صفحه وب در مدت 4 ثانیه بارگذاری نشود ، بسیاری از بازدید کنندگانش را از دست خواهد داد !

عوامل بسیاری در سنگین شدن یک صفحه وب نقش دارند، امروزه استفاده از کدهای جاوا،عکس های باکیفیت، فایل های فلش و … بسیار مرسوم است. اما همین اجزا هستند که باعث زیاد شدن مدت لود شدن صفحات می شود. حتما شما هم تا به حال وبلاگ هایی را دیده اید که در آنها از کدهای مختلف جاوا نظیر لرزیدن صفحه ، آمدن برف و باران و … استفاده شده است . مسئله این است که بازدید کننده ای که وبلاگ شما را از طریق جستجو به دنبال عبارت مورد نظرش پیدا کرده است بیشتر دوست دارد تا زودتر به هدفش برسد تا آمدن برف و باران را در وبلاگتان تماشا کند.

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

منبع :  http://rezafirouzi.blogfa.com