
فریمورک متن باز CSS که با استفاده از آن میتوان قالب سایت را با سرعت طراحی نمود. Bootstrap در واقع از چند فایل CSS و Java Script تشکیل شده است که موجب میشود تا دیگر نیازی به نوشتن کدهای سی اس اس یا جاوا اسکریپت نباشد و از کلاسهای آماده بوت استرپ استفاده نمود. به عبارت دیگر Bootstrap مجموعهای از ابزارهای رایگان است برای ایجاد صفحات وب و نرم افزارهای تحت وب جهت تولید و نمایش فرمها، دکمهها، تبها، ستونها و سایر المانهای مورد نیاز.
یکی از موارد زمانبر در طراحی سایت اختصاص ویژگیهای مختلف به عناصر صفحه مانند لینکها، هدرها، دکمهها و … است که بوت استرپ به طور پیش فرض این کار را انجام داده است. در واقع به کمک فریمورک Bootstrap طراحان صفحات وب قادر خواهند بود تا صفحاتی با پویایی بالا ایجاد کنند. بوتاسترپ شامل قالبهای آماده طراحی با محوریت HTML و CSS برای تایپوگرافی، فرمها، دکمهها، نمودارها، منوهای راهبری و دیگر اجزاء رابط کاربری است. بوتاسترپ یکی از محبوبترین پروژهها در سایت GitHub است که توسط سایتهای مطرحی چون istockphoto و who.is و godaddy از آن استفاده میکنند.
از دیگر موارد مهم در طراحی وبسایت، نمایش صحیح سایت در دستگاههای مختلف نظیر تبلت و موبایل است. طراحی واکنش گرا قابلیتی است که Bootstrap برای این مساله تدارک دیده است. برای استفاده از قابلیت طراحی Responsive باید از سیستم شبکه بندی استفاده نمود؛ سیستم GRID بوت استرپ به صورت پیش فرض با ۱۲ ستون و عرض ۹۴۰ پیکسل طراحی شده است که قابل تغییر است.
ویژگی های Bootstrap
بهبود نمایش صفحات وب
سرعت بالای کار با آن و کاهش زمان اجرای یک پروژه
همخوانی با تمامی مرورگرهای استاندارد
امکان ایجاد صفحه بندی، امکان ساخت انواع، قابلیتهای زیبا سازی
امکان طراحی صفحات وب بصورت واکنش گرا

jQuery یک فریمورک جاوا اسکریپت است که امکان استفاده ازقابلیت های از پیش تعریف شده ای را فراهم می کند . در واقع jQuery کتابخانه ای از جاوا اسکریپت است که به کمک آن میتوان نرمافزارهای مبتنی بر ایجکس، برنامههای سطح پایین مبادله ای (ارتباط مرورگر با کاربر) و حتی حرکات انیمیشنی با افکتهای پیشرفته را ایجاد نمود. به کمک jQuery میتوان صفحات وب قدرتمند و داینامیک(پویا) طراحی نمود. با توجه به اینکه jQuery برخی از میانبرهای نوشتاری را ارائه میکند اما نمیتوان آن را جایگزین جاوا اسکریپت دانست، چرا که زبان اصلی نگارش کدها همان جاوا اسکریپت می باشد.
jQuery هیچ دخالتی در کدهای html نمیکند و به عبارتی Unobtrusive محسوب میشود؛ این یعنی هیچ یک از کدهای جاوا اسکریپت، داخل کدهای XHTML قرار نمیگیرند و از این نظر کدهای سایت کاملاً مجزا و مرتب خواهند بود. از طرفی وقتی JS روی مرورگر فعال باشد، کدهای جاوا اسکریپت اجرا میشوند ولی اگر JS فعال نباشد، هیچ مشکلی در نمایش سایت بوجود نخواهد آمد. از دیگر نوآوریهای jQuery میتوان به انتخاب تگها بر اساس قواعد CSS اشاره نمود که باعث سهولت در اجرای پروژه میشود. همچنین هر مرورگر کدهای JSرا به گونه ای متفاوت تفسیر میکند؛ جی کوئری محیطی را فراهم کرده است که این اطمینان را به توسعه دهنده وب میدهد که کد نوشته شده، در همه مرورگرها و IE نسخه ۶ به بعد به درستی کار خواهد کرد.
ویژگی های jQuery :
دستورات ساده و قابل درک در زمینه بکار گیری فناوری Ajax
وجود پلاگین های متعدد و بسیار کار آمد
امکان تغییر آسان ظاهر یک صفحه و پشتیبانی از انواع مرورگرها
کنترل و جلوگیری از اتفاقات غیرمنتظره بهنگام کلیک کردن کاربر
افزودن انیمیشن به یک صفحه سایت
کسب اطلاعات از یک سرور بدون نیاز به بارگذاری دوباره آن صفحه
سادهسازی عملکردهای مشترک / تکراری جاوا اسکریپت
سهولت در شناسایی و تغییر مختصات صفحات وب

PHP یکی از پرکاربرد ترین و محبوب ترین زبانهای برنامه نویسی open source است که برای طراحی وب توسعه یافته است. php را میتوان بر روی اکثر سرورهای وب که نرمافزار php بر روی آن نصب باشد، اجرا و کامپایل کرد. دستورات این زبان می توانند به صورت مستقیم در درون کدهای Html قرار بگیرند. php عمدتاً مانند یک فیلتر عمل می کند، کد برنامه را به عنوان ورودی می گیرد و صفحات وب را به عنوان خروجی (غالبا از نوع Html) ایجاد می کند.
کارایی بالا، واسطههای مختلف برای سیستم پایگاههای اطلاعاتی مختلف، کتابخانه داخلی برای انجام امور متداول، هزینه پایین، امنییت بالا و … از ویژگیهای مهم php است. یکی از نکات مهم زبان php ، مستقل بودن آن از محیط کار است، بدین صورت که در تمامی کامپیوترها و سیستم عاملها نظیر لینوکس و ویندوز قابل اجرا است.
زبان PHP بصورت Html embedded است و این بدان معناست که دستورات این زبان در بین کدهای html قرار می گیرند. بنابراین برنامه نویسی به زبان PHP کمی پیچیده تر از برنامه نویسی به زبان Html به حساب میآید.
PHP بر خلاف زبانهای برنامه نویسی، یک زبان اسکریپتی می باشد به عبارت دیگر دستورات PHP بعد از رخداد یک رویداد (Event) اجرا میشوند. این رویدادها میتوانند شامل ارسال یک فرم رفتن به یک URL مشخص و یا مواد دیگر باشند متداولترین زبان اسکریپتی زبان Java Script میباشد که معمولاً برای پاسخ به رویدادهای کاربر در مرورگر وب بــه کار میرود تفاوت عمده Java Script با PHP در این است که Java Script یک تکنولوژی سمت سرویس گیرنده (Client-side) میباشد
ویژگی های php
open source بودن و امکان دسترسی به منابع رایگان زیاد
زبان تخصصی برنامهنویسی تحت وب
سرعت بسیار بالای سرویس دهی نسبت به سایر زبانهای برنامهنویسی مشابه نظیر asp
استفاده بهینه از منابع و حافظه
سرعت بسیار بالا در کار با SQL
سرعت و سهولت در رفع ایرادات به دلیل منبع باز بودن زبان php
اجرا بر روی Platform های مختلف
قابلیت اجرا بر روی هاستهای لینوکس که ارزانتر و دارای امکانات بیشتر هستند

css زبان نشانه گذاری تحت وب است که برای توصیف ظاهر یک وب سایت برای مرورگر استفاده می شود. CSS از سه حرف ابتدای کلمات cascading style sheet تشکیل شده است؛ CSS3 در واقع آخرین ورژن CSS است که دارای قابلیت هایی فراتر از دو نسل اول است. CSS3 به خاطر ساختار ماژولارش، به طراحان وب این امکان را می دهد که صفحات وب با محتوای غنی که نیاز به کد سبکتری دارند، ایجاد کنند. این یعنی ایجاد ظاهری رویایی ، واسط های کاربری بهتر و بارگذلری سریعتر وب سایت به کمک عملکرد هایی که برای طراحان وب نسبتا غیر ممکن بود تا بتوانند بدون استفاده از jQuery و Photoshop آنها را بسازند. ویژگی هایی نظیرshadow متن، گرد کردن لبه های کادرها، استفاده از چند تصویر پس زمینه به عنوان background، ایجاد افکت های حرکتی بر روی عناصر صفحه تنها بخشی از قابلیت های منحصر بفرد css3 است.
با آمدنCSS3 و html5 انقلاب بزرگی در طراحی وب سایت صورت گرفته است که امروزه اکثر مرورگر های جدید و استاندارد، از قابلیت های CSS3 و HTML5 پشتیبانی می کنند و طراحان وب می توانند از این فناوری جدید به خوبی استفاده کنند. البته باید توجه داشت که کار کردن با CSS3 به معنی تغییر دادن کدهای قبلی CSS نیست بلکه به معنی گسترش دادن آنهاست به طوری که قابلیت های جدید CSS3 را به کدهای قبلی اضافه نمود.
وجود خصیصههای متنوع و جدید نظیر:
انتخاب کننده ها، مدل جعبه ای، جلوه های متنی، زمینه و حاشیه، تبدیل های دو/سه بعدی، انیمیشن، ستون های چندگانه، واسط کاربری (UI)

HTML5 جهت ایجاد مطالب محتوای وب است که قابلیت های زیادی دارد و از مهمترین آنها میتوان به ایجاد حرکت و پشتیبانی از فناوری های جدید چند رسانهای اشاره کرد. بزرگترین مزیت HTML5 که بار بزرگی را از دوش طراحان وب و بهینه سازان وب برداشته است این است که جستجوگرها بویژه google از متن های داخلی انیمیشن ها پشتیبانی میکنند و این بدان معنی است که استفاده همزمان از نوشته و تصاویر متحرک همراه با صدا و موسیقی است.
HTML5 نسبتا با امکان بروزرسانی استانداردهای کدنویسی وب که برای فعال سازی وب سایت های گرافیکی غنی که با سطوح بالای تعامل صورت میپذیرد در ارتباط است. برای مثال، HTML5 این ویژگی را به طراحان وب میدهد تا به کد نویسی مستقیم ویدیو در سایت ها بپردازند، عناصر “drag &drop” را در صفحه اضاف کرد و گرافیک و تصاویری در وب سایت گذاشت که به درخواست کاربر پاسخ می دهند.
همچنین در این ورژن جدید روشهای جدید معرفی شده است تا هماهنگی مرورگرها با این نوع HTML کاملتر باشد. در این نوع کدنویسی به طراح وب این امکان داده می شود تا بدون نصب پلاگین های اضافی یا استفاده از فلش، به سایت خود عناصری را اضافه کنند.
ویژگی های HTML۵:
برنامه های تمیز و ساختار یافته جهت بارگذاری سریعتر صفحه
تعامل بهتر کاربر با سایت و کاربرد پذیری
استفاده از تگهای نشانه گذاری برای دسته بندی مطالب وب سایت
امکان طراحی اشیا و اشکال به صورت دو بعدی و غیر منظم با استفاده از تگ
امکان گذاشتن فایل های صوتی و تصویری بدون نیاز به نرم افزارهای جانبی با استفاده از تگها
اضافه شدن کنترل های جدید فرم همانند Email، Calendar، Date و Time
امکان ذخیره اطلاعات بر روی مرورگر کاربر
طراحی مناسب سایت برای نسخه responsive

واکنشگرا یا responsive به نوعی از طراحی وب گفته می شود که در آن صفحات یک سایت متناسب با دستگاه مورد مشاهده کاربر، (که می تواند مرورگر پیسی، تبلت یا مرورگر گوشی باشد) واکنش نشان می دهند و به این ترتیب کاربر، سایت را با ساختاری متناسب و بدون نیاز به اسکرول یا تغییر زوم خواهد دید. رشد بی سابقه دستگاه های هوشمند نظیر تلفن های همراه و تبلت ها و تغییر رویکرد کاربران به سمت استفاده از این ابزارها، طراحان سایت را بر آن داشت تا تغییراتی در شیوه طراحی خود ایجاد نمایند تا طیف وسیعی از افراد، خروجی کارشان را به درستی مشاهده نمایند.
طراحی سایت به روش واکنشگرا یعنی قابلیت انعطاف پذیری ساختار گرافیکی وب سایت. به عبارت دیگر، طراحی و برنامه نویسی سایت به گونه ای انجام شود که هنگام بارگذاری صفحات با طول و عرض مختلف، سایت با سرعت مناسب و بدون حذف موارد و اطلاعات ضروری صورت بگیرد، البته این به این معنا نیست که سایتهای غیر ریسپانسیو در تبلت ها و گوشی های هوشمند بارگزاری نمی شوند؛ بلکه به شکل هوشمندانه کنترل نمی شوند، طراحی سایت به شیوه ریسپانسیو دارای چند مرحله بیشتر از سایتهای معمولی است و باید قالب های مختلفی را طراحی و شکل داد تا مطالب با دسته بندی موضوعی به شکلی مناسب در آنها قرار گیرند. در صورتی که طراحی سایت، ابعاد بیشتری از گوشی های هوشمند را پوشش دهد، مخاطبان بیشتری می توانند از آن وب سایت استفاده کنند.
چرا طراحی واکنشگرا؟
سئوعالی
بهترین روش طراحی برای نمایش وبسایت در تلفنهای همراه
طراحی قالب بر اساس سایز صفحه به جای دستگاه نمایش دهنده
اطمینان از یک آدرس مطالب واحد داشتن
کاربرپسند بودن
میزان محبوبیت طراحی ریسپانسیو در مقایسه با طراحی رایج موبایل:

جوملا یک سیستم مدیریت محتوای متن بازاست که تحت مجوز GNU/GPL منتشر میشود. جوملا به زبان PHP نوشته شده است و از یک فریمورک های مبتنی بر MVC بهره میگیرد و برای ذخیره سازی دادهها از پایگاه داده MySQL استفاده میکند. انواع وبسایتهای تجاری ، کسب و کارهای آنلاین، پرتالهای خدمات الکترونیک، وبسایتهای سازمانهای دولتی، وبسایتهای آموزشی و پرتالهای آموزش الکترونیک، وبسایتهای خبری و حتی وبسایتهای شخصی ، بوسیله جوملا پیادهسازی شدهاند.
امکانات و ویژگی های جوملا بسیار گسترده است و برخورداری از یک بستر مناسب برای توسعه موجب شده هزاران افزونه برای آن ساخته شود.امکان طراحی قالب موجب زیبایی و تنوع سایت های استفاده کننده از آن شده است. امنیت جوملا در سطح نسبتا بالایی است. جوملا تاکنونصاحب جوایز بین المللی زیادی شده و از سیستم های مدیریت محتوای تراز اول دنیاست.
افتخارات جوملا
این سیستم مدیریت محتوا ۳بار به عنوان بهترین سیستم مدیریت محتوای open source جهان انتخاب شده است. همچنین این سیستم از لحاظ گسترش بهترین سیستم مدیریت محتوای جهان می باشد. هم اکنون ۲.۸ درصد از کل وب سایتهای جهان توسط این نرم افزار قدرت یافته اند. در زیر برخی از افتخارات جوملا لیست شده است:
۲۰۰۵ بیش از ۲.۵ میلیون بار دانلود در اولین سال انتشار
۲۰۰۵ بهترین پروژه ی linux/open source جهان
۲۰۰۵ جایزه UK Individual Contribution to Open Source
۲۰۰۶ جایزه UK Individual Contribution to Open Source
۲۰۰۶ بهترین پروژه ی linux/open source جهان
۲۰۰۶ بهترین سیستم مدیریت محتوای open source سال جهان
۲۰۰۷ بهترین سیستم مدیریت محتوای open source سال جهان
۲۰۰۸ کسب عنوان MVP توسط Johan Janssens
۲۰۰۹ کسب عنوان MVP توسط Louis Landry
۲۰۱۱ بهترین سیستم مدیریت محتوای open source سال جهان
مقایسه میزان محبوبیت دو سیستم مدیریت محتوا جوملا و دروپال – گوگل تِرند: