آناتومی یک وب‌سایت

در پایین‌ترین سطح، یک وب‌سایت چیزی نیست به جز مجموعه‌ای از پرونده‌ها که به گونه‌ای نوشته شده‌اند که یک مرورگر وب بتواند آنها را تفسیر (یا اصطلاحاً تجزیه) کند. برای این‌که تمام مرورگرها بتوانند این پرونده‌ها را تفسیر کنند، باید آن‌ها را با روش مشخصی نوشت. این روش مشخص، HTML یا HyperText Markup Language نام دارد. از آنجایی که HTML چیزی نیست به جز یک پروندهٔ متنی که با قالب ویژه‌ای نوشته شده است، تنها چیزی که برای ساختن صفحات وب لازم است یک ویرایشگر متن است. ساختن صفحات وب به این شیوه نیازمند آگاهی داشتن از قالب HTML است. با وجود این‌که یادگیری HTML کار چندان سختی نیست، بسیاری ترجیح می‌دهند که از محیط گرافیکی برای ساخت صفحات وب استفاده کنند. برنامه‌هایی مانند NvU با نوشتن کُد‌های HTML به جای شما، به کاربران اجازه می‌دهند که به سادگی بتوانند وب‌گاه‌های عملیاتی بسازند.
ایجاد صفحات وب با استفاده از NvU مشابه کار کردن با یک پردازشگر متن است. درحالی‌که این موضوع یادگیری برنامه را برای بسیاری از افراد آسان‌تر کرده است، در پس این شیوهٔ کار کردن مشکلاتی نهفته است. قسمت HyperText از HTML بخشی است که پیوند دادن بین صفحات را ممکن کرده است، و درک کردن چگونگی عمل کردن پیوندها پیش از ایجاد یک وب‌گاه موفق مسئلهٔ بسیار مهمی است. من به طور مختصر شما را با این موضوع آشنا می‌کنم، اما برای توضیح کامل‌تری در مورد اینکه این مسایل چگونه کار می‌کنند به پیوندهای انتهای راهنما مراجعه کنید.
مهمترین نکته هنگامی که یک وب‌سایت ایجاد می‌کنید این است که مطمئن باشید محلی که شما پرونده‌های خود را ذخیره می‌کنید ثابت است. پشتکار داشتن در مدیریت مناسب پرونده‌ها ساعت‌های بی‌شماری در وقت شما هنگامی که وب‌سایت بزرگ شد صرفه‌جویی می‌کند. در این راهنما با هم به نحوهٔ مدیریت پرونده‌ها نگاهی می‌اندازیم. می‌توانید این ساختار را با استفاده از Site Manager که در سمت چپ پنجرهٔ NvU قرار دارد، مشاهده کنید.
با وجود اینکه هنوز پرونده‌های زیادی وجود ندارد، پوشه‌های جداگانه‌ای برای تصاویر و سبک‌های مربوط به وب‌گاه وجود دارد. همان‌طور که به زودی خواهید دید مدیریت پرونده‌ها با این روش کار تغییر و گسترش وب‌سایت را تقریباً بدون دردسر می‌کند. پرونده‌های با پسوند html. تمام اطلاعات و پیوندهایی را که مرورگرهای وب نیاز دارند که صفحات را درست نمایش دهند شامل می‌شوند.
وقتی برای اولین بار با استفاده از NvU یک وب‌گاه طراحی می‌کنید، بهتر است یک پوشه در کامپیوتر خود ایجاد کنید که تمام پرونده‌های مورد نیاز وب‌سایت در آن قرار می‌گیرند. این پوشه نباید به جز پرونده‌های مورد نیاز برای نمایش وب‌سایت، شامل چیز دیگری باشد. با ذخیره کردن تمام پرونده‌های مورد نیاز وب‌سایت در یک پوشه، عملیات انتقال پرونده‌ها به یک کارگزار بسیار ساده می‌شود. می‌توانید بدون ترک کردن NvU این کار را انجام دهید.

در قسمت Site Manager روی دکمهٔ «Edit Sites» کلیک کنید. پنجرهٔ دیگری به نام Publish Settings نمایش داده می‌شود. در بخش Publishing Server روی دکمهٔ «Select Directory»کلیک کنید:
یک پوشه (Directory) ایجاد کنید و در پنجرهٔ محاوره‌ای که نمایش داده می‌شود، آن را انتخاب کنید. من نام پوشهٔ خودم را Tutorial_Site گذاشتم. به نویسهٔ «_» در نام پوشه دقت کنید. مطابق یک قانون کلی، نویسهٔ فاصله در نام پوشه‌ها و پرونده‌های وب‌گا‌ه‌ها چیز خوبی نیست. اگر می‌خواهید فاصله داشته باشید، از نویسهٔ «_» استفاده کنید.
در پنجرهٔ Publish Settings برای وب‌سایت یک نام در قسمت Site Name  اضافه کنید. همچنین باید نام پوشه‌ای که در قسمت Publishing Server ساختید را ببینید. نگران باقی جعبه‌ها نباشید؛ زمانی که بخواهید وب‌گاه خود را روی شبکهٔ وب انتشار دهید باید آن‌ها را پُر کنید. در حال حاضر تنها کاری که باید بکنیم، برپاساختن وب‌سایت‌تان بر روی کامپیوتر خودتان است. اگر همه‌چیز خوب به نظر می‌رسد، روی «OK» کلیک کنید.
حالا باید نام وب‌سایت را در site manager ببینید. همین‌طور که وب‌سایت را آماده می‌کنید، تمام پرونده‌هایی که می‌سازید (و نه هیچ چیز دیگری) در این پوشه قرار می‌گیرند.
حال زمان آن است که یک پوشه ایجاد کنیم که تمام تصویرهایی که در وب‌سایت نمایش داده می‌شوند، در آن قرار بگیرند. بر روی نام وب‌سایت در site manager کلیک کنید تا انتخاب شود. می‌بینید که شمایل‌ها در قسمت site manager رنگی می‌شوند. روی شمایلی که به شکل یک پوشه است کلیک کنید.
یک پنجرهٔ محاوره‌ای ظاهر می‌شود. برای نام پوشه Images را وارد کنید و روی دکمهٔ «OK» کلیک کنید. اکنون باید بتوانید نام پوشهٔ Images را در زیر نام وب‌سایت در قسمت site manager ببینید. اگر این پوشه آن‌جا نیست، روی شمایل Refresh که کنار شمایل پوشه‌ای است که هنگام ایجاد پوشهٔ جدید روی آن کلیک کرده بودید، کلیک کنید.

مبارک است! شما ساختار پوشه‌ای پایه را برای یک وب‌سایت موفق دارید. حالا زمان اضافه کردن کمی محتوا است. با اولین صفحهٔ وب‌سایت شروع می‌کنیم که کمی متن و یک تصویر خواهد داشت.

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