اگر تازه وارد وب شده اید Ùˆ تازه وارد دنیای برنامه نویسی شده اید ØŒ طراØÛŒ سایت Øتماً کلمه طراØÛŒ وب را بارها Ùˆ بارها شنیده اید. شرکت طراØÛŒ سایت Ùˆ اØتمالاً از خود پرسیده اید Ú©Ù‡ طراØÛŒ وب چیست؟ هنوز ممکن است تÙاوت بین اصطلاØات طراØÛŒ وب Ùˆ طراØÛŒ سایت برنامه نویسی وب را درک نکرده باشید. در این مقاله Ùˆ آموزش تصویری ØŒ ما به طور کامل به سوال "طراØÛŒ وب چیست" پاسخ خواهیم داد Ùˆ برخی Ù…Ùاهیم دیگر را ØªÙˆØ¶ÛŒØ Ø®ÙˆØ§Ù‡ÛŒÙ… داد Ùˆ منابع Ù…Ùیدی برای مطالعه آنها معرÙÛŒ خواهیم کرد.
طراØÛŒ وب چیست؟
در مقاله ای به نام برنامه نویسی چیست ØŒ ما توضیØات ساده ای در طراØÛŒ سایت برنامه نویسی ارائه دادیم. در این آموزش Ù…ÛŒ خواهیم به این سوال پاسخ دهیم: طراØÛŒ وب چیست؟
اگر به دنبال پاسخی بسیار ساده اما طراØÛŒ سایت کاربردی برای سوال خود در مورد طراØÛŒ وب هستید ØŒ Ùیلم زیر را تماشا کنید
شبکه چیست؟
اگر Ù…ÛŒ خواهیم به این سوال پاسخ دهیم Ú©Ù‡ طراØÛŒ وب چیست ØŒ طراØÛŒ سایت ابتدا باید بدانیم Ú©Ù‡ شبکه چیست Ùˆ شبکه را Ú†Ù‡ نامیده Ù…ÛŒ شود. موارد زیر یک تعری٠بسیار ساده (Ùˆ شاید تا Øدی از نظر ÙÙ†ÛŒ نادرست) از یک شبکه است:
شبکه جهانی وب یا به اختصار www ØŒ همان چیزی است Ú©Ù‡ امروزه آن را اینترنت Ù…ÛŒ نامیم. امروز از طریق طراØÛŒ سایت یک مرورگر Ùˆ با اتصال به این شبکه جهانی Ù…ÛŒ توانیم به تمام اطلاعات موجود در آن دسترسی پیدا کنیم.
اگر به دنبال یک تعری٠بسیار جامع Ùˆ تخصصی هستید ØŒ صÙØÙ‡ وب جهانی در ویکی پدیا ممکن است برای شما Ù…Ùید باشد. اما این تعری٠ساده کاÙÛŒ است طراØÛŒ سایت تا بدانید اینترنت مکان داده ای است Ú©Ù‡ Ù…ÛŒ توانیم به آن متصل شویم.
وب سایت چیست؟
هنگامی Ú©Ù‡ به س webال وب پاسخ دادیم ØŒ به وب سایت Ù…ÛŒ رسیم. طراØÛŒ سایت Øتما نام وب سایت را بارها شنیده اید. من Ù…ÛŒ خواهم Ù…Ùهوم وب سایت را با یک مثال ØªÙˆØ¶ÛŒØ Ø¯Ù‡Ù….
همانطور Ú©Ù‡ ما یک قطعه زمین را برای زندگی یا تجارت در دنیای واقعی اجاره Ù…ÛŒ کنیم ØŒ اینترنت نیز همین کار را Ù…ÛŒ کند. این بدان معناست Ú©Ù‡ Ù…ÛŒ توانیم بخشی از اینترنت را اجاره کنیم Ùˆ آن قسمت را برای مدتی طراØÛŒ سایت در اختیار خودمان قرار دهیم. بخشی را Ú©Ù‡ در اینترنت اجاره Ù…ÛŒ کنیم Ùˆ برای مدتی به ما تعلق Ù…ÛŒ گیرد وب سایت نامیده Ù…ÛŒ شود. در واقع ØŒ وب سایت ها سرزمین های ما در اینترنت هستند Ú©Ù‡ Ù…ÛŒ توانیم به روش های مختلÙÛŒ از آنها استÙاده کنیم.
طراØÛŒ وب چیست؟
همچنین با Ù…Ùهوم وب سایت آشنا شدیم. اکنون به طراØÛŒ سایت بخشی رسیدیم Ú©Ù‡ در مورد میانگین صØبت Ù…ÛŒ کنیم: طراØÛŒ وب چیست؟
همانطور Ú©Ù‡ در دنیای واقعی برای زیبایی خانه از Ú¯Ú† ØŒ رنگ ØŒ کابینت ØŒ وسایل خانه Ùˆ ... استÙاده Ù…ÛŒ کنیم ØŒ در دنیای اینترنت نیز Ù…ÛŒ توانیم از ابزارهایی طراØÛŒ سایت برای زیباسازی سایت خود استÙاده کنیم. از طر٠دیگر ØŒ در دنیای آنلاین ما به ابزارهایی مجهز شده ایم Ú©Ù‡ Ù…ÛŒ توانیم ابتدا سایت خود را بسازیم Ùˆ سپس آن را زیبا کنیم.
در دنیای واقعی ابتدا زمینی را اجاره یا خریداری Ù…ÛŒ کنیم ØŒ طراØÛŒ سایت سپس از بتن ØŒ سیمان ØŒ نوار گرد ØŒ آجر Ùˆ ... استÙاده Ù…ÛŒ کنیم Ùˆ در آخر آن را با Ú¯Ú† ØŒ رنگ ØŒ سرامیک ØŒ Ú©Ùپوش Ùˆ ... تزئین Ù…ÛŒ کنیم. در دنیای وب نیز دقیقاً به همین ترتیب است. ابتدا سایت خود را Ù…ÛŒ سازیم Ùˆ سپس با Ú©Ù…Ú© ابزار آن را زیبا Ù…ÛŒ کنیم.
بنابراین در پاسخ به این سوال Ú©Ù‡ طراØÛŒ وب چیست ØŒ Ù…ÛŒ توانیم خیلی ساده بگوییم: طراØÛŒ سایت به هرچیزی Ú©Ù‡ به وب سایت ما Ú©Ù…Ú© کند بهتر Ùˆ زیباتر به نظر برسد ØŒ طراØÛŒ وب Ú¯Ùته Ù…ÛŒ شود.
Ø·Ø±Ø§Ø ÙˆØ¨ Ù†Øوه نمایش عناصر مختل٠وب سایت مانند متن ØŒ تصاویر ØŒ پیوندها Ùˆ غیره Ùˆ مکان هر بخش از سایت مانند آرم ØŒ طراØÛŒ سایت مقالات ØŒ منو Ùˆ غیره را در وب تعیین Ù…ÛŒ کند. صÙØÙ‡
طراØÛŒ وب را با برنامه نویسی وب اشتباه نگیرید!
یک اشتباه رایج Ú©Ù‡ تازه کارها مرتکب Ù…ÛŒ شوند این است Ú©Ù‡ طراØÛŒ وب را با برنامه نویسی وب اشتباه Ù…ÛŒ گیرند. در صورتی Ú©Ù‡ این دو Ù…Ùهوم کاملاً متÙاوت از یکدیگر هستند Ùˆ نباید از آنها در جای دیگری استÙاده شود.
طراØÛŒ وب مجموعه وظایÙÛŒ است طراØÛŒ سایت Ú©Ù‡ زیبایی سایت را ایجاد Ù…ÛŒ کند. در واقع ØŒ هر آنچه کاربر در صÙØÙ‡ مانیتور شما با آن روبرو Ù…ÛŒ شود Ùˆ Ù…ÛŒ بیند ØŒ نتیجه طراØÛŒ وب Ùˆ کار یک Ø·Ø±Ø§Ø ÙˆØ¨ است. در Øقیقت ØŒ وظیÙÙ‡ اصلی Ø·Ø±Ø§Ø ÙˆØ¨ طراØÛŒ مواردی است Ú©Ù‡ کاربران Ù…ÛŒ توانند با آنها تعامل مستقیم داشته Ùˆ از طریق مانیتور خود مشاهده کنند.
اما برنامه نویسی وب متÙاوت است. یک توسعه دهنده وب کدی را Ù…ÛŒ نویسد Ú©Ù‡ کاربر قادر به دیدن آن نیست طراØÛŒ سایت Ùˆ این کد به طور مستقیم بر ظاهر سایت تأثیر نمی گذارد Ùˆ در پشت صØنه کار Ù…ÛŒ کند ØŒ به عنوان مثال مقالات را از یک پایگاه داده در پشت صØنه Ù…ÛŒ گیرد Ùˆ به کاربر نشان Ù…ÛŒ دهد.
Ú†Ù‡ کسی Ø·Ø±Ø§Ø ÙˆØ¨ است Ùˆ Ú†Ù‡ مسئولیت هایی دارد؟
تاکنون طراØÛŒ سایت در مورد طراØÛŒ وب صØبت کردیم Ùˆ اکنون پاسخگویی به این سوال "طراØÛŒ وب چیست" برای ما کار چندان سختی نیست. اکنون Ù…ÛŒ خواهیم در مورد وظای٠یک Ø·Ø±Ø§Ø ÙˆØ¨ Ùˆ آنچه یک Ø·Ø±Ø§Ø ÙˆØ¨ باید انجام دهد صØبت کنیم.
Ø·Ø±Ø§Ø ÙˆØ¨ شخصی است Ú©Ù‡ از ÙÙ† آوری های مختل٠(مانند HTML ØŒ CSS ØŒ Javascript Ùˆ ...) برای طراØÛŒ ظاهر یک سایت استÙاده Ù…ÛŒ کند Ùˆ هیچ ارتباطی با کد پشت صØنه ندارد.
شاید از خود بپرسید Ú©Ù‡ Front End طراØÛŒ سایت چیست Ùˆ تÙاوت آن با Back End چیست. این سوال بسیار خوبی است Ú©Ù‡ قطعاً در Ùیلم ها Ùˆ مقالات آموزشی آینده در مورد آن صØبت خواهیم کرد.
زبانهای طراØÛŒ وب
همانطور Ú©Ù‡ در بخش قبلی ذکر شد ØŒ طراØÛŒ سایت یک Ø·Ø±Ø§Ø ÙˆØ¨ از Ùناوری ها Ùˆ زبان های برنامه نویسی مختلÙÛŒ برای طراØÛŒ صÙØات وب استÙاده Ù…ÛŒ کند.
Ø·Ø±Ø§Ø ÙˆØ¨ از Ùناوری های طراØÛŒ سایت زیر برای طراØÛŒ یک صÙØÙ‡ وب استÙاده Ù…ÛŒ کند:
HTML (یا HTML5)
CSS (یا CSS3)
جاوا اسکریپت
JQuery
Ùˆ ...
چهار عنصر ذکر طراØÛŒ سایت شده در بالا Øداقل شناخته شده هستند