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

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



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

دوره مجازی فاندیشن (جلسه 2) - پیشنیازها و آماده سازی محیط کار

12 798 ۱۸ اسفند ۹۴
در جلسه ذوم این دوره می پرداریم به بررسی پیشنیازها و آماده سازی محیط کار برای استفاده از فریم ورک فاندیشن و موارد مورد نیاز رو برای شروع استفاده از این فریم ورک را بررسی خواهیم کرد... در این جلسه می پردازیم به :
  • مروری بر وب سایت رسمی فاندیشن
  • توضیح در مورد حالات مختلف دانلود هسته فریم ورک
  • توضیح در مورد نحوه سفارشی سازی هسته فاندیشن و راستچین نمودن آن
  • ایجاد پوشه ها و ساختار فایل بندی فریم ورک فاندیشن در نرم افزار PhpStorm
  • بررسی متا تگ view port دلیل استفاده و توضیح در مورد ساختار آن همرا با مثال
  • نحوه اضافه کردن استاندارد فایل های فاندیشن در اسناد وب
  • بررسی اتریبوت مورد نیاز برای استفاده صحیح از نسخه راستچین فریم ورک فاندیشن
این مطلب یک جلسه از دوره آموزش جامع فریمورک Foundation (پایه تا پیشرفته) است و برای دیدن آن باید در این دوره ثبت نام کنید .
توضیحات : امروزه با توجه به پیشرفت سریع تکنولوژی ,مبحث طراحی رسپانسیو و یا به عبارتی واکنشگرا در زمینه وب جز یکی از موارد اجتناب ناپذیر برای طراحان وب می باشد که در کنار چندین فاکتور اساسی و پایه ای دیگر، از مواردی به شمار می رود که نیاز است قبل از هر چیز و شروع پروژه توجه ویژه ای به آن شود و به عنوان یکی از ارکان اصلی پیاده سازی سایت های اینترنتی در بخش UI (رابط کاربری) و همچنین UX (تجربه کاربری) مد نظر قرار گیرد و توجه ویژه ای به آن شود چرا که عدم توجه به آن می تواند منجر به شکست و زیان دهی پروژه گردد. طبق آمار تا پایان سال ۲۰۱۵ بیش از ۹۱ درصد از مردم دنیا دارایی تلفن همراه هستند و و ۶۰ درصد از این جامعه آماری دارای تلفن های هوشمند در مدل های مختلف هستند و از آن برای اتصال به اینترنت و وبگردی استفاده می کنند حال با توجه به طیف وسیعی از کاربرانی که دارای تلفن های هوشمند در ابعاد و اندازه های مختلف هستند طراحان وب ملزم به طراحی UI و رعایت اصول استاندارد UX در طرح های خود می باشند تا کاربران هدف شان که درصد بالایی در جامعه آماری ذکر شده را تشکیل می دهند بتوانند با هر دستگاهی و در هر اندازه ای به راحتی و بدون دردسر و به هم ریختگی در ظاهر و قالب یک سایت آن را مشاهد و مورد کاوش قرار دهند و تجربه لذت بخشی از وبگردی در سایت مورد نظرشان داشته باشند. از این رو و برای راحتی و سرعت بخشیدن به این نوع طراحی (طراحی واکنشگرا) در کنار رعایت استاندارهای لازم، سالانه فریم ورک های مختلفی در این زمینه طراحی و تولید می شوند و به رقابت با سایر رقبای خود در این زمینه می پردازند. به همین دلیل بر آن شدیم تا یکی از فریم ورک های فوق العاده قدرتمند و با سابقه و محبوب در بین طراحان حرفه ای را به صورت اصولی و از پایه تا پیشرفته در قالب مثال های مختلف و متنوع آموزش دهیم. در پایان نیز با کدنویسی 0 تا 100 یک پروژه کاملا حرفه ای و مدرن، به صورت عملی و کاربردی از این فریمورک حرفه ای استفاده خواهیم کرد. لازم به ذکر است که قالب کنونی وب سایت سون لرن هم بر پایه فریم ورک فاندیشن پیاده سازی و طراحی شده است. در این دوره آخرین نسخه فریمورک فاندیشن (نسخه 6) تدریس خواهد شد و شما به روزترین آموزش این فریمورک را در وب فارسی خواهید داشت. امیدواریم این دوره نیز مورد توجه و استقبال علاقمندان قرار گرفته و مفید واقع گردد...
:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

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

  • ‏‏
    Pouriya Ariyafar(۲۰ اسفند ۱۳۹۴)

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

  • ‏‏
    رضا الطافی(۱۶ اردیبهشت ۱۳۹۵)

    سلام جناب آقای صالحی
    بابت دوره Less خسته نباشید میگم دیروز به اتمام رسوندم و بسیار از آموزش عالیتون متشکرم. امروز هم شروع به آموزش Foundation کردم.

    یه سوالی داشتم که ماه ها ذهنم رو درگیر کرده…در بعضی از سایت ها دیدم که تصویری در صفحه وجود داره که تمام عرض صفحه رو به خودش اختصاص داده چه در مانیتورهای کوچک و چه در مانیتورهای بزرگ…سوال بنده اینه که یک تصویری که 1300 پیکسل داره ، چطور میتونه تمام عرض رو در مانیتورهای بزرگ تر از عرض خودش هم نمایش بده ؟
    و یا اسلایدرهای زیادی هم دیدم که همین حالت هستند و تمام عرض رو دارن

    • ‏‏
      لقمان آوند(۱۷ اردیبهشت ۱۳۹۵)

      سلام
      خوب شما اگه position اون رو fixed بزارید در css و طول و عرضش رو 100% بزارید به راحتی انجام میشه .
      اگر پس زمینه می خواید بزارید هم از ویژگی background-cover استفاده کنید حله !

      • ‏‏
        رضا الطافی(۱۸ اردیبهشت ۱۳۹۵)

        جناب آوند زمانی که position رو fixed قرار میدم تصویر ( هدر سایت ) هنگام اسکرول حرکت میکنه و از طرفی کاری که گفتید انجام دادم اما بازهم زمانی که اندازه مرورگر رو بزرگ میکنم ، تصویر از سمت راست جدا میشه و به سمت چپ هدایت میشه ! margin:0 auto هم که میدم بازهم تاثیری نداره

        • ‏‏
          لقمان آوند(۱۸ اردیبهشت ۱۳۹۵)

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

  • ‏‏
    رضا الطافی(۲۰ اردیبهشت ۱۳۹۵)

    در همین پروژه نهایی Foundation اسلایدری وجود داره که در تمام ابعاد ، حتی ابعاد بزرگتر از عرض تصویر ، بازهم تمام عرض صفحه رو به خودش اختصاص میده.

  • ‏‏
    سهیل محمدی(۳۱ خرداد ۱۳۹۵)

    استاد صالحی عزیز و دوست داشتنی !!
    تا اینجای کار خیلی از تدریستون و بیان نکات جزیی راضی بودم . بنده از ته دل شما و جناب آوند رو دعا میکنم که اینقدر دلسوزانه تجربیات خودتون رو در اختیار ما میزارید. بسیار ممنونم
    فقط یه سوال استاد صالحی …. من تا اینجای کار متوجه شدم در پروژه هایی که تحت این فریم ورک هست ما دو تا فایل css داریم ! میخاستم بدونم توی تبدیل پروژه در اخر سر به وردپرس و وردپرسی کردن اون مشکل ساز نیس ؟ اخه من شنیدم برای تبدیل به قالب وردپرس ما باید فقط یک فایل style.css داشته باشیم حتی باید نامش هم به این شکل باشه . شاید هم بنده اشتباه میکنم … از شما میخوام بگین جریان چیه و اینجوری با دو تا فایل css در تبدیل به وردپرس مشکلی خواهیم داشت یا خیر ؟
    ببخشید اگه طولانی شد 😀

    • ‏‏
      وحید صالحی(۳۱ خرداد ۱۳۹۵)

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

  • ‏‏
    Keivan Shalileh(۲۷ تیر ۱۳۹۵)

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

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

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

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

    ورود به سایت

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

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

    عبارت :
    7LearnTelegram