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

- visibility ۱۲ mode_comment

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

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

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

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

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

comment دیدگاه کاربران
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

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

وحید صالحی

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

نیاز به لاگین

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