فیلم آموزشی طراحی ریسپانسیو
- نویسنده : علی مظلوم در دسته بندی فیلم های آموزشی
- 35 نظر و 17,340 بازدید
- ۹۳/۰۱/۱۲
فیلم آموزشی طراحی ریسپانسیو . در این فیلم آموزشی ما به طراحی منو ریسپانسیو در وب سایت میپردازیم.
همانطور که میدانید وب سایت ها با روش های مختلفی تبدیل به طرح ریسپانسیو می شوند از جمله کار با فریم ورک هایی از جمله بوت استرپ یا پلاگین های جی کوئری و یا مدیاکوئری.
ما در این فیلم آموزشی به طراحی منو با مدیاکوئری CSS3 پرداختیم.
اما یکی از پارامترهای مهم در طراحی ریسپانسیو ، بحث متاتگ Viewport هست
خب حالا متا تگ viewport و استفاده آن در طراحی نسخه موبایل وب سایت به چه صورت هست…!؟
برای به کار گرفتن طراحی ریسپانسیو کُدها و روش های متفاوت و زیادی وجود دارند که می توانید از آنها بهره بگیرید. اما برای اینکه کمی ساده تر فکر کنیم ما با سه متا تگ زیر که وجودشان در قالب های واکنش گرا اجباری است شروع می کنیم.
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″ />
زمانی که صفحه شما در یک تلفن هوشمند بارگزاری می شود متا تگ View Port باعث میشود که صفحه شما در نسبت ابعاد 1×1 نمایش داده شود. این متا تگ باعث می شود که مرورگر تلفن هوشمند به صورت پیش فرض صفحه شما را در حالت Full-View باز نکند و کاربر امکان بزرگنمایی (زوم) هم داشته باشد.
با تشکر
موفق باشید مثل همیشه
ممنون ! عالی بود !
با سلام
با تشکر فراوان بابت سایت خوبتون و مطالب آموزنده ی آن
می خواستم بدونم ادامه ی آموزش ریسپانسیو رو هم در سایت قرار می دین
با تشکر
سلام
لطفاً از آموزشهای ریسپانسیو بیشتر تو سایتتون بذارید
ممنون ، عالی بود
با سلام میخواستم بدونم آیا تبادل لینک و بنر انجام میدهید یا نه؟؟؟؟؟؟؟
سلام علی جان آموزش ها رو توی نت پیکسل میزارید یا اینجا ؟
با سلام
آیا ادامه این فیلم آموزشی را هم در دسترس قرار می دهید؟
ممنون که چواب دادین . . .
سلام دوست من بله آموزش ها ادامه خواهند داشت
با تشکر
موفق باشید.
عرض سلام…خیلی ممنون بابت اموزش های مفید و بروزتون
با سلام
آیا قسمت های بعدی این فیلم آموزشی را هم در دسترس قرار می دهید؟ “تو فیلم اشاره به قسمت های بعدی آموزشی داره”
سلام دوست من
قطعا بله
جناب مظلوم ضمن تشکر از آموزش بسیار خوبتون میخوام بگم بی صبرانه منتظر جلسه بعدی هستم…
ممنون دوست گرامی
موفق باشید مثل همیشه…;):)
واقعاً ممنون خیلی دنبال همچین آموزشی می گشتم
واقعآ فوق العاده بود …
سلام
بسیار عالی
منتظر اموزش طراحی برای کل سایت هستیم.
واقعا کارتون تو بیان مطالب عالی بود.
مختصر و کاملا مفید.ممنون
با عرض سلام و خسته نباشید
منتظر ادامه این آموزش هستیم
ممنون عالی بود خیلی ممنون دستتون درد نکنه .. فقط این آموزش طراحی یک قالب کاملا ریسپانسیو رو کی میزارید؟
ممنون بابت مطلبتون : )
دمت گرم.عالی بودومفیدکوتاه.امیدوارم بازم ادامه بدید
سلام
ضمن تشکر ازتون بابت آموزش ها می خواستم بگم که شش ماه منتظر آموزش بعدیتون هستیما!!
ممنون
سلام آقای مظلوم ، ممنون از آموزش های خوبتون . عالی هست
فقط دوسؤال از خدمت شما دارم:
1- اینکه وب سایت نت پیکسل فعالیت خود را ادامه می دهد یا نه؟
2- من در سایت نت پیکسل آموزش ساخت قالب وردپرس را خریدم ولی فیلم ها از روی هارد پاک شد و حتی ایمیلی که لینک ها در آن بود نیز حذف شد ، آیا امکان خرید پستی مجموعه وجود دارد یا نه؟
با سلام و خسته نباشید
بله دوست من نت پیکسل به پایان فعالیت خود رسید.
در مورد مجموعه نیز میتوانید از وب سایت وی لرن نسبت به خرید یک مجموعه پیشرفته تر اقدام نمایید.
با تشکر
موفق باشید.
آقای مظلوم ممنون ، فقط اینکه در وب سایت وی لرن دوره طراحی قالب وردپرس وجود ندارد؟
آقای مظلوم من الآن خیلی به مجموعه طراحی قالب شما احتیاج دارم …
با سلام و خسته نباشید خدمت شما
به امید خدا هفته آینده در وب سایت Welearn.ir قرار می گیرد.
با نهایت تشکر و سپاس
موفق باشید…;):)
سلام . مطلب خوب و قابل استفاده ای بود . مرسی
سلام
لینک دانلود خرابه!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
پیگیری کنید لطفا
دانلود نمیشه که واینکه سایت نت پیکسل پرا وجود نداره الان این شده یا درحال تعمیره چجوری فیلماتون دان کنیم وسایتتون چیه بی زحمت اگه امکان داره جوابمو برام ایمیل بزنید!!!!!!!!!!!!!!!!!
برای آموزش ها عمیق تر به welearn.ir مراجعه کنید.
سلام خیلی ممنون عالی و مفید بود . لطفا باز هم مطالب جدید و مفید رو در این سایت درج کنید.
لینک مشکل دارد
لینک تصحیح شد
با تشکر و سپاس
موفق باشید
بسیار عالی، ممنون و متشکر