آموزش ساخت سایت واکنشگرا یا ریسپانسیو

در این قسمت می توانید نکات، ترفندها، آموزش و نمونه کد های خود را که توسط برنامه WYSIWYG Web Builder ساخته اید در این قسمت برای کاربران ارائه دهید.
قوانين انجمن
لطفا در این بخش هیچ گونه سوال یا مشکل ارسال ننمایید.

آموزش ساخت سایت واکنشگرا یا ریسپانسیو

پستتوسط priyanka » يکشنبه 29 آذر 1393, 1:26 am

سایت ریسپانسیو به سایتی گفته می شود که بر اساس اندازه صفحه مرورگر بین حالت های مختلف جا به جا میشود.به نمونه سایت زیر نگاه کنید
http://numerical-analysis.ir/responsive%20kitchen/

همانطور که می بینید با تغییر سایز مرورگر حالت سایت تغییر می کند. برای دیدن بهتر نتیجه از مرورگر Safari استفاده کنید.
در آدرس http://s5.picofile.com/file/8158548868/responsive_kitchen.zip.html آموزش کامل ساخت چنین سایتی در قالب یک پروژه شرح داده شده است. پروژه با نسخه 10.1.0 نوشته شده است. برای باز کردن فایل باید از همین نسخه استفاده کنید.
priyanka
 
پست ها : 38
تاريخ عضويت: دوشنبه 21 بهمن 1392, 9:17 pm

آموزش ساخت سایت واکنشگرا یا ریسپانسیو

پستتوسط پشتیبانی » دوشنبه 1 دی 1393, 12:23 pm

همانطور که می بینید با تغییر سایز مرورگر حالت سایت تغییر می کند. برای دیدن بهتر نتیجه از مرورگر Safari استفاده کنید.

همچنین می توانید در مرورگر Firefox با استفاده از کلید های ترکیبی Ctrl+Shift+M سایز های مختلفی را مشاهده کنید.
مجموعه کامل فیلم های آموزشی برنامه WYSIWYG Web Builder به زبان محبوب فارسی - اطلاعات بیشتر در لینک زیر:
http://wysiwygwebbuilder.ir/tutorial_films.html

برای دانلود نسخه جدید WYSIWYG Web Builder 12کلیک کنید!
http://www.wysiwygwebbuilder.ir/download.php
نماد کاربر
پشتیبانی
بنیان گذار سایت
 
پست ها : 608
تاريخ عضويت: چهارشنبه 21 دی 1390, 9:03 pm
محل سکونت: ایران


بازگشت به نکات، ترفندها، آموزش و نمونه کد

چه کسي حاضر است ؟

کاربران حاضر در اين انجمن: بدون كاربران آنلاين و 1 مهمان

cron