مشاهده آموزش جامع طراحی سایت با HTML و CSS
[ Ссылка ]

هر وب سایت آنلاین را می توان در دو بخش اصلی Front End و Back End خلاصه کرد. به بیان ساده، بخش Front End، هر چیزی که توسط کاربر مشاهده می شود را شامل می شود. فرم ها، منوها، شکل المان ها، نحوه چیدمان صفحه و شکل ظاهری المان های صفحه وب سایت اما Back End در پشت وب سایت فعال بوده و تمامی عملیات مرتبط با بخش های مختلف سایت توسط این بخش انجام شده و نتیجه اجرای این عملیات، به صورت کدهای مفهومی HTML و CSS برای مرورگر ارسال شده و مرورگر، نتیجه را به کاربر نمایش می دهد، اما بحث اصلی ما، در مورد رابط کاربری وب سایت و یا همان Front End است.

همانقدر که کدنویسی صحیح و مناسب بودن عملیات Back End یک وب سایت مطرح است، رابط کاربری سایت نیز از اهمیت بالایی برخوردار است زیرا کاربر، از طریق رابط کاربری با وب سایت ما در ارتباط بوده و هر چه رابط کاربری زیباتر و دسترسی به المان ها ساده تر باشد، رضایت کاربران از وب سایت بالاتر بوده و احتمال بازگشت کاربر به وب سایت بالاتر خواهد بود.

به منظور طراحی رابط کاربری، تاکنون ابزارها و فریم ورک ها و نرم افزارهای متعددی، از کتابخانه ها و فریم ورک های برنامه نویسی مانند بوت استرپ (Bootstrap) تا نرم افزارهایی همچون Adobe Muse و… ارائه شده است.

در طراحی رابط کاربری، HTML ساختار را ایجاد می کند و CSS به این ساختار شکل داده و ظاهر و نحوه نمایش آن ها را مشخص می کند. ما در این فرادرس، قصد داریم تا یکی از فریم ورک های ارائه شده برای CSS با نام W3.CSS را بررسی کنیم.

فریم ورک W3.CSS فریم ورکی است که توسط وب سایت W3Schools برنامه نویسی شده و به صورت رایگان در اختیار افراد قرار گرفته است. از مزایای فریم ورک W3.CSS می توان به واکنش گرا بودن این فریم ورک اشاره کرد، همچنین این فریم ورک، تنها از دستورات استاندارد CSS استفاده می کند و مانند سایر فریم ورک ها نظیر: Bootstrap و یا Foundation، نیازی به استفاده از جاوااسکریپت و یا jQuery ندارد.

مشاهده آموزش جامع طراحی سایت با HTML و CSS
[ Ссылка ]

свернуть