برگه‌های سبک آبشاری
| استانداردهای وب |
|---|
الگوهای آبشاری یا روی‌انداز آبشاری سَبْک یا سی‌اس‌اس (به انگلیسی: CSS: Cascading Style Sheets) در کنار اچ‌تی‌ام‌ال هستهٔ فناوری ساخت صفحه‌های وب هستند. سی‌اس‌اس روشی ساده برای نمایش چیدمان و جلوه‌های تصویری (مانند نوع قلم، رنگ و اندازه‌ها) بر صفحه‌های وب است.[۱] الگوهای آبشاری از جنس زبان‌های نشانه‌گذاری، با ساختار متن سادهٔ رایانه هستند و درون هرکدام، دستورهایی آبشار مانند و پی‌درپی، برای چگونگی نمایش هر صفحه وب افزوده می‌شود. به گفته‌ای ساده تر، این دستورها روش نشان داده شدن قلم‌ها و اندازه شان، رنگ‌ها و پس زمینه‌ها، روش چیدمان موزاییک‌های دربرگیرنده داده‌ها (دیواره ها)، و بسیاری دیگر از عنصرهای ساختار هر صفحه وب را، درون خود جای می‌دهند.
بیشترین استفاده‌ای که از این زبان در حال حاضر می‌شود مشخص کردن سبک صفحهٔ وب اچ‌تی‌ام‌ال و اکس‌اچ‌تی‌ام‌ال است ولی آن را می‌توان بر هر نوع مستند اکس‌ام‌ال از جمله اس‌وی‌جی و اکس‌یوال اعمال کرد. نگهداری و تغییر مشخصات سی‌اس‌اس به عهدهٔ کنسرسیوم وب جهانگستر است.
محتویات |
استانداردهای تازه [ویرایش]
در بحث طراحی با استانداردهای وب، همه ساختار گرافیکی و تصویری صفحه‌های وب باید درون این الگوهای آبشاری قرار گیرد و لابلای صفحه‌های وب نباید دستورهایی از این جنس، برای درج چگونگی نمایش صفحه‌ها نوشته شود. به بیانی دیگر، ساختار سند و متن در هر صفحه، باید پاکیزه باشد و دستورهای چگونگی نمایش و زیبایی، همگی یکسره در الگوهای آبشاری افزوده شوند.
برتری‌ها [ویرایش]
با اینکه در سال‌های نخست پیدایش طراحی وب، طراح‌ها از جدول‌ها و ترفند پنهان سازی آنها برای چیدمان کمک می‌گرفتند، روش مدرن طراحی وب، این روند را منسوخ کرده است. چیدمان اکنون، تنها با دیواره (یا DIV)، که برتری‌های فراوانی نسبت به جدول‌ها (یا TABLE) دارند، انجام می‌شود. هر دیواره، یک موزاییک مجازی بخش کننده صفحه‌است که کار چیدمان را آسان‌تر انجام می‌دهد. جدول‌ها به جایگاه نمایش داده‌های ستونی خود بازگشتند و دیگر از آنها برای چیدن داده‌های صفحه‌های وب استفاده نمی‌شود. الگوهای آبشاری، افزون بر سبک تر کردن هر صفحه وب و پاک‌تر کردن آن، از داده‌های تصویری و نمایشی استاندارد، روش طراحی وب را به میزان فراوانی آسان تر و دسترسایی و کارایی وب را بهتر کرده‌اند.
پهنای باند [ویرایش]
یک الگوی آبشاری معمولا در حافظه پنهان مرورگر ذخیره می‌شود، بنابر این می‌تواند بدون نیاز به بازخوانی در چندین صفحه استفاده شود که این امر باعث کاهش تبادل اطلاعات در شبکه می‌شود.
نسخه‌ها [ویرایش]
الگوهای آبشاری، روش چاپ شدن، روش شنیده شدن صدا برای کاربرانی با مشکل دسترسایی، و دستورهای فراوان دیگری را برای چگونگی نمایش سایه زیر قلم‌ها و پس زمینه‌های هر صفحه وب را در خود جای می‌دهند. آخرین نسخه پیشنهاد شده از استاندارد الگوهای آبشاری، نسخه ۳ می‌باشد که هنوز در مسیر پیشنهادی قرار دارد و مرورگرهای اینترنتی، هنوز تمام دستورهایش را پشتیبانی نمی‌کنند.
نحوه استفاده [ویرایش]
برای درج CSS در یک سند اچ‌تی‌ام‌ال از یکی از سه روش زیر می‌توان بهره گرفت:
- الگو نامه خارجی
- در این روش برای اتصال یک سند CSS که با پسوند
.cssشناخته می‌شود، از تگ <link> در قسمت <head> استفاده می‌شود. مثال:
<head> <link rel="stylesheet" type="text/css" href="mystyle.css"/> </head>
- الگو نامه داخلی
- الگو نامه داخلی در قسمت <head> در سند اچ‌تی‌ام‌ال، با استفاده از تگ <style> معین می‌گردد. مانند زیر:
<head> <style type="text/css"> hr {color:sienna;} p {margin-left:20px;} </style> </head>
- الگوی خطی
- در این روش مشخصات الگو در تگ مربوطه ذکر می‌شود. مانند زیر:
<p style="color:sienna;margin-left:20px">این بندی جدید است.</p>
جستارهای وابسته [ویرایش]
منابع [ویرایش]
- ↑ “HTML & CSS”. W3C. Retrieved 10 February 2012.
- ویکی‌پدیای انگلیسی
- تعریف الگوهای آبشاری، سایت کنسرسیوم جهانی وب
- اینترنت و وب جهان‌شمول: چگونه (آنرا) برنامه‌نویسی کنیم (چاپ چهارم) (انگلیسی)
- اینترنت و وب جهان‌شمول: چگونه (آنرا) برنامه‌نویسی کنیم (چاپ سوم) (انگلیسی)
پیوند به بیرون [ویرایش]
- css3.info
- الگوهای آبشاری در w3schools
 |
این یک نوشتار خُرد پیرامون رایانه است. با گسترش آن به ویکی‌پدیا کمک کنید. |
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
