طراحی ظاهری سایت

استاندارد HTML تعریف می کند که مرورگرها چگونه قالب بندی اولیه متن را انجام می دهند، اما این واقعا راهی برای گفتن نحوه نمایش متن به مرورگر نیست . تگ<h1> نشان می دهد که متن باید یک عنوان باشد، اما هیچ چیز به جز اینکه چگونه عنوان را نمایش دهیم تا از هر متن دیگری در صفحه متفاوت باشد به مرورگر نمی گوید اینجاست که استایل ظاهر می شود. یک طراحی ظاهری (استایل) به شما این امکان را می دهد که فقط به مرورگر بگویید از چه فونت‌ها، اندازه‌ها و رنگ‌هایی برای متن استفاده کند و نحوه قرار دادن متن در آن نمایشگر چگونه باشد. این بخش به به بازدیدکنندگان شما توضیح می دهد که چگونه استایل بر ظاهر صفحات وب شما تأثیر می گذارد.

استانداردهای CSS استاندارد CSS مجموعه ای اصلی از استایل ها را برای رندر اولیه یک HTML تعریف می کند سند اولین نسخه CSS به نام CSSI در سال 1996 منتشر شد، و فقط آن را چند استایل بسیار ابتدایی را تعریف کرد: >> نوع قلم، اندازه و رنگ >> تراز کردن متن (مانند حاشیه) >> رنگ ها یا تصاویر پس زمینه >> مرز ها نسخه دوم CSS، را شما آن را حدس زدید! CSS2، در سال 1998 منتشر شد. فقط چند ویژگی ظاهری دیگر اضافه کرد: >> موقعیت یابی دقیق تر متن >> سبک برای انواع خروجی های مختلف (مانند چاپگر یا صفحه نمایش) >> ظاهر ویژگی های مرورگر مانند مکان نما و نوار اسکرول هنوز آنقدرها لیست استایل ها چشمگیر نبود. نیازی به گفتن نیست که برای کمک به زنده کردن صفحات وب استایل ها یبیشتری مورد نیاز بود. برای جبران آن، بسیاری از توسعه دهندگان مرورگرها شروع به ایجاد تعاریف سبک خود، جدا از استانداردهای CSS کردند. این تعاریف سبک را اکستنشن یا افزونه نامیدند. افزونه های مرورگر موارد زیادی را پوشش می دهند از ویژگی های مختلف یک استایل طراحی شده، مانند استفاده از لبه های گرد بر روی حاشیه ها و تصاویر، یک طرح بندی مناسب در صفحات وب داشته باشید. همانطور که ممکن است حدس بزنید، داشتن افزونه های مختلف برای اعمال ویژگی های سبک های مختلف مرورگرهای مختلف کار را پیچیده تر کرده است . به جای کدگذاری aیک سبک برای یک عنصر در یک سند HTML، شما باید همان leatute را به چندین روش مختلف کدنویسی کنید تا صفحه وب در مرورگر های متفات یکسان به نظر برسد . مرورگر ها به این سرعت به کابوس تبدیل شدند .زمانی که کار بر روی استاندارد CSS3 در سال 1999 آغاز شد، یکی از موضوعات مورد بحث در افزونه های بیشمار مرورگر بود. با این حال، همه چیز به سرعت پیچیده شد زیرا همه توسعه دهندگان مرورگرهای مختلف می خواستند افزونه های خود را در استاندارد جدید بگنجانند.برای ساده کردن این فرآیند، کمیته طراحی CSS استانداردهای CSS را به دو بخش تقسیم کرد ماژول های جداگانه ، هر ماژول CSS حوزه خاصی از استایل را پوشش می دهد، مانند رنگ ها، پشتیبانی رسانه ای، و پیشینه. هر ماژول می توانست رای داده و منتشر شود. تحت یک جدول زمانی متفاوت نقطه ضعف این رویکرد این است که اکنون هر ماژول به عنوان یک استاندارد توصیه شده در زمان های مختلف منتشر شده است . پیاده سازی استاندارد CSS3 تا حدودی دشوار است. احتمالاً یکی از مورد انتظارترین ویژگی های CSS3 توانایی تعریف است . فونت ها مدت هاست که بلای جان برنامه نویسان وب بوده است. وقتی الف را تعریف می کنید . فونت خاص، آن فونت باید در رایانه بازدیدکننده وب سایت شما نصب شود و به مرورگر سفارش دهید تا از آن استفاده کند. اگر فونت در دسترس نباشد، مرورگر a را انتخاب می کند . فونت پیش‌فرض برای استفاده، که اغلب در سایت ما یک آشفتگی زشت به وجود می آورد. فونت های وب به شما این امکان را می دهند که فونتی را بر روی سرور خود تعریف کنید تا هر مرورگر سمت مشتری یا کلاینت می توانید فونت را دانلود کنید و متن را با استفاده از آن رندر کنید. این یک دستاورد بزرگ است! دیگر نیازی نیست که بازدیدکنندگان وب سایت در مرورگرهای خود فونت های خاصی را نصب کرده باشند . یکی دیگر از ویژگی های محبوب CSS3 استفاده از سایه ها و نیمه شفاف است . رنگ ها در متن و سایر عناصر صفحه وب، مانند اشیاء فرم. این ویژگی ها به خودی خود می توانند یک فرم زشت HTML را به یک شاهکار تبدیل کنند. ترکیب HTML5 و CSS3 دنیای وب را به شدت متحول کرده است. به توسعه دهندگان اجازه می دهد تا وب سایت های بسیار شگفت انگیزی ایجاد کنند. با این حال، یک چیز هنوز وجود نداشت : توانایی تغییر آسان محتوا در صفحه وب.