ایجاد کردن پیوندها

برای رفتن به نمای عادی (خارج شدن از نمای source)، روی زبانهٔ normal در قسمت پایین پنجرهٔ NvU کلیک کنید. اول باید صفحهٔ دیگری وجود داشته باشد که به آن پیوند بدهید. برای ایجاد یک صفحهٔ دیگر برای وب‌سایت‌تان روی دکمهٔ «New» در قسمت بالا و سمت چپ پنجرهٔ NvU کلیک کنید. یک صفحهٔ خالی جدید در یک زبانهٔ جدید ظاهر می‌شود. فعلاً فقط مقداری متن در صفحهٔ جدید وارد کنید، و روی دکمهٔ «Save» کلیک کنید. به صفحه یک عنوان بدهید و صفحه را در پوشهٔ Tutorial_Site ذخیره کنید. این‌ها همان مراحلی هستند که به هنگام ذخیره کردن صفحهٔ اول طی کردیم. این دفعه وقتی نوبت به نام‌گذاری پروندهٔ HTML رسید، باید نام پرونده را چیزی غیر از index.html انتخاب کنید. برای آن‌که مرورگر بتواند به درستی یک URL را دنبال کند، هیچ دو پرونده‌ای در یک پوشه، نباید نام یکسان داشته باشند. به خاطر داشته باشید که در نام پرونده از درج فاصله خودداری کنید. در این مثال نام صفحهٔ دوم را second_page.html انتخاب کردیم (به نویسهٔ «_» توجه کنید). اگر همه چیز به خوبی پیش رود، باید صفحهٔ second_page.html را در قسمت site manager ببینید. اگر آن‌جا نیست همان‌طور که حدس زدید، کلیک کردن روی دکمهٔ «Refresh» باید مسئله را حل کند. دقت کنید که صفحهٔ‌ اول هنوز در زبانهٔ خود وجود دارد. کلیک کردن روی یک زبانه، به شما این امکان را می‌دهد که بتوانید صفحه‌ای را که زبانه به آن تعلق دارد ویرایش کنید. روی زبانهٔ صفحهٔ اول کلیک کنید و بخشی از متن را که قرار است به عنوان پیوند به صفحهٔ دوم کار کند انتخاب کنید (متن با کلیک کردن و کشیدن و رها کردن نشانگر موشی انتخاب می‌شود، درست مانند یک برنامهٔ پردازشگر متن). پیوندها را می‌توان به کلمات، جملات، پاراگراف‌ها، نویسه‌های مجزی و یا حتی نویسهٔ فاصله تخصیص داد. این مثال از یک کلمه برای پیوند استفاده می‌کند. کلمه‌ای که پیوند را دربَر خواهد داشت را انتخاب کنید، روی دکمهٔ «Link» در بالا و تقریباً وسط پنجرهٔ NvU کلیک کنید.
پیوند
جعبهٔ محاورهٔ Link Properties ظاهر می‌شود. برای پیوند دادن به صفحهٔ دوم روی دکمهٔ «Choose File» کلیک کنید و پروندهٔ HTML صفحهٔ دوم را انتخاب کنید.
تنظیمات پیوند
نحوه‌ای که مسیر پیوند نوشته می‌شود به مرورگر می‌گوید که آیا پیوند نسبی است یا مطلق. هنگام ایجاد وب‌سایت‌ها بسیار مناسب است که درک کنیم این ایده چگونه کار می‌کند.
هنگامی که از یک رابط گرافیکی استفاده می‌کنید، پرونده‌ها و پوشه‌ها به صورت شمایل‌ها نمایش داده می‌شوند که نمایندهٔ پرونده‌ها و پوشه‌های کامپیوتر شما هستند. HTML نیاز دارد این کار را تنها با متن انجام دهد و از نویسه‌های «/» و «.» و «:» در کنار نام پوشه‌ها و پرونده‌ها برای مشخص کردن محل پرونده‌ها استفاده می‌کند. ترتیبی که متن نوشته می‌شود، ترتیب پوشه‌هایی را نشان می‌دهد که مرورگر باید به آن‌ها داخل شود تا به پروندهٔ مورد نظر دسترسی پیدا کند. URL به این صورت /ben/web/tutorial/index.html/ به یک پرونده (index.html) اشاره می‌کند که در یک پوشه (tutorial) قرار دارد که خود این پوشه داخل پوشهٔ دیگری (web) و آن پوشه نیز در پوشهٔ دیگری (ben) قرار دارند.

اگر یک پروندهٔ تصویری با نام foo.png به پوشهٔ وب اضافه می‌شد، مسیر آن ben/web/tutorial/foo.png/ و نمایش محیط گرافیکی آن این‌طور می‌بود:
مسیر در محیط گرافیکی

همان‌طور که احتمالاً تا به حال متوجه شده‌اید، پوشه‌ها با «/» جدا می‌شوند و پرونده‌ها معمولاً با داشتن یک پسوند (مثلاً png.) در انتهای مسیر مشخص می‌شوند. بالاترین پوشه، پوشهٔ ریشه (root directory) نامیده می‌شود و با یک / تنها مشخص می‌شود. ben/ پوشه‌ای به نام ben است که در پوشهٔ ریشه قرار دارد. اگر یک URL با یک / شروع شود،‌ یک URL مطلق است. URL به پرونده‌های خارج از سایت، مثلاً‌http://www.google.com نیز مطلق هستند. در این مثال، قسمت http در مسیر به مرورگر می‌گوید که با چه زبانی (یا اصطلاحاً پروتکل) باید پرونده را درخواست کند. صفحات وب از پروتکل http استفاده می‌کنند. قسمت www.google.com// مشخص می‌کند که پوشهٔ ریشه، در کجای وب قرار دارد. هر چیزی بعد از http://www.google.com پوشهٔ ریشهٔ‌ وب‌گاه گوگل است. URL به صورت http://www.google.com/mac به پوشهٔ mac در پوشهٔ ریشهٔ وب‌سایت گوگل اشاره می‌کند.
URLهای مطلق تمام اطلاعات مورد نیاز برای دسترسی به یک پرونده را در بر دارند و بخش‌های زیر را شامل می‌شوند:

  • پروتکل
  • نشانی
  • مسیر به پروندهٔ مورد نظر

یک مثال معمول از URL یک صفحهٔ وب http://www.google.com است، که http یک پروتکل است و www.google.com نشانی یک کارگزار است. هر چیزی بعد از این، مسیر دسترسی به پروندهٔ مورد نظر است. در این مثال، هیچ مسیری مشخص نشده است، و کارگزار گوگل باید تصمیم بگیرد که چه چیزی را برای مرورگر بفرستد.
مثال دیگری از یک URL مطلق http://www.dembroski.net/Desktops/photos.html است. در این مثال URL برای پروندهٔ photos.html درخواست می‌فرستد که در پوشهٔ Desktops در در پوشهٔ ریشهٔ وب‌سایت قرار دارد.
امکان این وجود دارد که تمام پیوندهای وب‌سایت را به صورت مطلق ایجاد کنید. در این صورت یک مشکل جدی وجود خواهد داشت. اگر بعدها تصمیم بگیرید که وب‌سایت‌تان را به نشانی جدید منتقل کنید، یا پوشه‌های وب‌سایت را از محل خود جابه‌جا کنید، مجبور خواهید بود که تمام پیوندهای وب‌سایت‌تان را تغییر دهید تا به نشانی‌های جدید اشاره کنند. صفحات وب می‌توانند ده‌ها و شاید صدها پیوند داشته باشند و اگر قرار باشد که با هر بار تغییر دادن یک پوشه، مجبور به تغییر تمام پیوندها باشید، عملیات مدیریت یک وب‌گاه کار غیر ممکنی خواهد بود.
URLهای نسبی کمک می‌کنند که این مشکل حل شود. به جای یک پروتکل و نشانی، نشانی URLهای نسبی از محلی آغاز می‌شود که پرونده در آن قرار دارد. این نشانی‌ها از آن‌جا شناخته می‌شوند که هیچ پروتکلی در ابتدای نام URL ندارند. در مورد وب‌گاه Tutorial_Site که در حال ساختش هستیم، وارد کردن second_page.html بدونhttp://www.tutorial-site.com در کنار آن، به مرورگر می‌گوید که URL نسبی است و مرورگر باید به دنبال پروندهٔ second_page.html در همان پوشه‌ای که پروندهٔ index.html (پرونده‌ای که پیوند در آن قرار دارد) است بگردد.
پیوند نسبی

بیایید یک پیوند به یک URL مطلق اضافه کنیم که تفاوت را ببینیم. عموماً URLهای مطلق تنها زمانی باید استفاده شوند که به یک پرونده خارج از وب‌گاه پیوند می‌دهید.
مقداری متن که در مورد پیوند توضیح می‌دهد وارد کنید، بخشی از متن را که شامل پیوند می‌شود انتخاب کنید و روی دکمهٔ «Link» در بالای پنجرهٔ NvU کلیک کنید. هنگامی که پنجرهٔ Link Properties باز شد، URL مطلق را برای پیوند وارد کنید.
همچنین می‌توانید پیوندها را به تصاویر اضافه کنید. برای آن‌که تصویر پنیر را تبدیل به یک پیوند به وب‌سایت تصاویر رومیزی کنید، روی تصویر یک بار کلیک کنید. با مربع‌های کوچک سفید رنگی (به نام دستگیره‌ها)، پررنگ می‌شود.
پیوند از تصویر

هنگامی که تصویر انتخاب شده باشد، اضافه کردن پیوند به تصویر درست مانند اضافه کردن پیوند به متن است. روی دکمهٔ «Link» کلیک کنید و مراحلی که در بالا توضیح داده شد را تکرار کنید. فقط برای سادگی، به پیوند همان URL را می‌دهیم (http://www.dembroski.net/Desktops/photos.html).
حالا زمان خوبی است که وب‌سایت را با یک مرورگر وب مشاهده کنیم و ببینیم که چه‌طور به نظر می‌رسد و مطمئن شویم که پیوندها کار می‌کنند. بسته به سیستم‌عامل شما و این‌که چگونه تنظیم شده است، چند راه برای این‌کار وجود دارد. بالای پنجرهٔ NvU یک دکمهٔ «Browse» وجود دارد. کلیک کردن روی این دکمه باید مرورگر وب پیش‌فرض سیستم شما را اجرا کند و صفحهٔ مورد نظر را نمایش دهد. اما ممکن است به دلایلی این کار را نکند. خوشبختانه راهی وجود دارد که مستقل از سیستم‌عامل و مرورگری که شما استفاده می‌کند، به هر حال کار می‌کند.
مرورگر مورد علاقهٔ خود را اجرا کنید. در این راهنما از فایرفاکس استفاده شده است که می‌توان آن را به صورت رایگان از نشانی www.mozilla.org بارگیری کرد و روی لینوکس، OS X و ویندوز نصب می‌شود. وقتی که مرورگر اجرا شد، تنها کاری که باید انجام داد باز کردن پروندهٔ index.html، به مانند باز کردن هر پرونده‌ای در هر برنامهٔ دیگری است. از نوای منوی برنامه، روی File > Open File کلیک کنید. یک جعبهٔ محاوره ظاهر می‌شود. به پوشهٔ Tutorial_Site بروید و پروندهٔ index.html را انتخاب کنید. باید چیزی شبیه این را ببینید:
فایرفاکس
اگر تمام لینک‌ها را به درستی تنظیم کرده باشید، باید هنگامی که در مرورگر روی آن‌ها کلیک می‌کنید کار کنند. کلیک کردن روی تصویر باید همان صفحه‌ای را باز کند که کلیک کردن روی آخرین لینک (همان که کلمهٔ «Here» را دارد).
بله! شما یک وب‌سایت عملی (ولی نه خیلی هیجان‌انگیز) ساختید. ببینیم می‌توانیم کمی به آن جلوه بدهیم یا نه.

محتویات این صفحه تحت اجازه‌نامه کریتیو کامانز است.