لینکها بنیادیترین قسمت از  طراحی سایت صفحات وب و شبکه ارتباط جهانی www هستند. بنابراین توصیه میشود زمان بیشتری برای این قسمت صرف کنید.

انواع لینک:
لینک سراسری Global Links لینکهایی که به صفحات یک طراحی سایت دیگر اشاره دارند.
لینک محلی یا موضعی Local Link لینکهایی که به صفحات دیگر همان طراحی سایت اشاره میکند
لینک داخلی Internal Links لینکهایی هستند که به قسمتی از صفحهای که کاربر در آن قرار دارد اشاره میکند.

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

 

></aمتنی که به عنوان لینک شناخته میشود>”آدرس مورد نظر”=<a href

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

>> </aآدرس عکس”=><img srcآدرس مورد نظر”=<a href

لینکهای سراسری و محلی با دو مثال بالا قابل انجام هستند. اما برای این که به قسمت خاصی از صفحه وبی که در آن قرار دارید، پیوند برقرار کنید یا به عبارت دیگر به قسمتی از همان صفحه پرش کنید باید از صفت
nameاز تگ aبرای نام گذاری آن بخش استفاده کنید. این نام از حروف تشکیل میشود که باید منحصر به فرد نیز باشد.
مثلاً قسمتی از صفحه را انتخاب کنید و در آن این دستور را بنویسید.

<a name=”mesal”></a>

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

<a name=”#mesal”></a>

لینکهای رنگی بسازید!
برای این که لینکها را در صفحه خود به صورت متمایز نمایش دهید میتوانید برای آنها رنگ مشخص کنید.
دو حالت برای تعریف کردن رنگ لینکها وجود دارد:
-۱رنگ تمامی لینکها در صفحه به یک صورت تعریف شود.
-۲برای بعضی از لینکها رنگ متفاوتی تعریف شود

بارگذاری نوشته های مرتبط بیشتر
  • طراحی وب

    طراحی وب اگر می خواهید بهترین نتیجه را در طراحی وب داشته باشید! تمام تمرکز خود را به رابط …
  • آموزش طراحی سایت(جلسه ۱۸):CSS چیست؟

    CSS چیست؟ CSS به معنایطراحی سایت «صفحات استایلی آبشاری» است و روشی است برای قالب بندی و طر…
  • آموزش طراحی سایت(جلسه ۱۷):دکمه ها

    دکمهها: – دکمه :submitاین عنصر برای تأیید طراحی سایتفرم استفاده میشود. زمانی که بر ر…
  • آموزش طراحی سایت(جلسه ۱۶):textarea فیلد

    textarea فیلد – در این فیلد شما میتوانید به میزان نامحدود کاراکتر وارد کنید. طراحی س…
  • آموزش طراحی سایت(جلسه ۱۵):تگ form

    تگ form از تگ inputبرای قرار دادن انواع کنترلهای طراحی سایتدریافت اطلاعات از کاربر در فرمه…
  • آموزش طراحی سایت(جلسه ۱۴):هاIDE

    هاIDE یک ۲۲IDEیا «محیط توسعه یکپارچه» نرمافزاریطراحی سایت است که برای کمک به برنامهنویسان …
بارگذاری بیشتر در طراحی وب

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد.

بررسی کنید

طراحی وب

طراحی وب اگر می خواهید بهترین نتیجه را در طراحی وب داشته باشید! تمام تمرکز خود را به رابط …