بوت استرپ 3: افزودن تعامل به سایت شما

مدرس Jen Kramer

انتشار 2014/06/05

مدت زمان 1h 55m

سطح مبتدی

فایل تمرینی دارد

آموزش Bootstrap 3: Adding Interactivity to Your Site

بوت استرپ توییتر یکی از محبوب ترین چارچوب های HTML/CSS/JavaScript برای ایجاد وب سایت های واکنش گرا است. در اینجا، جن کرامر به شما نشان می دهد که چگونه با استفاده از Bootstrap و یک ویرایشگر متن ساده، عناصر تعاملی مانند گالری تصاویر کوچک، چرخ فلک تصویر، یا فرم تماس را اضافه کنید. بعلاوه، سبک دادن به این ویژگی ها را با CSS بیاموزید و پاپ آپ ها و نکات ابزار مفید مبتنی بر جاوا اسکریپت را اضافه کنید که قابلیت استفاده آنها را افزایش می دهد. در طول مسیر، می‌توانید مهارت بوت استرپ خود را با یک سری ویدیوهای چالشی آزمایش کنید.rnrn را بررسی کنید.

Bootstrap Bootstrap (Framework) Interactive Web Content

Introduction

Welcome ()

Using the exercise files ()

Using the challenges ()

1. Setting Up

Installing Sublime Text 2 ()

Installing Bootstrap 3 ()

Installing jQuery ()

2. Creating a Thumbnail Gallery with Modal Pop-Ups

Planning the thumbnail gallery ()

Creating the thumbnail gallery grid layout ()

Creating the modal windows ()

Linking the thumbnails to the modal windows ()

Enhancing the thumbnail layout with captions ()

Challenge: Styling thumbnails and modals ()

Solution: Styling thumbnails and modals ()

3. Creating an Image Carousel for the Homepage

Planning the image carousel and prepping images ()

Creating the image carousel ()

Adding carousel navigation ()

Adding captions to the carousel ()

Adding and styling a carousel position indicator ()

Customizing the carousel rotation interval and wrapping style ()

Challenge: Create modal windows in your carousel ()

Solution: Create modal windows in your carousel ()

4. Creating Forms

Including a text input and styling it with a grid ()

Creating and formatting radio buttons ()

Creating and formatting a selection dropdown menu ()

Adding a comments box and tooltips ()

Adding a check box and using collapse to enhance usability ()

Challenge: Styling the form ()

Solution: Styling the form ()

Conclusion

Next steps ()

Ex_Files_Bootstrap3_AddInteractivity.zip (42.0 MB)

دانلود فایل فشرده

با توجه به امکانات آموزش و همچنین امکانات بسته انتخاب شده لینک دانلود فایل فشرده آماده خواهد شد. با در نظر داشتن این شرایط لطفا بسته مورد نظر خود را انتخاب کرده و روی دکمه درخواست لینک دانلود کلیک کنید

در حال به روزرسانی اطلاعات

درخواست لینک دانلود

در حال به روزرسانی اطلاعات

لطفا قبل از فعالسازی لینک دانلود به موارد زیر توجه کنید:

پسورد فایل‌های فشرده است.
لینک‌های آماده شده تا 8 روز پس از فعالسازی منقضی خواهند شد.
حجم فایل‌ها تخمینی هستند.
در صورتی که لینک دانلود تا 15دقیقه پس از درخواست آماده نشد، از بخش پشتیبانی پیگیری نمایید.