برای کسب اطلاعات بیشتر، به این لینک مراجعه نمایید:
#http://www.faradars.org/fvadb96052
اگر در حوزه وب فعال هستید قطعاً می دانید این روزها، یکی از مهم ترین مسئله ای که در طراحی سایت مطرح می شود ساخت وب سایت Responsive و Mobile-Friendly است. یعنی وب سایت هایی که روی تمام دستگاه های هوشمند، به خصوص موبایل، به درستی و متناسب با اندازه صفحه، نمایش داده می شوند.
سرفصل های مورد بحث در این فیلم آموزشی عبارتند از:
درس یکم: معرفی دوره
درس دوم: استراتژی ها و اصول طراحی وب سایت Mobile-Friendly
تنظیم محتوای وب سایت مطابق موبایل
در نظر گرفتن طراحی و قابلیت استفاده
استفاده از Gesture های موبایل در طراحی
در نظر گرفتن چرخش عمودی و افقی موبایل (Orientation)
درس سوم: انجام تنظیمات اولیه
ایجاد Mobile Layout
تفاوت Fluid Width و Fixed Width
تنظیم header
تبدیل فونت های فارسی به Web Font
تنظیم footer
تنظیم background
درس چهارم: ساخت انواع منوهای Mobile-Friendly
ایجاد لینک های منو
ساخت منوی باز شونده (Collapsible) عمودی
ساخت منو به صورت LightBox
ساخت منوی باز شونده (Collapsible) عرضی
ساخت منو با استفاده از Anchor Point
درس پنجم: اضافه کردن محتوای سایت
اضافه کردن تصاویر و متن ها و تنظیم با نسخه موبایل
راهبری کاربر به مطالب مهم (Navigation) با ایجاد Anchor Point
ایجاد لینک برای انتقال به نسخه دسکتاپ وب سایت
گرافیک های مناسب برای موبایل
لینک گرافیک ها به هر URL دلخواه
درس ششم: استفاده از Widgetها متناسب با کاربر موبایل
ایجاد انواع اسلاید شو با قابلیت Swipe Gesture
ایجاد محتوای باز شونده (Collapsible Content) برای استفاده مناسب از فضا
استفاده از Google Maps در وب سایت
ایجاد فرم تماس با ما و اتصال فرم به ایمیل
استفاده از دستور Mailto و Tel
خروجی گرفتن از وب سایت نهایی با Export as HTML
بررسی کدهای HTML، PHP و JavaScript ایجاد شده
درس هفتم: طراحی Responsive برای کامپیوتر، تبلت و موبایل
آماده سازی وب سایت برای طراحی ریسپانسیو
مفهوم BreakPoint و ایجاد نقاط شکست جدید
استفاده از ابزار Pin
تنظیم محتوا مطابق صفحه نمایش تبلت
تنظیم محتوا متناسب با صفحه نمایش موبایل
تغییر منو و پس زمینه برای کاربران موبایل
درس هشتم: بهینه سازی SEO
کار با پنجره های Page Properties
مشخص کردن کلمات کلیدی هر صفحه
اضافه کردن Description برای هر صفحه
اضافه کردن Description برای عکس های مهم
تغییر نام صفحه های وب سایت
ایجاد Title برای هر صفحه
ایجاد پسوند پیشوند برای Title ها
بهینه سازی تصاویر برای موتور جستجو
درس نهم: چند ایده برای توسعه وب سایت
ثابت کردن منو در بالای مرورگر موبایل
استفاده از تب MetaData برای ایجاد تگ Head
اضافه کردن کدهای HTML در قسمت های مختلف وب سایت
آپلود مستقیم وب سایت روی host با ابزار Upload to FTP Host
تست Mobile-Friendly وب سایت از طریق ابزار گوگل
ایده برای ارتباط وب سایت طراحی شده با WordPress
مدرس: مهندس محمد نسیمی فر
آموزش, طراحی, پروژه, محور, نسخه, موبایلی, سایت, با, Adobe, Muse