چگونه یک Hyperlink با KompoZer ایجاد کنیم

توانایی ایجاد پیوند در یک سند که شما را به یک سند دیگر منتقل می کند، شاید در یک شبکه در نیمه راه در سراسر جهان، مسلما مهم ترین دلیل آن است که شبکه جهانی وب اختراع شد. این پیوندها، که hyperlinks نامیده می شوند، "H" در HTML - زبان نشانه گذاری HyperText هستند. بدون لینک، وب بسیار مفید نخواهد بود. هیچ موتورهای جستجو، رسانه های اجتماعی یا تبلیغات بنر وجود نخواهد داشت (خوب است که بیشتر ما بتوانیم آن را ببینیم).

وقتی صفحات وب خود را ایجاد می کنید، می خواهید لینک ها ایجاد کنید، و KompoZer دارای ابزارهایی است که می توانید لینک های هر نوع را آسان کنید. صفحه نمونه در این آموزش حاوی پیوندهایی به سایر وبسایتها در چهار دسته، به سایر قسمتهای یک صفحه وب و برای شروع یک پیام ایمیل است. من با عنوان و چهار عنوان H3 برای هر دسته شروع می کنم. در صفحه بعد برخی لینک ها را اضافه می کنیم.

01 از 05

ایجاد لینک Hyperlink با KompoZer

ایجاد لینک Hyperlink با KompoZer. عکس جنجالی Jon Morin

ابزار Hyperlink Link KompoZer با کلیک روی دکمه لینک در نوار ابزار قابل دسترسی است. برای ایجاد یک لینک

  1. مکان نما خود را بر روی صفحه ای که می خواهید لینک شما ظاهر شود قرار دهید.
  2. روی دکمه پیوند در نوار ابزار کلیک کنید. کادر محاوره ای Properties لینک ظاهر خواهد شد.
  3. اولین فیلد که شما برای پر کردن آن نیاز دارید، جعبه پیوند متن است. متن را که می خواهید بر روی لینک خود در صفحه نمایش داده شود، تایپ کنید.
  4. فیلد دوم که شما برای پر کردن آن نیاز دارید، جعبه محل لینک است. در URL صفحهی که لینک شما کاربر هنگام کلیک روی آن را وارد میکند، تایپ کنید. ایده خوبی است که آدرس URL را از نوار آدرس مرورگر خود کپی و جایگذاری کنید. شما به احتمال زیاد به این روش اشتباه می کنید و حداقل در زمان ایجاد پیوندتان می دانید که صفحه زنده است و این پیوند شکسته نشده است.
  5. روی OK کلیک کنید و کادر محاوره ای Properties را ببندید. لینک شما در حال حاضر در صفحه شما ظاهر می شود.

در اغلب مرورگرها، لینک به طور پیش فرض در متن رنگ آبی رنگ ظاهر می شود. شما می توانید سبک های خود را برای لینک با KompoZer درخواست، اما در حال حاضر، ما با لینک hyperlink پایدار. ایده خوبی است که صفحه خود را در یک مرورگر پیش نمایش کنید و روی پیوندها کلیک کنید تا مطمئن شوید که آنها کار می کنند.

02 از 05

ایجاد پیوند لنگر با KompoZer

ایجاد پیوند لنگر با KompoZer. عکس جنجالی Jon Morin

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

KompoZer اجازه می دهد تا شما را به ایجاد لنگرهایی که می توانید با استفاده از ابزار لنگر در نوار ابزار پیوند دهید.

  1. روی منطقه صفحه خود کلیک کنید که میخواهید یک لنگر باشد. یعنی، جایی که می خواهید بیننده صفحه زمانی که لینک لنگر روی آن کلیک می شود، گرفته شود. برای این مثال، من فقط قبل از "F" در هدر موسیقی مورد علاقه کلیک کردم.
  2. روی دکمه Anchor در نوار ابزار کلیک کنید. کادر محاوره ای Properties Named Anchor Properties ظاهر می شود.
  3. هر لنگر در یک صفحه نیاز به یک نام منحصر به فرد دارد. برای این لنگر، من نام "موسیقی" را استفاده کردم.
  4. با کلیک بر روی OK، و باید ببینید، و نماد لنگر در نقطه ای که می خواهید لنگر را می خواهید، ظاهر می شود. این نماد بر روی صفحه وب شما ظاهر نمی شود، فقط KompoZer به شما نشان می دهد که لنگرهای شما چه هستند.
  5. تکرار این روش برای هر قسمت دیگر از صفحه که در آن می خواهید کاربران بتوانند به آن دسترسی پیدا کنند. اگر متن زیادی در صفحه جداگانه با عنوان و یا برخی از تقسیم منطقی دیگر داشته باشید، لنگرها یک راه ساده برای مرور صفحات هستند.

بعد، ما لینک هایی را که خواننده را به لنگرهایی که ایجاد کرده اید ایجاد می کنیم.

03 از 05

ایجاد ناوبری صفحه با KompoZer

ایجاد ناوبری صفحه با KompoZer. عکس جنجالی Jon Morin

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

04 از 05

ایجاد Hyperlink به لنگر با KompoZer

ایجاد Hyperlink به لنگر با KompoZer. عکس جنجالی Jon Morin

اکنون که ما لنگرهایمان را در محل قرار می دهیم و متن هایی که برای ورود به صفحه وارد می کنیم، می توانیم این تکه های متن ساده را به پیوندهای تبدیل کنیم. ما دکمه لینک را دوباره استفاده خواهیم کرد، اما این بار کمی متفاوت خواهد بود.

  1. متن را که میخواهید به یک پیوند تبدیل کنید، انتخاب کنید. در این مثال من متن "موسیقی مورد علاقه" را انتخاب کردم که در سلول اول جدول در بالای صفحه قرار دارد.
  2. روی دکمه پیوند در نوار ابزار کلیک کنید. کادر محاوره ای Properties Link باز خواهد شد.
  3. در این مورد، ما قبل از اینکه دکمه پیوند را کلیک کردیم، متن را انتخاب کردیم، بنابراین بخش پیوند متن پنجره قبلا پر شده است و نمی تواند ویرایش شود. با کلیک بر روی پیکان پایین در بخش پیوند موقعیت مکانی. شما لیستی از لنگرهایی را که در مراحل قبلی ایجاد کرده اید مشاهده خواهید کرد. برای این مثال، من لمسی #music را انتخاب می کنم.
  4. روی OK کلیک کنید متن "موسیقی مورد علاقه" در نوار ناوبری تبدیل به یک لینک است که باعث می شود بیننده به آن بخش در صفحه در هنگام کلیک بر روی آن کلیک کنید.

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

05 از 05

ایجاد یک لینک از یک تصویر با KompoZer

ایجاد یک لینک از یک تصویر با KompoZer. عکس جنجالی Jon Morin

آیا می دانید که می توانید یک لینک از تصاویر و همچنین متن ایجاد کنید؟ KompoZer اجازه می دهد تا این کار را تنها با چند کلیک انجام دهید. در اینجا من یک تصویر آیکون کوچک را نشان دادم که نشانگر فلش اشاره گر بالا و متن «TOP» در پایین صفحه است. من قصد دارم از این تصویر به عنوان یک لینک برای پرش به بالای صفحه استفاده کنم.

  1. روی تصویر کلیک راست کرده و Image and Link Properties را از برچسب context انتخاب کنید. کادر محاوره ای Image Properties باز خواهد شد.
  2. در برگه Location، نام فایل نام تصویر را مشاهده خواهید کرد و یک تصویر کوچک که قبلا پر شده است. شما باید یک متن را در جعبه متن جایگزین وارد کنید. این همان چیزی است که وقتی موشواره خود را بر روی تصویر قرار می دهید ظاهر می شود و همچنین چیزی که توسط یک خواننده روی صفحه خوانده می شود وقتی یک فرد مبتلا به آسیب دیده صفحه وب را بخواند.
  3. روی برگه لینک کلیک کنید. در اینجا شما می توانید یک لنگر را از منو انتخاب کنید، همانطور که با پیوندهای لنگر کار کردیم. در واقع، این تصویر به عنوان لینک لنگر استفاده می شود. من #Links_Of_Interest anchor را انتخاب کردیم که ما را به سمت بالا می برد.
  4. روی OK کلیک کنید در حالیکه روی تصویر کلیک میکنید تصویر در حال بازگشت به بالای صفحه است.