کاربرد CSS در طراحی سایت

کاربرد CSS در طراحی سایت

کاربرد CSS در طراحی سایت : همان گونه که می دانید صفحات HTML ، از عناصر گوناگونی مانند پاراگراف ، جداول ، عنوان ها و … غیره تشکیل شده اند .

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

تصور کنید که ما در صفحات یک وب سایت ، یکسری عنوان ها ، پارگراف ها و جداول داریم که این عناصر در بیشتر صفحات تکرار شده و دارای ساختارهای مشابه ای هستند.

به طور مثال بعضی از عنوان ها رنگ سبز داشته ، یا بعضی از پاراگراف ها دارای نوع و اندازه خاصی از Font هستند و یا جداول دارای پس زمینه رنگی هستند . در اینجا ۲ راه حل جهت تعیین خواص برای این عناصر وجود دارد :

کاربرد CSS در طراحی سایت

۱- در درون هر صفحه ، خواص مشترک را در همه ی صفحات و در درون تگ های مورد نظر به صورت تکی تعیین کنیم ، که این مسئله چند اشکال دارد :

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

۲- ما ابتدا عناصر با خواص مشابه را بر حسب id و class آنها ، در گروه های یکسان قرار می دهیم.

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

انجام روش دوم ، اشکالات راه حل اول را برطرف کرده و سبب می گردد تا :

  • خواص مشابه در عناصر و تگ ها تکرار نشود.
  • حجم کد نویسی کاهش یافته و احتمال خطا پایین می آید
  • سرعت طراحی صفحات افزایش می یابد.
  • اعمال تغییرات به صفحات بسیار سریع و راحت صورت می گیرد.
, , , , , , , ,
اشتراک:

ارسال یک پاسخ

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

آمار سایت

  • 17
  • 10
  • 5,768