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

آدرس Absolute در مقابل آدرس Relative؛ طراحی سایت

آدرس Relative

آدرس Relative یک آدرس جزئی است و مربوط به صفحه ای است که لینک شما در آن قرار داده شده است. درنتیجه، اگر شما از صفحه index.html سایت خود به صفحه bookcase.html لینک داده شوید آدرس Relative مانند زیر خواهد بود:

products/bookcases.html

و تگ این لینک بدین ترتیب خواهد بود:

<a href="products/bookcases.html">Check out our bookcases!</a>

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

با مثالی دیگر، این مطلب را بیشتر توضیح می دهیم:

فرض کنید می خواهید از صفحه index.html به صفحه contact.html لینک شوید. در نتیجه تگ این لینک به شکل زیر می شود:

<a href="contact.html">Contact us</a>

از آنجایی که صفحه contact.html هم سطح صفحه index.html است تنها باید اسم فایل html را در آدرس لینک آورد.

خلاصه فرآیند طراحی سایت

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

مرحله اول) تعیین هدف برای طراحی سایت

با آغاز پروژه طراحی سایت، اولین اقدام تعیین اهداف از ساخت یک سایت است. اطلاع از اهداف تاثیر مثبتی بر انتخاب چیدمان سایت می گذارد. واضح است که بسیاری از سایت ها بدون در نظر گرفتن هدف و برنامه ریزی طراحی شده و درنهایت به هیچ موفقیتی دست نیافته اند. حفظ این گونه سایت از دشواری بالایی برخوردار خواهد بود. بنابراین، چنانچه هدف شما از طراحی فروشگاه آنلاین فروش محصولات باشد، بعنوان یک طراح سایت باید نکات زیر را در نظر بگیرید:

۱. آیا مایل به استفاده از پرداخت آنلاین و کارت اعتباری هستید؟

۲. آیا نیاز به سیستم خرید فروشگاهی برای ثبت سفارشات دارید؟

۳. چند آیتم از طریق سایت به فروش می رسد؟

مرحله دوم) نمودار ساختار یک وب سایت

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

منبع: www.how-to-build-websites.com