کاربران اینترنت از طیف گسترده ای از مانیتورها با وضوح صفحه نمایش متفاوت استفاده می کنند. بنابراین ، یکی از وظایف توسعه دهندگان وب ، ایجاد و بهینه سازی سایتی برای نمایش صحیح آن بر روی مانیتورها با هر وضوح است.
دستورالعمل ها
مرحله 1
وب سایت خود را با کمترین وضوح قابل استفاده - 800 * 600 پیکسل طراحی کنید و از یک طرح ثابت استفاده کنید. اما با این روش ، یک اشکال وجود دارد - برای کاربرانی که مانیتورهای صفحه عریض دارند ، هنگام مشاهده سایت شما ، قسمتهای وسیع روی صفحه ظاهر می شوند.
گام 2
از طرح مایع استفاده کنید. در این حالت ، صفحات به صورت افقی روی مانیتورهایی کشیده می شوند که وضوح تصویر بالاتر از آن است که در توسعه استفاده شده است. اما این روش بهتر است هنگام ایجاد سایتهایی با اطلاعات متنی زیاد و حداقل مقدار گرافیک استفاده شود. زیرا برخی از عناصر مانند تصاویر یا اجزای شخص ثالث هنگام تغییر اندازه در مانیتورهای مختلف تحریف می شوند.
مرحله 3
درست ترین ، اما در عین حال و پیچیده تر از نظر اجرا ، استفاده از یک طرح تطبیقی است. این یک نسخه پیچیده تر از طرح لاستیکی است که امکان تغییر تعداد ستون ها با اطلاعات هنگام استفاده از کد برنامه را فراهم می کند.
مرحله 4
اما هر طرح برای توسعه سایت انتخاب شده است ، طرح آن را با وضوح صفحه 1024 * 768 پیکسل انجام دهید. این رایج ترین رزولوشن است.
مرحله 5
همچنین ، برای نمایش صحیح سایت در مانیتورهایی با وضوح متفاوت ، برخی از قوانین را دنبال کنید. سعی کنید محتوای اصلی صفحه را در یک صفحه نگه دارید تا از پیمایش جلوگیری کنید. اطلاعات متن را در یک ستون باریک قرار دهید تا در کل عرض صفحه "پخش" نشود. طراحی کلی صفحات را پیگیری کنید تا همه چیز متناسب باشد.
مرحله 6
هنگام طراحی طرح خود ، درصد و نه مقدار عرض و ارتفاع صفحه را محاسبه کنید. سپس صفحه به طور متناسب هم در مانیتورهای معمولی و هم در مانیتورهای صفحه عریض تغییر اندازه می یابد.
