زمان کنونی: 1397-02-31, 03:19 ب.ظ
خوش آمدید، مهمان! (ورودثبت نام)
http://uploader.bushehrteam.com/do.php?imgf=137519987016081.jpg آموزش کوتاه روز : آیا می دانستید در محیط کد نویسی سی شارپ با دستور ";(System.Diagnostics.Process.Start("calc"" می توانید برنامه ماشین حساب ویندوز را اجرا کنید.
 ( آموزشهای کوتاه خود را در هر زمینه ای و در هر سطحی از طریق این لینک برای ما  بفرستید تا با نام خودتان روزانه در این قسمت قرار بگیرد)
قابل توجه اعضا و بازدیدکنندگان محترم سایت : دامنه کوتاه BUTM.IR در کنار دامنه اصلی ( BushehrTeam.Com ) به وب سایت متصل هست و می توانید به جای استفاده از دامنه BushehrTeam.Com  از دامنه BUTM.IR برای بازدید از سایت استفاده نمایید . . .

ارسال پاسخ 
 
امتیاز موضوع:
  • 1 رأی - میانگین امتیازات: 5
  • 1
  • 2
  • 3
  • 4
  • 5
اشتراک موضوع در Digg delsios Reddit Facebook Twitter StumbleUpon
نکات مهم در طراحی سایت طراحی ریسپانسیو
نویسنده پیام
****
کاربر فعال


NAHID
وضعيت : آفلاین
ارسال ها:286
تاریخ ثبت نام:آبان 1392
اعتبار: 7
سن:
ساکن: بوشهر
حالت من: شاد
سپاس ها: 763
سپاس شده 982 بار در 284 ارسال

ارسال: #1
نکات مهم در طراحی سایت طراحی ریسپانسیو
تاریخچه طراحی وب سایت ریسپانسیو به سال 2010 بر می گردد که از آن زمان این نوع سایت ها پا به عرصه ظهور نهاد. اما در طول این سه سال تغییراتی در طراحی سایتهای ریسپانسیو که توسط طراحان وب انجام میگرفت به وجود آمد.

طراحی ریسپانسیو امروزه بسیار گسترش پیدا کرده که به دلیل استفاده بسیار و در حال افزایش کاربران از موبایل و تبلت برای رویت وب سایت می باشد. طبق این منبع در سال 2012 55% از کاربران در سال 2012 از موبایل برای مرور وب استفاده می کرده اند و 31 درصد از کاربران اذعان داشتند که وسیله پیش فرض مرور وبشان موبایل می باشد. پس در صورتی که در مورد طراحی وب سایت ریسپانسیو سوالی دارید ادامه دهید.

طراحی ریسپانسیو چیست؟

قبل از همه باید بدانید وب سایت ریسپانسیو و یا واکنش گرا چیست. وب سایت واکنش گرا وب سایتی است که خود را سازگار با سایز صفحه نمایش کاربر می سازد. به دلیل استفاده بسیار از تبلت و مرورگرهای موبایل برای مرور وب طراحان وب مجبور شدند سایت را به گونه ای طراحی نمایند که در صفحه کوچک موبایل به خوبی نمایش داده شود. به همین دلیل از media queries استفاده شد تا سایر دستگاه کاربر را مشخص نماید و از تصاویر و صفحه بندی انعطاف پذیر در سایزهای مختلف استفاده شد.

طراحی ریسپانسیو به معنی سایت نسخه موبایل نیست

برای برخی سایت ها به صورت جداگانه نسخه ای برای موبایل طراحی می گردد و زمانی که کاربر با موبایل سایت را مشاهده می نماید به آدرس دیگری هدایت می شود که نسخه مخصوص موبایل وب سایت می باشد. ولی در طراحی ریسپانسیو کاربر سایت را در همان آدرس و با ترکیب مناسب موبایل مشاهده می نماید و کاربر به آدرس دیگری ارجاع داده نمی شود. که بر طبق نظر گوگل طراحی ریسپانسیو بهترین نوع برای ایجاد نسخه سازگار با موبایل وب سایت است.
جعبه های شناور

جعبه ها و یا باکس های شناور به پیاده سازی سایت ریسپانسیو کمک می نماید. به این صورت که صفحه به ستون های مختلف شناوری تقسیم می گردد و زمانی که عرض صفحه کوچک شده ستون ها بر روی هم حرکت می نمایند و کاربر کافی است در صفحه اسکرول عمودی نماید تا کلیه مطالب را مطلع نماید. المان هایی از صفحه که در حالت عادی عرض بیشتری دارند با توجه به تغییر عرض صفحه تغییر سایز می کنند تا در عرض مورد نظر بدون نیاز به اسکرول افقی یه خوبی نمایش داده شوند.

تصاویر و فونت ها نیز می بایست ریسپانسیو باشند

استفاده از تصاویر در سایت ریسپانسیو به خودی خود آنها را ریسپانسیو نمی نماید. توسط برخی از کتابخانه ها نظیر Bootstrap می توان این کار را به صورت اتوماتیک انجام داد. برای فونت ها نیز می توان از rems  به جای px استفاده نمود. با تعیین سایز فونت صفحه به صد درصد
html {font-size: 100%;}

می توانید از استفاده نمایید تا سایز فونت ها را مطابق با عرض صفحه تعیین نماید.
@media (max-width: 640px) {body {font-size: 1.2rem} } @media (max-width: 1100px) {body {font-size: 1.5rem} }

استفاده از فریم ورک ها همه چیز را ساده می سازد

در دنیای ریسپانسیو فریم ورک هایی وجود دارند که با استفاده از آنها می توانید لایه بندی و قالب سایت خود را طراحی نماید. در حقیقت قالب هایی هستند که موارد پیش فرض در آنها رعایت گردیده و شما مطمئن خواید بود که سایت شما با مرورگرهای مختلف سازگاری کامل دارد. برخی از این فریم ورک ها به وصورت کامل طراحی شده اند و می توانید با تغییرات کوچکی در آن قالب مورد نظر خود را پیاده سازی نمایید
 امروزه با توجه به افزایش سایت های ریسپانسیو گمان میرود که تا چند سال آینده طراحی وب سایت های ریسپانسیو جای وب سایت های معمولی را بگیرند پس از حالا به فکر طراحی سایت های ریسپانسیو باشید تا در آینده با مشکل روبرو نشوید 

منبع: تسخیر















[size=x-large]هنگامی که خدا انسان را اندازه می گیرد متر را دور قلبش می گذارد نه دور سرش ...
«نورمن وینسنت پیل»
 
1393-03-18 07:10 ب.ظ
مشاهده سایت این کاربر یافتن همه ی ارسالهای این کاربر نقل قول این ارسال در یک پاسخ
 سپاس شده توسط Reza.Heydari ، omrani.meysam63 ، sajad safaie
ارسال پاسخ 


موضوع‌های مرتبط با این موضوع...
موضوع: نویسنده پاسخ: بازدید: آخرین ارسال
  آوردن سایت در گوگل asgharji 0 536 1395-06-13 12:05 ب.ظ
آخرین ارسال: asgharji
  نکات سئو سایت 2016 asgharji 0 548 1395-06-08 11:04 ق.ظ
آخرین ارسال: asgharji
  سئو سایت مقدماتی asgharji 0 511 1395-06-07 11:54 ق.ظ
آخرین ارسال: asgharji
  اصلاح طراحی لوگو asgharji 0 510 1395-06-01 11:13 ق.ظ
آخرین ارسال: asgharji
  جریمه گوگل برای سایت‌هایی که در تلفن همراه نمایش خوبی ندارند nahid 0 993 1393-03-20 04:48 ب.ظ
آخرین ارسال: nahid
Mybbskin18 SMO چیست و تاثیر آن در رتبه و افزایش بازدید سایت nahid 0 2,103 1393-03-18 06:55 ب.ظ
آخرین ارسال: nahid
Mybbskin9 بهینه‌سازی وب سایت برای موتور جستجو یا سئو nahid 0 1,057 1393-03-16 02:56 ب.ظ
آخرین ارسال: nahid
  دانلود کتاب آموزش طراحی مدار چاپی PCB‎ nahid 0 1,039 1393-02-31 06:35 ب.ظ
آخرین ارسال: nahid
Mybbskin5 انتخاب بهترین دامین برای سایت nahid 1 1,395 1393-01-08 10:58 ق.ظ
آخرین ارسال: omrani.meysam63
  باز شدن خودکار سایت‌ها در زمان مشخص در فایرفاکس sajad safaie 0 1,170 1392-12-05 06:58 ب.ظ
آخرین ارسال: sajad safaie
Mybbskin24 چگونه ما هم یک سایت را فی. -لتر کنیم؟! ETSCOM.blogfa.com 0 1,084 1392-07-01 05:38 ب.ظ
آخرین ارسال: ETSCOM.blogfa.com

پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع: 1 مهمان

دوستان ما