• 7Learn Discount
  • illustrator Curse
  • 7Learn Android Course
  • 7Learn SEO Course
  • 7Learn WP Theme Course

    حرفه ای ترین دوره آموزش طراحی قالب وردپرس



  آیا می دانید با دوره های آموزشی سون لرن می توانید از 0 تا 100 طراحی وب را در منزل فراگیرید!

دوره مجازی بوت استرپ (جلسه 17) : پروژه اول - طراحی قالب مدرن فلت به سبک Hero Header - بخش دوم

6 1777 ۲۹ مرداد ۹۴
در جلسه هفدهم و بخش دوم طراحی قالب مدرن فلت به سبک Hero Header تحت فریم ورک بوت استرپ می پرداریم به ادامه طراحی این پروژه و در قالب استفاده از کلاس های مرتبط با سیستم شبکه بندی بخش های مختلف قالب رو تکمیل خواهیم کرد...و در جلسه آینده به معرفی و کار با یکسری از پلاگین های کاربردی برای جلوه بخشیدن به قالب خواهیم پرداخت مطالب مطرح شده در این جلسه عبارتند از :
  • تکمیل بخش ظاهری قالب توسط آنچه که آموخته ایم
این مطلب یک جلسه از دوره آموزش جامع فریمورک بوت استرپ (پایه تا پیشرفته) است و برای دیدن آن باید در این دوره ثبت نام کنید .
توضیحات : با توجه به افزایش تولید و فراگیر شدن استفاده از اسمارت فون ها و تبلت ها در چند سال اخیر و رابطه مستقیم آنها با دنیای مجازی و اینترنت مدیران و طراحان وب سایت ها ناچار به تعامل مطلوب با این نوع دستگاها شده اند. اما با استفاده از متدها و روش های طراحی سنتی این تعامل با چالش بزرگی روبرو شد و آن عدم ثبات در تطبیق المان ها موجود در قالب وب سایت ها با سایز های متفاوت صفحه نمایش این دستگاه ها بود که این امر باعث عدم پوشش صحیح تمام یا بخش های مختلف یک سایت بصورت استاندارد توسط این دستگاه ها می شد.به لطف این چالش و بخصوص صفحه نمایش هایی با ابعاد متفاوت تکنولوژی جدیدی با عنوان Responsive Design پا به عرضه ظهور گذاشت و تحول بسیار مطلوبی را در عرصه طراحی وب بوجود آورد. در راستای چنین تحولی و با توجه به کمبود و منابع آموزشی کامل در این زمینه در عرصه وب فارسی تصمیم گرفته ایم تا با یک دوره آموزشی بسیار کامل در زمینه تکنولوژی Responsive Design تحت یکی از فریم ورک های بسیار محبوب و البته قدرتمند در این زمینه با نام Bootstrap در خدمت علاقمندان به مبحث طراحی وب بخصوص طراحی واکنشگرا باشیم تا بتوانیم قدمی دیگر در راستای افزایش سطح علمی علاقمندان به مبحث وب و طراحی آن برداریم...
:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

دیدگاه ها 6 دیدگاه برای این مطلب ارسال شده است.

  • ‏‏
    حمید رضا مصطفی زاده(۲۵ مهر ۱۳۹۴)

    سلام استاد
    تو این جلسه شما یک کلاسی با نام progress در فایل p1.css (این فایل همون فایلی هست که تنظیمات css رو خودمون شخصی سازی میکنیم) تعریف کردید
    اما همون طور که شما اشاره کردید در اینجا این کلاس چون با کلاس های بوت استرپ تداخل داشت و هم نام بود به درستی اعمال نشد.
    حالا سوال من این هست که :
    ما تو خط کد های HTML فایل p1.css رو بعد از فایل های بوت استرپ لود کردیم و از طرفی شما هم میگید اگر دو تا کلاس مشابه داشتیم اولویت با کلاسی هست که فایل های css که برای آن انجام لود کردیم پایین تر باشد.
    و یا به عبارت ساده تر از بالا به پایین فایل ها لود میشوند.
    پس چرا این کلاس progress که ما تو p1.css نوشتیم و شخصی سازی کردیم اعمال نشد؟

    • ‏‏
      وحید صالحی(۲۵ مهر ۱۳۹۴)

      آقای مصطفی زاده الان حضور ذهن ندارم که چرا این کلاس رو ایجاد کردیم و دلیل استفاده ازش چی بوده کدهاتون رو به ایمیل بنده ارسال کنید و جاهایی رو که مشکل دارید رو در ایمیل ذکر کنید به این حالت کلی نمیشه مشکل رو برطرف کرد

  • ‏‏
    mahdi7610(۱۸ تیر ۱۳۹۵)

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

    .service {
    background-color: #1AD54F;
    height: 100mh;
    padding: 40px;
    color: #fff;
    }

  • ‏‏
    مصطفی کریم زاده(۸ آبان ۱۳۹۵)

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

  • نکته : برای پاسخگویی سریعتر و بهتر، بخش نظرات این مطلب مختص پرسش و پاسخ های کاربران ثبت نامی در دوره ی دوره آموزش جامع فریمورک بوت استرپ (پایه تا پیشرفته) است .
    اگر قبلا در این دوره ثبت نام کرده اید پس از ورود به سایت می توانید تمامی پرسش و پاسخ ها و نظرات مطرح شده ی این مطلب را مشاهده و اگر سوالی دارید در همینجا مطرح کنید.

    ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

    :: شما می توانید با استفاده از اکانت یاهو یا جیمیل خود به صورت کاملا امن، سریع و بدون نیاز به ورود اطلاعات عضو و وارد سایت شوید. در این صورت هیچ نیازی به ورود نام کاربری و رمز عبور خود نخواهید داشت و هویت شما از طریق ایمیلتان مورد تائید قرار می گیرد .
    برای استفاده از این روش باید در اکانت گوگل(جیمیل) و یا یاهوی خود لاگین باشید .
    عضویت/ ورود سریع با :
    در حال اتصال ...

    ورود به سایت

    ورود سریع با :
    در حال اتصال ...

    جستجو در سون لرن

    عبارت :
    7LearnTelegram