اولین قدم در فرآیند طراحی سایت گزینش زبان برنامه نویسی پسندیده است. پیش از آغاز پروژه طراحی سایت باید بدانید به چه امکاناتی در سایت خود احتیاج دارید و این امکانات با استفاده از کدام زبان برنامه نویسی قابل اجرا است.
در ماضی دربارهی برخی زبانهای رایج در طراحی سایت، در مقالههای تاریخچه طراحی سایت و اصطلاحات رایج در میزبانی وب نوشتیم. اما در این نوشتار به چهره کامل به رسیدگی زبانهای قابل کاربرد در طراحی سایت میپردازیم.
یک طراح سایت مشابه معمار عمل می کند. وظیفهی طراحی سایت و ساختار اصلی آن بر عهده طراح است. طراحان سایت به دو دسته دسته می شوند :
Frontend developer: طراحی بخشی از سایت که کاربر آن را تماشا می کند و به زبانهای html ،java ،css است.
Backend developer: طراحی ساختار سایت در پشت صحنه، مشابه بانکهای اطلاعاتی، محل حفاظت فایلها و اطلاعات کاربران که با زبانهای Php ،Asp ،Ruby ،Python نوشته می شوند.
به طراحانی که از ساختار لغایت طراحی ظاهری و راه اندازی نهایی،طراحی سایت را اتمام می دهند، Full stack Developer گفته میشود.
زبان برنامه نویسی
معرفی چند زبان برنامه نویسی در طراحی سایت
۱ – HTML (HyperText Markup Language)
HTML نخستین زبان برنامه نویسی تحت وب است که در سنه ۱۹۹۰ برپایی شد و برای طراحی سایت با امکانات جزئی و ساده باره استفاده پیمان میگرفت. اولین سایت اینترنتی در سنه ۱۹۹۱، توسط آقای تیم برنرز لی با این زبان برنامه نویسی نوشته شد و کم کم امکانات بیش تری به آن اضافه شد.
در سنه ۲۰۱۰، با عرضه شدن ورژن ۵ این زبان برنامه نویسی تحت عنوان HTML5، در طراحی سایت انقلابی به وجود آمد. وانگهی طراحی سایت پیامد گرا از همین سال شروع شد. این گونه طراحی به طراح این امکان را می دهد که بتواند سایتی ایجاد کند که با هر سایز از صفحه نمایش، هماهنگی داشته باشد.
کد زیر یک دستور HTML ساده است:
<!DOCTYPE html>
<html>
<body>
<h1>A Dummy Heading</h1>
<p>Some text that spans the line.. </p>
</body>
</html>
۲- CSS (Cascading Style Sheets)
CSS توسط کنسرسیوم شبکه جهانی وب یا W3C، در سال ۱۹۹۶ شناسایی شد و باعث شد طراحی سایت جان اخیر ای بگیرد. این کنسرسیوم کارگزار است لغایت استاندارد های لازم را در اینترنت و زبانهای برنامه نویسی برپایی کند و همه باید از این استانداردها پیروی کنند.
با کمک زبان برنامه نویسی CSS، طراح میتواند قالب طراحی صفحات سایت را استایل بندی کند. وانگهی برای متن و تصاویر، مشخصات را از فایل CSS فراخوانی میکند که این خویش باعث تفریق زمان کد نویسی میشود.
استایل کلی سایت در فایل CSS ذخیره میشود که از فایلهای اجرایی سایت جدا است. چنانچه لازم باشد در تقسیم های مختلف سایت تغییری دیتا شود، از راه ویرایش این فایل میتوان تغییرات لازم را در تمام صفحات سایت ایجاد کرد.
برای نمونه در صورتی که شما در فایل CSS مشخص کنید که فونت سایت شما Tahoma با سایز ۱۰ باشد، تمام متون با فونت و اندازه مشخص شده در سایت نمایش دیتا می شود. حال اگر بخواهید سایز فونت را از ۱۰ به ۱۲ تغییر دهید، دیگر نیازی به ویرایش تک تک فایل های قالب نیست. فقط لازم است که در فایل CSS، اندازه فونت را از ۱۰ به ۱۲ تغییر دهید و به همین راحتی همه صفحات سایت ویرایش می شوند.
CSS به مرور موعد دستخوش تغییراتی شد و در سال ۱۹۹۹ ورژن ۳ آن عرضه شد. امروزه به کارگیری CSS در طراحی سایت زیاد فراگیری است و تقریباً سایتی هستی ندارد که متعلق به بهرهگیری نکرده باشد.
۳- JavaScript
جاوا نخستین بار توسط جیمز گاسلینگ در شرکت سانمایکروسیستمز برپایی گردید و در سنه ۱۹۹۱ بهعنوان بخشی از سکوی جاوا منتشر شد.
زبان JavaScript در سنه ۱۹۹۵ وارد دنیای طراحی سایت شد. جاوا یک زبان برنامه نویسی شی گرا است که به کارگیری این زبان به طراح سایت کمک می کند بتواند تقسیم های جذابی به سایت اضافه کند.
برای نمونه قابلیت اسلایدر تصاویر، چت، افکت گذاری روی نوشتهها، اشکال و امکاناتی از این دست، که این قابلیت ها در موعد ورود Java به بازار زیاد جذاب بود ولی امروزه استفاده چندانی از آن نمیشود.
جاوا کدهای خویش را از زبانهای برنامهنویسی C و ++C استخراج میکند. این کدها در فایلهای مجزا با پسوند js. اندوخته شده و از راه دستورات در قالب فراخوانی میشود.
۴ – PHP: Hypertext Preprocessor
زبان PHP در سنه ۱۹۹۸ عرضه شد. بنیانگذار آن آقای راسموس لردورف است. ورژن های مختلف این زبان با گذر موعد تغییر کرده و در هر ورژن امکانات جدیدی به آن اضافه شده است. در حالی حاضر ورژن ۵، پسینیان ورژن آن می باشد.
زبان PHP یک زبان سمت سرور (Server Side) است. این سوژه بدان معناست که دستورات نوشته شده به این زبان، توسط سرور اجرا و برگردان شده و نتایج آن برای کاربر نمایش داده میشود. در این زبان اگر کاربری بخواهد کد سورس سایت شما را ببیند، برای او فقط دستورات ترجمه شده نمایش دیتا می شود و به کدهای اصلی سایت دسترسی نخواهد داشت.
استفاده از زبان PHP در طراحی سایت بسیار رایج است. زیرا این زبان در عین سادگی امکانات بسیار زیادی را در برگزیدن طراح پیمان می دهد. با کمک این زبان، برنامه نویسان می توانند سایتهایی با توانایی های فراوان، همانند سایتهایی که نیاز به عضوگیری دارند یا فروشگاه های اینترنتی، قابلیت چت صوتی و تصویری، سیستم های پشتیبانی و غیره برپایی کنند.
۵ – ASP (Active Server Pages)
این زبان در سال ۱۹۹۳ توسط شرکت مایکروسافت ارائه شد که فقط بر روی سرویس های میزبانی وب ویندوز قابل اجرا است. قابلیت های آن بسیار همانند PHP است.
این زبانها کل به نوعی مکمل زبان html هستند که امکانات جانبی بیش تری به آن اضافه میکنند. ASP زبان برنامه نویسی سمت سرور است که دستورات برگردان شده آن برای کاربر نمایش داده میشود.
مزیت زبانهای برنامه نویسی سمت سرور مانند: PHP و ASP این است که کدهای اصلی این زبانها برای کاربر نمایش دیتا نمیشود. به همین انگیزه کپی برداری و دزدی این کدها شغل آسانی نیست که این خود از حقوق برنامه نویس محافظت می کند.
۶- Python
پایتون اواخر دهه ۱۹۸۰ میلادی بدست خودو فان روسوم در مؤسسه ملی تحقیقات ریاضی و کامپیوتر (CWI) در مملکت هلند برپایی شد.
پایتون یک زبان چند منظوره است که متعلق به میتوان برای توسعه طیف زیادی از برنامه ها و نرم ابزارها بهرهگیری کرد. یادگیری پایتون نسبت به سایر زبانهای برنامه نویسی سادهتر است. از آنجا که پایتون یک زبان برنامهنویسی چند منظوره است، امکانات کثرت را در کمر بستن برنامه نویسان قرار می دهد.
بسیاری از کمپانی های کبیر مانند گوگل، یوتیوب، فیسبوک و غیره از این زبان برنامه نویسی بهرهگیری می کنند.
اولین قدم در پروسه طراحی سایت برگزیدن زبان برنامه نویسی پسندیده است. قبل از آغاز پروژه طراحی سایت باید بدانید به چه امکاناتی در سایت خود نیاز دارید و این امکانات با به کارگیری کدام زبان برنامه نویسی قابل اجرا است.
در ماضی دربارهی برخی زبانهای رایج در طراحی سایت، در مقالههای تاریخچه طراحی سایت و اصطلاحات رایج در میزبانی وب نوشتیم. اما در این نوشتار به صورت کامل به بررسی زبانهای قابل کاربرد در طراحی سایت میپردازیم.
یک طراح سایت مشابه معمار عمل می کند. وظیفهی طراحی سایت و ساختار اصلی آن بر عهده طراح است. طراحان سایت به دو تقسیم تقسیم می شوند :
Frontend developer: طراحی بخشی از سایت که کاربر آن را تماشا می کند و به زبانهای html ،java ،css است.
Backend developer: طراحی ساختار سایت در پشت صحنه، همانند بانکهای اطلاعاتی، محل نگهداری فایلها و اطلاعات کاربران که با زبانهای Php ،Asp ،Ruby ،Python نوشته می شوند.
به طراحانی که از ساختار الی طراحی ظاهری و راه اندازی نهایی،طراحی سایت را سپریدن می دهند، Full stack Developer گفته میشود.
طراحی سایت شرکتی با زبان ها برنامه نویسی و اختصاصی |
زبان برنامه نویسی
معرفی چند زبان برنامه نویسی در طراحی سایت
۱ – HTML (HyperText Markup Language)
HTML اولین زبان برنامه نویسی تحت وب است که در سنه ۱۹۹۰ برپایی شد و برای طراحی سایت با امکانات جزئی و ساده مورد کاربرد قرار میگرفت. نخستین سایت اینترنتی در سال ۱۹۹۱، بدست آقای تیم برنرز لی با این زبان برنامه نویسی نوشته شد و کم کم امکانات بیش تری به آن اضافه شد.
در سنه ۲۰۱۰، با عرضه شدن ورژن ۵ این زبان برنامه نویسی تحت عنوان HTML5، در طراحی سایت انقلابی به وجود آمد. وانگهی طراحی سایت بازتاب گرا از همین سال شروع شد. این گونه طراحی به طراح این امکان را می دهد که بتواند سایتی برپایی کند که با هر سایز از صفحه نمایش، هماهنگی داشته باشد.
کد ذیل یک فرمان HTML ساده است:
<!DOCTYPE html>
<html>
<body>
<h1>A Dummy Heading</h1>
<p>Some text that spans the line.. </p>
</body>
</html>
۲- CSS (Cascading Style Sheets)
CSS بدست کنسرسیوم شبکه جهانی وب یا W3C، در سال ۱۹۹۶ معرفی شد و مایه شد طراحی سایت جان تازه ای بگیرد. این کنسرسیوم مامور است تا استاندارد های لازم را در اینترنت و زبانهای برنامه نویسی ایجاد کند و همه باید از این استانداردها اطاعت کنند.
با کمک زبان برنامه نویسی CSS، طراح میتواند قالب طراحی صفحات سایت را استایل بندی کند. همچنین برای متن و تصاویر، مشخصات را از فایل CSS فراخوانی میکند که این خویش باعث تفریق سررسید کد نویسی میشود.
استایل کلی سایت در فایل CSS ذخیره میشود که از فایلهای اجرایی سایت جدا است. در صورتی که لازم باشد در بخش های مختلف سایت تغییری دیتا شود، از طریق ویرایش این فایل میتوان تغییرات لازم را در تمام صفحات سایت برپایی کرد.
برای نمونه در صورتی که شما در فایل CSS مشخص کنید که فونت سایت شما Tahoma با سایز ۱۰ باشد، تمام متون با فونت و اندازه مشخص شده در سایت نمایش داده می شود. حال اگر بخواهید سایز فونت را از ۱۰ به ۱۲ تغییر دهید، دیگر نیازی به ویرایش تک تک فایل های قالب نیست. تنها لازم است که در فایل CSS، اندازه فونت را از ۱۰ به ۱۲ تغییر دهید و به همین راحتی همه صفحات سایت ویرایش می شوند.
CSS به بازبینی زمان دستخوش تغییراتی شد و در سال ۱۹۹۹ ورژن ۳ آن عرضه شد. امروزه به کارگیری CSS در طراحی سایت بسیار فراگیری است و تقریباً سایتی وجود ندارد که متعلق به استفاده نکرده باشد.
۳- JavaScript
جاوا نخستین بار توسط جیمز گاسلینگ در کمپانی سانمایکروسیستمز برپایی گردید و در سال ۱۹۹۱ بهعنوان بخشی از سکوی جاوا منتشر شد.
زبان JavaScript در سنه ۱۹۹۵ وارد دنیای طراحی سایت شد. جاوا یک زبان برنامه نویسی شی گرا است که به کارگیری این زبان به طراح سایت کمک می کند بتواند بخش های جذابی به سایت اضافه کند.
برای نمونه قابلیت اسلایدر تصاویر، چت، افکت گذاری روی نوشتهها، اشکال و امکاناتی از این دست، که این قابلیت ها در موعد ورود Java به بازار زیاد جذاب بود اما امروزه استفاده چندانی متعلق به نمیشود.
جاوا کدهای خود را از زبانهای برنامهنویسی C و ++C استخراج میکند. این کدها در فایلهای مجزا با پسوند js. اندوخته شده و از طریق دستورات در قالب فراخوانی میشود.
۴ – PHP: Hypertext Preprocessor
زبان PHP در سنه ۱۹۹۸ عرضه شد. بنیادگذار آن آقای راسموس لردورف است. ورژن های گوناگون این زبان با گذر زمان تغییر کرده و در هر ورژن امکانات جدیدی به آن اضافه شده است. در حالی حاضر ورژن ۵، پسینیان ورژن آن می باشد.
زبان PHP یک زبان سمت سرور (Server Side) است. این سوژه بدان معناست که دستورات تألیف شده به این زبان، بدست سرور اجرا و ترجمه شده و نتایج آن برای کاربر نمایش داده میشود. در این زبان اگر کاربری بخواهد کد سورس سایت شما را ببیند، برای او تنها دستورات ترجمه شده نمایش دیتا می شود و به کدهای اصلی سایت دسترسی نخواهد داشت.
استفاده از زبان PHP در طراحی سایت بسیار رایج است. زیرا این زبان در عین سادگی امکانات بسیار زیادی را در گزین کردن طراح قرار می دهد. با کمک این زبان، برنامه نویسان می توانند سایتهایی با توانایی های فراوان، مثل سایتهایی که احتیاج به عضوگیری دارند یا فروشگاه های اینترنتی، قابلیت چت صوتی و تصویری، سیستم های پشتیبانی و غیره برپایی کنند.
۵ – ASP (Active Server Pages)
این زبان در سنه ۱۹۹۳ بدست شرکت مایکروسافت ارائه شد که تنها بر روی سرویس های میزبانی وب ویندوز قابل اجرا است. قابلیت های آن زیاد شبیه PHP است.
این زبانها کل به نوعی مکمل زبان html هستند که امکانات جانبی بیش تری به آن اضافه میکنند. ASP زبان برنامه نویسی سمت سرور است که دستورات برگردان شده آن برای کاربر نمایش دیتا میشود.
مزیت زبانهای برنامه نویسی سمت سرور مانند: PHP و ASP این است که کدهای اصلی این زبانها برای کاربر نمایش داده نمیشود. به همین انگیزه کپی برداری و سرقت این کدها کار آسانی نیست که این خود از حقوق برنامه نویس محافظت می کند.
۶- Python
پایتون اواخر دهه ۱۹۸۰ میلادی توسط خودو فان روسوم در مؤسسه ملی تحقیقات ریاضی و کامپیوتر (CWI) در مملکت هلند برپایی شد.
پایتون یک زبان چند منظوره است که از آن میتوان برای توسعه طیف زیادی از برنامه ها و نرم ادوات بهرهگیری کرد. یادگیری پایتون نسبت به سایر زبانهای برنامه نویسی سادهتر است. از آنجا که پایتون یک زبان برنامهنویسی چند منظوره است، امکانات فراوانی را در برگزیدن برنامه نویسان قرار می دهد.
بسیاری از کمپانی های بزرگ مشابه گوگل، یوتیوب، فیسبوک و غیره از این زبان برنامه نویسی استفاده می کنند.