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

مرحله اول: نوشتن کدهای ‌HTML؛ساخت صفحه HTML در طراحی سایت

در ویرایشگر متن Notepad متن زیر را تایپ نمایید (برای ایجاد فایل html در سیستم مک از PDF استفاده نمایید):

مرحله دوم: ذخیره سازی فایل در قالب HTML؛ ساخت صفحه HTML در طراحی سایت

فایل HTML را بوسیله ویرایشگر متن ذخیره نمایید و نام آن را webPage.html انتخاب نمایید.

البته برای انتخاب نام با توجه به چهار قانون زیر می توانید هر اسمی را انتخاب کنید:

۱. در اسامی صفحات وب نباید فاصله وجود داشته باشد مانند: web page.html

۲. اسم باید به فرمت html. یا htm. باشد؛ با استفاده از این فرمت، به کامپیوتر اعلام می کنیم که این فایل یک صفحه سایت است و برای مشاهده آن باید از مرورگر یا نرم افزاری ای قادر به خواندن صفحه وب باشد، استفاده کرد.

۳. از علائمی مانند $, %,^,& در نام صفحه استفاده نکنید و تنهابه حروف و اعداد اکتفا نمایید.

۴. در Notepad، فایل را به فرمت UTF-8 ذخیره نمایید.

فایل ایجاد HTML در سیستم Mac OSX

مرحله سوم: مشاهده صفحه خود؛ ساخت صفحه HTML در طراحی سایت

در این مرحله، شما قادر خواهید بود که روی صفحه خود دوبار کلیک نمایید یا با رفتن به منوی “فایل” و  انتخاب گزینه “باز کردن فایل” صفحه خود را انتخاب نموده و در مرورگر مشاهده نمایید. چنانچه نمی توانید صفحه خود را ببینید، فایل HTML نوشته شده را با نمونه داده شده در بالا مقایسه کنید و روند نوشتن کدها را دوباره تکرار نمایید را اشکال کار برطرف شود. صفحه نهایی در اینجا آورده شده است که می توانید صفحه خود را با آن مقایسه نمایید.

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

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