اگر میخواید خلاصه و خیلی سریع بدانید که یک وب سایت چیست چند خط زیر را بخوانید:
مجموعه ای از چند فایل متنی و تصویری کنار همدیگر که مثل تار عنکبوت همیشه به هم وصل هستند را به وب سایت می گویند.
فهرست مطالبی که قرار است در این راهنمای وب سایت چیست:
- وب سایت چیست و چطور کار میکند
- زبان های اصلی ساخت وب سایت
- زبان نشانه گذاری HTML
- زبان استایل دهی CSS
- وب سایت چطور کار میکند
- زبان برنامه نویسی چیست
- بهترین نرم افزار طراحی سایت
- یادگیری طراحی سایت در کمترین زمان
راهنمایی کامل سایت چیست ؟
عملاً وب به معنی تار عنکبوت است و سایت رو هم می توان به یک مرکز تشبیه کرد، لذا اگر بخواهم معنی لغوی این کلمه را بگم می توان گفت وبسایت به معنی مرکز تار است!
مرکزی که در آن چندین فایل مختلف بدون محدودیت در تعداد به صورت مداوم با هم در ارتباط و تبادل اطلاعات هستند.
حال این فایل ها هر کدام یک محتوای خاص را در مرورگر نمایش میدهند و با کمک آن محتوا به فایل های دیگر وصل شده اند.
اما این محتوا چطور نمایش داده می شود و چطور مرورگر می فهمد که چه چیزی را باید به کاربر نمایش دهد.
فایل های متنی که وب سایت را ساخته اند تمام فایل های کد نویسی شده هستند یعنی فایل هایی که داخل آن ها صدها خط کد نوشته شده است تا بتوان یک محتوای خوانا و قابل فهم را به کاربر نمایش بدهند.
این کدها با چند زبان نشانه گذاری و برنامه نویسی نوشته شده که در زیر به آنها اشاره می کنیم.
زبان های اصلی ساخت وب سایت
اصلی‌ترین و مهمترین زبان هایی که باعث ساخت وب سایت می شوند دو زبان HTML و CSS هستند،
هر سایتی که شما می‌بینید برای استثنا ساختار و ظاهر آن را با این دو زبان یعنی زبان HTML و CSS ساخته‌اند.
دقت داشته باشید که این دو زبان، زبان برنامه نویسی نیستند بلکه زبان نشانه گذاری و ظاهر یا استایل دهی به وب سایت هستند، جزئیات آن را پایین تر گفتم.
زبان نشانه گذاری HTML
HTML مخفف عبارت HyperText Markup Language به معنی زبان نشانه گذاری فرامتن است، در اصل زبانی است که با آن صفحه وب را نشانه گذاری می کنیم یعنی می گوییم در ابتدا یک کادر جستجو نمایش داده شود و بعد یک سری دکمه یا لینک نمایش داده شود و به همین شکل تا انتهای صفحه را می‌گوییم که چه چیزی قرار است نمایش داده شود. اما دقت داشته باشید که با HTML فقط می گوییم چه چیزی دیده شود اما در مورد ظاهری آن چیزی نمی نویسیم یعنی اینکه کادر جستجوی که در ابتدای صفحه گذاشتیم به چه شکل دیده شود بزرگ باشد یا کوچک، وسط باشد یا سمت راست را با HTML مشخص نمی کنیم.
برای ظاهر و استایل دهی از زبان CSS استفاده می کنیم.
زبان استایل دهی CSS
زبان سی اس اس اصلی ترین زبانی است که با آن می توان به تمام آیتم هایی که با HTML قبلاً ساخته ایم ظاهر و استایل بدهیم
یعنی با کمک زبان CSS می توانیم بگوییم که آن کادر جستجو که با HTML قبلاً ساخته شده است بزرگتر باشد رنگ پس زمینه آن طوسی باشد و وقتی کاربر روی آن کلیک کرد رنگ آن به سفید تغییر کند.
پس هر گونه ظاهر و استایلی که روی آیتم ها و المان های وب می‌بینید با CSS ایجاد شده‌اند
توضیح خلاصه
اگر خلاصه بخواهیم بگوییم HTML را می توانیم به استخوان های بدن انسان تشبیه کنیم که فقط ساختار بدن را ایجاد کرده‌اند و CSS را میتوانیم به گوشت پوست و مو تشبیه کنیم که ظاهر بدن را ایجاد کرده است.
پس تا به اینجا فهمیدیم که وب سایت چیست و چطور صفحات و ساختار اصلی آن ساخته می شود و در نهایت کاربر می تواند آن را ببیند.
در ادامه با نحوه کار کردن یک سایت آشنا خواهیم شد و یاد خواهیم گرفت که چطور برای مثال یک جستجو در گوگل انجام می شود.
وب سایت چطور کار میکند؟
در توضیحات بالا یاد گرفتیم که ظاهر یک سایت با کمک دو زبان HTML و CSS ساخته می شود اما مسئله کوچکی جا مانده است
فرض کنید ما وارد سایت گوگل شده ایم و قصد داریم یک عبارت را جستجو کنیم عبارت را در کادر جستجو می نویسیم و بعد اینتر را میزنیم یا روی دکمه جستجو کلیک می کنیم
تا قبل از کلیک کردن همه HTML و CSS بودند، اما بلافاصله بعد از کلیک در کمتر از یک ثانیه عملیات خاصی توسط یک یا چند زبان برنامه نویسی بر روی سایت انجام می شود.
زبان برنامه نویسی چیست؟
قبل از شروع اجازه بدهید بدانیم اصلاً زبان برنامه نویسی چیست و چه تفاوتی با html و css دارد
کد هایی که یک عملیات خاص را انجام می دهد را، زبان برنامه نویسی می گوییم
یعنی اگر من عبارت دو بعلاوه دو را داشته باشم زبان برنامه نویسی عملیات جمع را انجام می دهد و پاسخ آن را یعنی عدد ۴ را به من بر می گرداند
حالا در مثال قبل “جستجو” هم یک عملیات است وقتی من درخواست جستجو به گوگل می دهم در پس زمینه این موتور جستجوی بزرگ یک زبان برنامه نویسی عملیات جستجو و پیدا کردن چیزی که من به دنبال آن هستم را انجام می دهد
برای اطلاعات بیشتر پیشنهاد می کنیم که مقاله موتور جستجوگر چیست را مطالعه نمایید.
انواع اقسام زبان های برنامه نویسی داریم که در زیر به برخی از محبوب ترین آنها اشاره می کنیم
- زبان برنامه نویسی php
- زبان برنامه نویسی مای اس کیو ال
- زبان برنامه نویسی پایتون
- زبان برنامه نویسی گو
- زبان برنامه نویسی asp
- و …
هر کدام از زبانهای بالا با ساختار مخصوص به خود، همان عملیات جستجو را می توانند انجام دهند تنها تفاوت این زبان ها نوع نوشتن آن ها است، یکی ساده تر و قابل فهم تر است و دیگری ممکن است کمی پیچیده تر باشد یکی به زبان انسان نزدیکتر است و دیگری ممکن است عبارت های مخصوص به خود را داشته باشد.
جزئیات کامل را می توانید در سایت W3Schools.com پیدا کنید.
برگردیم به بحث اصلی، گفتیم وقتی کلیک انجام می شود، زبان برنامه نویسی، در پس زمینه جستجو در گوگل را انجام می دهد، اما این کار چطور انجام میشود؟
وقتی کاربر عبارت را می نویسد و سپس کلیک می کند:
- زبان برنامه نویسی مثلا زبان PHP عبارت را از HTML می گیرد و به سراغ مرکزی به نام پایگاه داده می رود جایی که تمام اطلاعات سایت در آن ذخیره می شود.
- آن عبارت را به زبان برنامه نویسی MySQL می دهد و از او می‌خواهد که آن عبارت را در پایگاه داده جستجو کند و نتیجه به دست آمده را در ظرفی بگذارد و به PHP برگرداند
- PHP آن نتیجه یا نتیجه ها را در قالب یک لیست به HTML و CSS می دهد،
- در نهایت این دو زبان نشانه گذاری و ظاهر دهی، لیست دریافت شده را زیبا می کنند و در صفحات ده تایی آنها را می چینند و با رنگ آمیزی محتویات لیست را برای کاربر نهایی قابل فهم می کنند
در نهایت وب سایت گوگل کار خود را انجام می دهد و کاربر با رضایت کامل به نتیجه خود میرسد.
ساده ترین توضیح ممکن برای کار کردن یک وب سایت توضیح بالا بود اما اگر همچنان نیاز به توضیح بیشتر دارید می توانید همین حالا درخواست راهنمایی رایگان ثبت کنید تا ما رایگان با شما تماس بگیریم و بیشتر راهنماییتان کنیم
