اندازه صفحات وب

[samira afra 11]

چگونه اندازه صفحات وب سایت را تنظیم کنیم که در همه سایز مانیتور ها درست نشان داده شود؟

[Mahboobe.Maleki 53]

استاندارد فعلی برای طراحی وب اندازه 1024x768 پیکسل هست یعنی در این حالت صفحه وب شما نباید اسکرول افقی خورده باشه.

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

بصورت کلی در طراحی شما باید حداکثر عرض رو 960px در نظر بگیرید.

همچنین اگر کمی به روز تر باشیم و از طراحی respononsive استفاده کنیم، مشکلاتمون برای نمایش در اسمارت فون ها، مانیتورهای عریض و سایز بزرگ و تبلت ها کمتر و کمتر میشه. خوندن مقالات زیر به شما دید بهتری میده:

عرض استاندارد صفحه وب

طراحی ریسپانسیو

[samira afra 11]

استاندارد فعلی برای طراحی وب اندازه 1024x768 پیکسل هست یعنی در این حالت صفحه وب شما نباید اسکرول افقی خورده باشه.

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

بصورت کلی در طراحی شما باید حداکثر عرض رو 960px در نظر بگیرید.

همچنین اگر کمی به روز تر باشیم و از طراحی respononsive استفاده کنیم، مشکلاتمون برای نمایش در اسمارت فون ها، مانیتورهای عریض و سایز بزرگ و تبلت ها کمتر و کمتر میشه. خوندن مقالات زیر به شما دید بهتری میده:

عرض استاندارد صفحه وب

طراحی ریسپانسیو

خیلی ممنون دوست عزیز

یه نفر که طراح قالب هست به من گفته عرض div هاتو به درصد وارد کن تا سایت تو همه مانیتورها یکسان دیده بشه.

این درسته؟

و یک سوال دیگه ام دارم وقتی برای یک div از position استفاده میکنم دیگه نمیشه براش از margin:0 auto استفاده کنم:oom: برای همین توی مانیتورهای مختلف جاش عوض میشه

راه دیگه ای وجود نداره؟

[Mahboobe.Maleki 53]

وارد کردن عرض div ها به درصد میتونه راه مناسبی باشه ولی تضمینی نیست که در صفحه نمایش های مختلف به یک اندازه دیده بشه.

How to Center an Absolutely Positioned

[mohsen farahani 13]

خیلی ممنون دوست عزیز

یه نفر که طراح قالب هست به من گفته عرض div هاتو به درصد وارد کن تا سایت تو همه مانیتورها یکسان دیده بشه.

این درسته؟

و یک سوال دیگه ام دارم وقتی برای یک div از position استفاده میکنم دیگه نمیشه براش از margin:0 auto استفاده کنم:oom: برای همین توی مانیتورهای مختلف جاش عوض میشه

راه دیگه ای وجود نداره؟

سلام

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

در مورد استفاده از css -> position در قالبتون چند حالت وجود داره و وقتی بهش این کد رو میدی باید با left , right تنظیمات رو انجام بدی در ضمن اگه از posititon:relative; استفاده کنی هر جا که قرارش بدی با کوچیک و بزرگ شدن مانیتور دیگه جاش تغییر نمیکنه