آموزش کامل بوت استرپ Bootstrap – گام اول
دسته‌ها : گرافیک, وکتور سه شنبه, بهمن ۱۳, ۱۳۹۴ admin دیدگاه ها3

bootstrap-part-1

 

گام اول : مقدمه ای برای بوت استرپ

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

responsive-bootstrap

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

فریم ورک چیست؟

فریم ورک مجموعه ای از ابزار ها و کدهای آماده طراحی هستند که باعث می شوند کار توسعه و طراحی راحت تر و سریع تر انجام شود و دیگر نیازی به کدنویسی طولانی و زیاد نداشته باشند

یکی از فریم ورک های محبوب طراحی قالب وب سایت فریم ورک بوت استرپ است. در مطالب بالا گفته شد که طراحی قالب از صفر کار خیلی سخت و طاقت فرسایی است  و خیلی از طراحان حرفه ای هم که با کدهای HTML و CSS و JAVA SCRIPT آشنایی کافی دارند هم در اجرای پروژه ها به مشکل بر می خورند. خوشبختانه تعدادی از توسعه دهندگان Ttwitter در جهت رفع این مشکل و آسان نمودن طراحی ,فریم ورکی با نام bootstrap رو آماده و ارائه داده اند که برنامه نویسی را برای طراحان وب و توسعه دهندگان آن آسان نموده اند .

components

مشکل Bootstrap چیست؟

طراحان زیادی از استانداردهای آن بهره میبرند و افراد زیادی استفاده از Bootstrap در طراحی سایت را یک مزیت مهم میدانند ولی مشکل اصلی زمانی ایجاد میشود که شما وابستگی زیادی به طراحی اولیه آن داشته باشید.
امروز شاهد سایت های زیادی هستیم که همگی ظاهر نسبتا یکسانی داشته و به راحتی میتوان ردپای Bootstrap را در آن دید.
اگر روند استفاده از Bootstrap به همین شکل ادامه پیدا کند ممکن است در آینده تشخیص سایت های اینترنی از یکدیگر کمی دشوار شده و همگی دارای ظاهری یکسان و تکراری گردند. این مسئله به معنی مخالفت ما با این سیستم و امکانات آن نیست بلکه منظور آن است که بیایید تا این امکانات را در راستای بهبود فضای اینترنت بکار گرفته و خلاقیت خود را فراموش نکنیم.

در گام دوم از آموزشهای بوت استرپ نحوه استفاده از بوت استرپ و شروع طراحی با بوت استرپ رو خواهیم آموخت.

لطفا” نظرات خودتون رو در مورد این آموزش با ما در میان بگذارید

امیر رضائی وبسایت


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

مطالب مشابه با این موضوع

بالا رفتن