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