MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

شروع کار با وب

This translation is incomplete. Please help translate this article from English.

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

داستان اولین وب سایت شما

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

با کار کردن بر روی مقالات لیست شده در زیر، می توانید از هیچ، به سمت اولین وب سایت آنلاین خود حرکت کنید. پس بزن بریم!

نصب نرم افزارهای پایه

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

وب سایت شما چه شکلی است؟

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

سروکله زدن با فایل ها

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

مقدمات HTML

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

مقدمات CSS

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

مقدمات JavaScript

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

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

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

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

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

Document Tags and Contributors

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