دوره مجازی بوت استرپ (جلسه 21) : پروژه دوم - طراحی قالب خبری - آموزشی - بخش سوم

دسته بندی: آموزش
زمان مطالعه: 1 دقیقه
۱۱ شهریور ۱۳۹۴

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

مطالب مطرح شده در این جلسه عبارتند از :

  • ایجاد شبکه بندی برای بخش محتوا و ساید بار
  • معرفی پلاگین rslider برای استفاده در بخش اسلایدر قالب بجای اسلایدر پیش فرض بوت استرپ
  • طراحی بخش منوی آکاردیون,سفارشی سازی  و کدنویسی جاوااسکریپت برای آیکون های منوهای بازشو
  • شبکه بندی بخش محتوا و خلاصه مطلب
  • ایجاد بخش صفحه بندی
:: توجه

این مطلب یک جلسه از آموزش بوت استرپ 3 می باشد و برای مشاهده آن باید در دوره ثبت نام کنید.

ثبت نام در آموزش بوت استرپ 3

چه امتیازی به این مقاله می دید؟
نویسنده
علاقمند به طراحی و برنامه نویسی وب هستم و چند سالی میشه که در این زمینه فعالیت می کنم. (ایمیل من: @) وب سایت من:

جلسات دوره

نظرات کاربران

رضا

سلام جناب صالحی
چطوری میشه تو فوتر مثه این وب سایت
http://ferdowsisummerschool.ir/%D9%85%D8%B1%D8%A8%DB%8C%D8%A7%D9%86-%D9%88-%D9%85%D9%86%D8%AA%D9%88%D8%B1%D9%87%D8%A7/

طوری استایل داد که انگار اون فوتر با اسکرول خوردن زیر استایل دیگه است و انگار از زیر میاد رو

2- و همچنین اون قسمت پشتیبانی آنلاین گوشه سمت راست چطور ایجادش کنیم با بوت؟

وحید صالحی

قسمت فوتر توسط تکنیک پارالکس ایجاد شده که خیلی سادس گوگل کنید آموزش های زیادی در موردش هست قسمت چت هم با متدهای hide and show جی کوئری میشه پیاده سازیش کرد

سید احسان عظیمی

کاش تمامی اساتید دوره ها مثل آقای دکتر آوند بودند و برای جواب دادن به پاسخ سوالات فراگیراشون کنتور نمی انداختن و به تمامی سوالات فراگیران جواب میدادن

وحید صالحی

موفق باشید

سید احسان عظیمی

سلام و خسته نباشید خدمت آقای صالحی عزیز،
آیا اسلایدر rslider با وردپرس سازگاری داره یا افزونه rslider برای وردپرس وجود داره یا خیر؟

وحید صالحی

بله سازگاره افزونش رو شک دارم نم دونم هست یا نه اما خودش کاملا سازگاره و در سون لرن هم داره ازش استفاده میشه

حمید رضا مصطفی زاده

سلام استاد تو این قسمت سمت راست این پروژه
قسمت “”excerpt topic”” و یا به عبارتی قسمتی که نوشته “دوره آموزشی فریم ورک بوت استرپ”
و 4 تا div با کلاس col-md-6 هست
درون هر کدوم از تگ h1 استفاده کردید.
من خودم از این قسمت پروژه رو دارم یه جایی استفاده میکنم.
حالا میخواستم ببینم این از لحاظ seo مشکلی ایجاد نمیکنه واسم؟
چون تاجایی که من شنیدم از تگ h1 فقط یه بار استفاده میکنیم.از طرفی هم میخواهیم برای سرچ گوگل هم مفید و با اهمیت واقع بشه.چنانچه پیشنهاد خاصی دارید بفرمایید.
(میدونم یه جورایی مربوط میشه سوال به دوره seo اما ممنون میشم توضیح بدید چون دیدم شما برای هرکدوم یه تگ h1 تعریف کردید گفتم بازم از خودتون بپرسیم شاید دلیل خاصی داره و من دارم اشتباه برداشت میکنم)

وحید صالحی

سلام آقا حمید این قالب صرفا جهت آموزش بوت استرپ هست نه آموزش مسائل مربوط به سئو خودتون باید دانش درزمینه سئو رو داشته باشید تا قالب رو بهینه کنید به عنوان مثال بهتر از تگ h3 به بالا استفاده بشه بجای h1 تا از تکرار استفاده از این تگ جلوگیری بشه تمام این موارد و جزئیات در دوره سئو بصورت کامل تدریس میشه که بهاماتتون رو برطرف خواهد کرد …
موفق باشید

پایان زمان پشتیبانی

دانشجوی گرامی، بازه پشتیبانی فعال برای این دوره ۳ ماه است که برای شما به پایان رسیده است.

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

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.
گزارش مشکل