تعیین ابعاد در طراحی سایت

 

ابعاد صفحه طراحی سایت در قالب تعیین عرض ، ارتفاع ، حداکثر ارتفاع ، حداکثر عرض ، حداقل ارتفاع ، حداقل عرض می باشد که ب واسط این ابعاد می توانید div های صفحه طراحی وب سایت خود را مشخص نماییم و با تعیین درصد و یا پیکسل به هر یک از این ابعاد می توانیم متغییر را نسبت دهیم.

 

 

Dimension در طراحی وب سایت

 

Dimension در صفحه طراحی سایت در بیان ابعاد div خاص می باشد که با تخصیص متغییر می توان آن را تعیین نمود. Width , height , max-height , min-height ,max width , min-width تمامی المان هایی هستند که می تواند مقدار  را مشخص نماید. در ادامه مثالی از dimention را در صفحه طراحی سایت درج شده است.

 

div.ex1 {
    width: 500px;
    margin: auto;
    border: 3px solid #8AC007;
}

 

در مثال بالا عرض width در واحد پیکسل تعیین شده است.

 

div.ex2 {
    max-width: 500px;
    margin: auto;
    border: 3px solid #8AC007;
}

 

 

مثال زیر نوعی از تعیین ابعاد بصورت max-width می باشد که با تعیین حداکثری برای پهنا ایجاد می گردد و پهنا از حد تعیین شده بالاتر نخواهد رفت. حال اگر بخواهیم پهنا از حد خاصی کمتر نباشد کدهای زیر را درج می نماییم.

 

div.ex2 {
    min-width: 500px;
    margin: auto;
    border: 3px solid #8AC007;
}

 

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

 

 

 

تعیین ابعاد در طراحی سایت