این ترجمه ناقص است. لطفاً در ترجمه این مقاله از انگلیسی کمک کنید.

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

مقدمه ای در مورد ساخت اولین سایت توسط شما

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

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

آموزش نصب نرم افزارهای مورد نیاز

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

می خواهید ظاهر سایت شما چگونه باشد؟

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

کار با فایل ها

یک وب سایت می تواند حاوی فایل های زیادی باشد. مثل فایل های متنی، یا فایل های حاوی کد، استایل ها یا فایل های رسانه ای و یا چیزهای دیگر. 

 

مقدمات HTML

Hypertext Markup Language یا به اختصار HTML، کدی است که برای ساخت محتوای وب سایت خود از آن استفاده می کنید، و برای آن معنی و هدف بوجود می آورد. مثلاً تعیین می کند که محتوای اینجا مجموعه ای از پاراگراف ها است یا لیستی با نقطه هایی در اول آن؟ آیا در صفحه ام تصویری دارم یا نه؟ آیا اطلاعات جدولی دارم؟ بطور خلاصه مقدمات HTML شما را به صورت کلی با HTML آشنا می کند.

مقدمات CSS

Cascading Stylesheets یا بصورت خلاصه CSS کدی است که برای ساخت ظاهر وب سایتتان از آن استفاده می کنید. مثلاً می خواهید متن سیاه باشد یا قرمز؟ محتوا در کجای صفحه نمایش قرار بگیرند؟ چه تصویر پس زمینه یا رنگ هایی  برای زیبایی وب سایتتان استفاده شود؟ مقدمات CSS دقیقا می گوید که برای شروع چه کار باید انجام دهید.

مقدمات JavaScript

JavaScript زبان برنامه نویسی است که از آن برای افزودن قابلیت های تعاملی به وب سایتتان استفاده می کنید. مثلاً در بازی ها، بعد از زدن یک کلید یا وارد کردن اطلاعات در فرم ها، چیزی اتفاق می افتد، قسمتی تغییر ظاهر می دهد، انیمیشنی صورت می گیرد، و خیلی چیز های دیگر. مقدمات JavaScript ایده اولیه که با این زبان مهیج چه کارهایی را می توانید انجام دهید و چطور کار با آن را شروع کنید را در اختیارتان قرار می دهد.

انتشار وب سایت

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

وب چطور کار می کند

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

Document Tags and Contributors

Contributors to this page: sbaloot, TheArashM, Mahdi-Abedi, bz-com, chrisdavidmills
Last updated by: sbaloot,