آموزش طراحی سایت با بوتاسترپ Bootstrap اصفهان
بوتاستراپ Bootstrap یکی از معروفترین کتابخانههای CSS است که طرفداران بسیاری نیز دارد. در پروژههای بسیاری استفاده شده است و قطعا بایستی در رزومه شما برای تبدیل به یک فرانتاند کار وجود داشته باشد. در مبحث Responsive نیز بوت استرپ یکی از بهترینها بوده و هنوز می باشد که ساختار 12 ستونی منعطف آن الگوی بسیاری از طراحیها است.
وسایل مورد نیاز برای این دوره:
نام دپارتمان: | بدون دستهبندی | |
سطح مهارتی دوره: | مقدماتی | |
تعداد جلسات: | جلسه | |
مجموع ساعات دوره(تئوری+عملی): | 15 ساعت | |
تعداد جلسات در هفته: | 2 جلسه | |
زمان هر کلاس: | 90 دقیقه | |
حداکثر تعداد دانشجو: | 12 نفر | |
نحوه حضور در کلاس: | ||
آیا آزمون پایان دوره دارد؟ | بله | |
نوع آزمون: | پروژه عملی | |
تاریخ شروع دوره: | ابتدای هر فصل |
مهارتهای دوره
- نصب بوتاسترپ و اتصال آن به صفحات وب
- آشنایی با سیستم شبکه (Grid System) در بوتاسترپ
- استفاده از کلاسهای row و col برای قالببندی صفحات
- ایجاد صفحات ریسپانسیو با استفاده از Grid System
- استفاده از کلاسهای آماده بوتاسترپ برای استایلدهی سریع
- تغییر رنگها، فونتها و اندازهها با استفاده از کلاسها
- استفاده از آیکونهای آماده و نحوه اضافهکردن آنها به صفحات
- استفاده از کلاسها و کامپوننتهای بوتاسترپ برای ساخت فرمها
- استفاده از کنترلهای فرمها (input، textarea، select و غیره)
- استایلدهی به دکمهها و بخشهای مختلف فرمها
- استفاده از کلاسها برای ایجاد منوهای ناوبری
- استفاده از منوهای کشویی (Dropdown) و فهرستهای زیرمنو (Navbar)
- طراحی ناوبری ریسپانسیو با استفاده از بوتاسترپ
- استفاده از کلاسها برای نمایش تصاویر و غالبهای تصویری
- استفاده از تصاویر پسزمینه (Background Images) و نحوه تنظیم آنها
- استفاده از جلوههای CSS (Effects) برای زیبایی بیشتر صفحات
- استفاده از کلاسهای رسانهها (Responsive Classes) برای نمایش ریسپانسیو جداول
- ایجاد پروژههای عملی با استفاده از بوتاسترپ و HTML
اگر دوره طراحی سایت با HTML and CSS را گذرانده باشید حالا وقت آن میرسد تا کار را با دوره بوتاسترپ آسانتر کنیم. زبانهای برنامهنویسی برای سادگی از کتابخانهها استفاده میکنند. کتابخانهها توابع از پیش نوشتهشده هستند. با استفاده از بوتاسترپ می توانید حجم کدها را کاهش و به مراتب سرعت سایت را افزایش دهید.
با استفاده از لایهها و سیستم گرید میتوانید ظاهر وبسایت را منظم کنید. ساختار بوتاسترپ صفحه را به ۱۲ قسمت کوچک تقسیم میکند. به این تقسیمبندی گرید میگویند. گریدهای بوتاسترپ واکنشگرا هستند. یعنی در نسخه موبایل هم به خوبی نمایش داده میشوند.
المانهای مختلف مثل تصاویر، دکمهها و ورودیها با استایلهای متفاوت را میتوانید به راحتی استفاده کنید و نیازی به کدنویسی اضافی ندارید.
علت محبوبیت بوتاسترپ چیست
یادگیری آن آسان است. این فریمورک به توسعه دهندگانی که تازه کارشان را شروع کردهاند ، امکان میدهد تا سریع تر طراحی های خود را شخصی سازی کنند.
سیستم گریدی ریسپانسیو یا واکنش گرا
بوتاسترپ Bootstrap از ستون ها و ردیفهای آماده تشکیل شده است. فقط کافی است تا محتوای مورد نظر را جایگذاری کنید. نیازی به واکنشگرا کردن کدها نیست.
دو کلاس متفاوت برای نسخه دسکتاپ و موبایل در نظر گرفته شده است. با این کلاسها می توانید سیستم موردنظرتان برای یک صفحه را پیاده سازی کنید.
تصاویر ریسپانسیو
عکس هایی که اندازه ثابت دارند مناسب صفحات وب نیستند. بوتسترپ این قابلیت را میدهد که اندازه تصویر به صورت خودکار تغییر کند. واکنشگرا بودن تصاویر به سرعت سایت و همینطور زیبایی آن کمک می کند.
کلاسهایی هم وجود دارد که می توانید شکل دور تصاویر را تغییر دهید.
سازگاری با همه مرورگرها
کاربران از مرورگرهای مختلفی برای ورود به سایت استفاده می کنند. بهترین روش استفاده از فریمورک بوتاسترپ Bootstrap که با تمامی مرورگرها سازگاری کامل دارد.
نگه داشتن کاربر بر روی سایت و کاهش نرخ پرش یکی از عوامل موثر در سئوی سایت مخصوصا سایتهای وردپرسی محسوب میشود.
راست چین بودن
یکی از دردسرهای وب فارسی از چپ به راست بودن محتوا است ، بوتاسترپ از راستچین بودن پشتیبانی می کند و از این جهت مشکلی نخواهید داشت. نیمی از راه طراحی را تاکنون طی کردید.
چرا دوره بوتاسترپ Bootstrap را بگذرانیم؟
یک برنامهنویس حرفهای فرانتاند باید کتابخانهها را بلد باشد. سرعت و کوتاه بودن کدها اهمیت زیادی دارد. به جای نوشتن چند سطر کد از یک کلاس استفاده میکنیم. کدنویسی تمیز یک دلیل دیگر برای شرکت در دوره bootstrap است.
دوره بوتاسترپ مناسب چه کسانی است؟
معمولا کسانی که با مقدمات طراحیوب مثل HTML و CSS آشنایی دارند باید این دوره را برای حرفهایتر شدن بگذرانند. بلد بودن یک کتابخانه طراحیوب از نان شب واجبتر است.
یکی از مزایای بوتاسترپ Bootstrap کوتاهتر شدن زمان کدنویسی و تمیز بودن آن است. دیگر نیاز نیست تعداد زیادی کلاس تعریف کنید. توسعهدهندگان زبانهای برنامهنویسی وب همگی نیاز دارند تا این کتابخانه را فرابگیرند.
پیشنیازهای دوره:
بوت استراپ یک کتابخانه آماده بر بسترCSS میباشد لذا منطقی است که پیش نیاز حیاتی این دوره، دانستن HTML و CSS بوده که قطعا می توانید در این دوره ها در آموزشگاه ملل شرکت کنید و خود را برای ورود به این سطح آماده نمایید.
خرید آنلاین و حضوری در داخل آموزشگاه امکان پذیر میباشد.
همچنین برای اعضای خانواده ملل نیز تخفیف ویژه در نظر گرفته میشود.
۰۳۱۳۸۲۴