فلش‌کارت‌های آموزشی یادگیری روزانه طراحی صفحات وب جذاب

📚 کتاب آموزشی جامع

📚 اطلاعات کتاب

عنوان کتاب: کتاب یادگیری روزانه طراحی صفحات وب جذاب

موضوع کلی: ساخت و طراحی صفحات وب

موضوع میانی: اصول و تکنیک‌های اولیه طراحی وب

📋 سرفصل‌های کتاب (100 موضوع)

• 1. طراحی اولین صفحه وب
• 2. ساختار HTML پایه
• 3. تگ های اصلی HTML
• 4. عناصر تیتر و پاراگراف
• 5. لینک ها و ناوبری
• 6. تصاویر در وب
• 7. لیست ها و مرتب سازی
• 8. جدول ها و داده ها
• 9. فرم ها و ورودی ها
• 10. تگ های معنایی HTML5
• 11. استفاده از Canvas
• 12. انیمیشن های CSS
• 13. قوانین CSS پایه
• 14. انتخابگرهای CSS
• 15. رنگ ها و پس زمینه ها
• 16. فونت ها و متن
• 17. جعبه مدل CSS
• 18. حاشیه ها و padding
• 19. عرض و ارتفاع
• 20. نمایش عناصر
• 21. float و clear
• 22. positioning در CSS
• 23. flexbox برای چیدمان
• 24. grid برای چیدمان
• 25. طراحی واکنش گرا
• 26. مدیا کوئری ها
• 27. تنظیمات Viewport
• 28. طراحی برای موبایل اول
• 29. طراحی برای دسکتاپ
• 30. تصاویر واکنش گرا
• 31. مرتب سازی محتوا
• 32. هدرهای جذاب
• 33. فوترهای کاربردی
• 34. منوهای ناوبری مدرن
• 35. دکمه های تعاملی
• 36. کارت های اطلاعاتی
• 37. گالری تصاویر
• 38. اسلایدرها و carousel ها
• 39. فرم های زیبا
• 40. محتوای قابل گسترش
• 41. پاپ آپ ها و مودال ها
• 42. انیمیشن های ورود و خروج
• 43. افکت های هاور
• 44. ترنزیشن های CSS
• 45. انیمیشن های سفارشی
• 46. استفاده از آیکون ها
• 47. آیکون های فونت
• 48. آیکون های SVG
• 49. طراحی تم ها
• 50. پالت های رنگی
• 51. انتخاب فونت مناسب
• 52. فضای سفید در طراحی
• 53. توازن بصری
• 54. ریتم در طراحی
• 55. تاکید بصری
• 56. هماهنگی در طراحی
• 57. سادگی در طراحی
• 58. کاربرپسند بودن
• 59. دسترسی پذیری وب
• 60. استانداردهای وب
• 61. تست مرورگرها
• 62. بهینه سازی سرعت
• 63. فشرده سازی تصاویر
• 64. مینیمالیسم در طراحی
• 65. طراحی مینیمال
• 66. طراحی مسطح
• 67. طراحی متریال
• 68. طراحی مدرن
• 69. طراحی آینده نگر
• 70. طراحی مینیمالیستی با رنگ
• 71. طراحی مینیمالیستی با فونت
• 72. طراحی مینیمالیستی با فضا
• 73. طراحی مینیمالیستی با عناصر
• 74. طراحی مینیمالیستی با انیمیشن
• 75. طراحی مینیمالیستی با فرم
• 76. طراحی مینیمالیستی با گالری
• 77. طراحی مینیمالیستی با اسلایدر
• 78. طراحی مینیمالیستی با مودال
• 79. طراحی مینیمالیستی با هدر
• 80. طراحی مینیمالیستی با فوتر
• 81. طراحی مینیمالیستی با ناوبری
• 82. طراحی مینیمالیستی با دکمه
• 83. طراحی مینیمالیستی با کارت
• 84. طراحی مینیمالیستی با آیکون
• 85. طراحی مینیمالیستی با تصاویر
• 86. طراحی مینیمالیستی با جدول
• 87. طراحی مینیمالیستی با لیست
• 88. طراحی مینیمالیستی با فرم ها
• 89. طراحی مینیمالیستی با محتوا
• 90. طراحی مینیمالیستی با انیمیشن های ورود
• 91. طراحی مینیمالیستی با انیمیشن های خروج
• 92. طراحی مینیمالیستی با ترنزیشن ها
• 93. طراحی مینیمالیستی با افکت های هاور
• 94. طراحی مینیمالیستی با توازن
• 95. طراحی مینیمالیستی با ریتم
• 96. طراحی مینیمالیستی با تاکید
• 97. طراحی مینیمالیستی با هماهنگی
• 98. طراحی مینیمالیستی با سادگی
• 99. طراحی مینیمالیستی با کاربرپسند بودن
• 100. طراحی مینیمالیستی با دسترسی پذیری