tabriz wt 6 - responsive web 1
DESCRIPTION
TRANSCRIPT
![Page 1: Tabriz WT 6 - Responsive Web 1](https://reader031.vdocuments.site/reader031/viewer/2022020115/547bbd76b4af9fa0158b4f85/html5/thumbnails/1.jpg)
RESPONSIVE
WEB
DESIGN
![Page 2: Tabriz WT 6 - Responsive Web 1](https://reader031.vdocuments.site/reader031/viewer/2022020115/547bbd76b4af9fa0158b4f85/html5/thumbnails/2.jpg)
مفهوم واژه ریسپانسیو
![Page 3: Tabriz WT 6 - Responsive Web 1](https://reader031.vdocuments.site/reader031/viewer/2022020115/547bbd76b4af9fa0158b4f85/html5/thumbnails/3.jpg)
![Page 4: Tabriz WT 6 - Responsive Web 1](https://reader031.vdocuments.site/reader031/viewer/2022020115/547bbd76b4af9fa0158b4f85/html5/thumbnails/4.jpg)
![Page 5: Tabriz WT 6 - Responsive Web 1](https://reader031.vdocuments.site/reader031/viewer/2022020115/547bbd76b4af9fa0158b4f85/html5/thumbnails/5.jpg)
طراحی ریسپانسیو چیست؟
![Page 6: Tabriz WT 6 - Responsive Web 1](https://reader031.vdocuments.site/reader031/viewer/2022020115/547bbd76b4af9fa0158b4f85/html5/thumbnails/6.jpg)
طراحی ریسپانسیو راهی است برای طراحی یک وبسایت که در
در طراحی ریسپانسیو همه . همه نمایشگرها به خوبی دیده شود
اشیاء و تصاویر و متن ها با توجه به اندازه صفحه نمایشگر در
. گیرندجای خود قرار می
![Page 7: Tabriz WT 6 - Responsive Web 1](https://reader031.vdocuments.site/reader031/viewer/2022020115/547bbd76b4af9fa0158b4f85/html5/thumbnails/7.jpg)
دالیل استفاده از
ریسپانسیو وب
![Page 8: Tabriz WT 6 - Responsive Web 1](https://reader031.vdocuments.site/reader031/viewer/2022020115/547bbd76b4af9fa0158b4f85/html5/thumbnails/8.jpg)
در سالهای اخیر، تعداد کاربران موبایل بیشتر از
.کاربران دسکتاپ شده است
![Page 9: Tabriz WT 6 - Responsive Web 1](https://reader031.vdocuments.site/reader031/viewer/2022020115/547bbd76b4af9fa0158b4f85/html5/thumbnails/9.jpg)
از نمودار مربوط به رشد افزاینده ی کاربران اینترنتی که
موبایل استفاده می کنند
![Page 10: Tabriz WT 6 - Responsive Web 1](https://reader031.vdocuments.site/reader031/viewer/2022020115/547bbd76b4af9fa0158b4f85/html5/thumbnails/10.jpg)
نمودار مقایسه ی استفاده ی اینترنتی کاربران
دسکتاپ و موبایل
![Page 11: Tabriz WT 6 - Responsive Web 1](https://reader031.vdocuments.site/reader031/viewer/2022020115/547bbd76b4af9fa0158b4f85/html5/thumbnails/11.jpg)
چگونگی کارکرد ریسپانسیو وب
![Page 12: Tabriz WT 6 - Responsive Web 1](https://reader031.vdocuments.site/reader031/viewer/2022020115/547bbd76b4af9fa0158b4f85/html5/thumbnails/12.jpg)
![Page 13: Tabriz WT 6 - Responsive Web 1](https://reader031.vdocuments.site/reader031/viewer/2022020115/547bbd76b4af9fa0158b4f85/html5/thumbnails/13.jpg)
نحوه تشخیص ریسپانسیو بودن یک سایت
![Page 14: Tabriz WT 6 - Responsive Web 1](https://reader031.vdocuments.site/reader031/viewer/2022020115/547bbd76b4af9fa0158b4f85/html5/thumbnails/14.jpg)
مزایای استفاده از ریسپانسیو وب
![Page 15: Tabriz WT 6 - Responsive Web 1](https://reader031.vdocuments.site/reader031/viewer/2022020115/547bbd76b4af9fa0158b4f85/html5/thumbnails/15.jpg)
مزایای استفاده از ریسپانسیو وب
![Page 16: Tabriz WT 6 - Responsive Web 1](https://reader031.vdocuments.site/reader031/viewer/2022020115/547bbd76b4af9fa0158b4f85/html5/thumbnails/16.jpg)
روش های ریسپانسیو کردن یک سایت
![Page 17: Tabriz WT 6 - Responsive Web 1](https://reader031.vdocuments.site/reader031/viewer/2022020115/547bbd76b4af9fa0158b4f85/html5/thumbnails/17.jpg)
Flexible Images
Adaptive Image
ز کوکیید دستی تصاویر در ابعاد مختلف و کمک گرفتن اتول
Sencha.io
تگpictureدرHTML5
Focal Point