آموزش دریم ویور – طراحی واکنشگرا با بوت استرپ

دوره آموزش دریم ویور – طراحی واکنشگرا با بوت استرپ
Lynda – Dreamweaver CC 2015 – Responsive Design with Bootstrap
به زبان انگلیسی با زیرنویس فارسی توسط هوش مصنوعی و زیرنویس انگلیسی کامل

بوت استرپ – چارچوب محبوب HTML، CSS و جاوا اسکریپت برای ساخت وب‌سایت‌های واکنش‌گرای اول تلفن همراه – به طور کامل در Dreamweaver CC 2015 ادغام شده است. این ترکیب، طراحی وب واکنش‌گرا را در دسترس همه اعضای Creative Cloud قرار می‌دهد.

این دوره مبتنی بر پروژه آموزش دریم ویور – طراحی واکنشگرا با بوت استرپ، به شما نشان می دهد که چگونه یک شبکه طرح بندی بوت استرپ را در Dreamweaver تعریف کنید و یک صفحه وب پاسخگو با استفاده از اجزای Bootstrap و ابزار ستون Dreamweaver بسازید.
مدرس دیوید پاورز همچنین نشان می‌دهد که چگونه می‌توانید یک تصویر قهرمان را به صفحه اول خود اضافه کنید، با ویرایشگر متن Emmet محتوای متغیری ایجاد کنید و مستقیماً به DOM بروید تا عناصر صفحه را جابجا کنید و نیازی به تغییر ساختار HTML نداشته باشید.

فهرست سرفصل های دوره : آموزش Lynda – Dreamweaver CC 2015 – Responsive Design with Bootstrap
دوره آموزش دریم ویور – طراحی واکنشگرا با بوت استرپ

• مقدمه
  خوش آمدی
  آنچه باید قبل از تماشای این دوره بدانید
  با استفاده از فایل های تمرین
  
• 1. شروع به کار
  آشنایی با نحوه عملکرد بوت استرپ
  راه اندازی فضای کاری Dreamweaver
  تعریف شبکه چیدمان بوت استرپ
  
• 2. ایجاد ناوبری سایت
  درج نوار ناوبری
  در حال ویرایش لینک ها
  ایجاد یک منوی کشویی
  حالت دادن به نوار پیمایش
  افزودن تصویر پس زمینه به برند
  
• 3. اضافه کردن یک تصویر قهرمان
  افزودن یک ظرف برای محتوای صفحه
  درج تصویر قهرمان
  قرار دادن عنوان صفحه روی تصویر
  
• 4. کار با ستون ها
  تغییر اندازه ستون ها
  کپی کردن ستون ها با متن مکان نگهدار
  استفاده از Paste Special در Live View
  پاک کردن ستون هایی با طول ناهموار
  ایجاد بخش ویژگی
  تنظیم چیدمان و استایل بخشیدن به بخش ویژگی
  افزودن مطالب بیشتر
  افزودن پاورقی صفحه
  پنهان کردن عناصر
  افزودن صفحات اضافی
  
• 5. استفاده از پیش نمایش دستگاه
  اتصال به دستگاه تلفن همراه
  استفاده از CSS Inspect با پیش نمایش دستگاه
  
• نتیجه
  بعدش چی؟

دوره آموزش دریم ویور – طراحی واکنشگرا با بوت استرپ، Lynda – Dreamweaver CC 2015 – Responsive Design with Bootstrap، به زبان انگلیسی با زیرنویس فارسی توسط هوش مصنوعی و زیرنویس انگلیسی کامل ارائه شده است!