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

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

در جلسه ذوم این دوره می پرداریم به بررسی پیشنیازها و آماده سازی محیط کار برای استفاده از فریم ورک فاندیشن و موارد مورد نیاز رو برای شروع استفاده از این فریم ورک را بررسی خواهیم کرد...

در این جلسه می پردازیم به :

  • مروری بر وب سایت رسمی فاندیشن
  • توضیح در مورد حالات مختلف دانلود هسته فریم ورک
  • توضیح در مورد نحوه سفارشی سازی هسته فاندیشن و راستچین نمودن آن
  • ایجاد پوشه ها و ساختار فایل بندی فریم ورک فاندیشن در نرم افزار PhpStorm
  • بررسی متا تگ view port دلیل استفاده و توضیح در مورد ساختار آن همرا با مثال
  • نحوه اضافه کردن استاندارد فایل های فاندیشن در اسناد وب
  • بررسی اتریبوت مورد نیاز برای استفاده صحیح از نسخه راستچین فریم ورک فاندیشن
:: توجه

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

ثبت نام در آموزش حرفه ای فاندیشن

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

جلسات دوره

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

Keivan Shalileh

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

وحید صالحی

نه مشکلی نداره با idm دانلود کنید یا لینکی که باز میشه آدرس رو از نوار آدرس مرورگرتوی idm کپی کنید

سهیل محمدی

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

وحید صالحی

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

رضا الطافی

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

وحید صالحی

این اسلایدر رسپانسو هست یعنی عرض صفحه هر چقدر باشه عرضش رو همونقدر میشه

رضا الطافی

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

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

لقمان آوند

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

رضا الطافی

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

لقمان آوند

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

Pouriya Ariyafar

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

وحید صالحی

سلامت باشی پوریا جان

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

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

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

نیاز به لاگین

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