ثبت نام | ورود
پشتیبانی | مشاوره | تماس با ما | ۲۳۰۸۷ ۲۱ (۹۸+)

طراحی سایت و زبان‌های برنامه نویسی آن

موضوع : آشنایی با چند زبان برنامه نویسی پرکاربرد در طراحی سایت

 

مدت لازم برای مطالعه : ۱۰ دقیقه

 

هدف : آشنایی اولیه مخاطبان با چند زبان برنامه نویسی پرکاربرد در محیط وب و طراحی وب سایت و اصطلاحات مرتبط آن
پادکست :

 

 

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

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

یک طراح سایت مانند معمار عمل می کند. وظیفه‌ی طراحی سایت و ساختار اصلی آن بر عهده طراح است. طراحان سایت به دو بخش تقسیم می شوند :

  • 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 به بازار بسیار جذاب بود ولی امروزه استفاده چندانی از آن نمی‌شود.

کدهای جاوا هم در فایل‌های مجزا با پسوند js. ذخیره شده و از طریق دستورات در قالب فراخوانی می‌شود.

 

۴ – PHP: Hypertext Preprocessor

زبان PHP در سال ۱۹۹۸ عرضه شد. بنیانگذار آن آقای راسموس لردورف است. ورژن های مختلف این زبان با گذر زمان تغییر کرده و در هر ورژن امکانات جدیدی به آن اضافه شده است. در حالی حاضر ورژن ۵، آخرین ورژن آن می باشد.

زبان PHP یک زبان سمت سرور (Server Side) است. این موضوع بدان معناست که دستورات نوشته شده به این زبان، توسط سرور اجرا و ترجمه شده و نتایج آن برای کاربر نمایش داده می‌شود. در این زبان اگر کاربری بخواهد کد سورس سایت شما را ببیند، برای او تنها دستورات ترجمه شده نمایش داده می شود و به کدهای اصلی سایت دسترسی نخواهد داشت.

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

 

۵ – ASP (Active Server Pages)

این زبان در سال ۱۹۹۳ توسط شرکت مایکروسافت ارائه شد که فقط بر روی سرویس های میزبانی وب ویندوز قابل اجرا است. قابلیت های آن بسیار شبیه PHP است. این زبان‌ها همه به نوعی مکمل زبان html هستند که امکانات جانبی بیش تری به آن اضافه می‌کنند. ASP زبان برنامه نویسی سمت سرور است که دستورات ترجمه شده آن برای کاربر نمایش داده می‌شود.

مزیت زبان‌های برنامه نویسی سمت سرور مانند: PHP و ASP این است که کدهای اصلی این زبان‌ها برای کاربر نمایش داده نمی‌شود. به همین دلیل کپی برداری و سرقت این کدها کار آسانی نیست که این خود از حقوق برنامه نویس محافظت می کند.

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

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

 اگر به دنبال یک تیم حرفه ای با سال‌ها تجربه عملی برای طراحی سایت خود هستید، با کارشناسان ما تماس بگیرید.

 

 

 

صفر تا صد راه اندازی سایت و طراحی سایت طراحی سایت و انتخاب رنگ ها استفاده از تصویر در طراحی سایت طراحی سایت با قالب آماده

سوالاتی که باید از شرکت طراحی سایت بپرسید  ۷ نکته مهم در طراحی سایت استفاده از جاوا در طراحی سایت  قیمت طراحی سایت

 

 

 

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

 

مقایسه پلانهای خدمات و محصولات فراکارانت      نمونه کارهای طراحی سایت فراکارانت      مقالات خدمات دیجیتال مارکتینگ        مشخصات خدمات و محصولات فراکارانت

 

 

کلمات کلیدی: