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

سی اس اس چیست

اگر به طراحی سایت، کار در حوزه فرانت اند در وب سایت به آن علاقه داشته باشید، حتما پیش از این نام CSS به گوشتان خورده است. اما واقعا سی اس اس چیست و چه کاربردی دارد؟ قبلا هم گفتیم که سی اس اس یکی از زبان های برنامه نویسی مرتبط با حوزه طراحی گرافیک و طراحی رابط کاربری وب سایت ها است.

عبارت CSS که در همه جای طراحی سایت کاربرد دارد، مختصر شده از عبارت سه کلمه‌ای Cascading Style Sheets به معنی «برگه‌های سبک آبشار» یا «برگه‌های آبشاری» است. شاید شما هم با خودتان فکر کنید چرا آبشاری؟ چرا باید روی یکی از مهم‌ترین عناصر تشکیل دهنده طراحی وب سایت چنین اسمی گذاشته شود؟

آبشاری بودن برگه‌های CSS به این معنی است که استایل، کلاس یا هر چیزی که به یک برگه CSS داده شود، روی عناصر فرزند (Children) این برگه‌ها هم تاثیرگذار خواهد بود. به عنوان مثال اگر شما رنگ متن را در یک برگه CSS قرمز تعیین کنید، این به معنای قرمز بودن تمام سرنویس‌ها (هدینگ) و پاراگراف‌های متنی است که قرار است در این برگه CSS نوشته شود.

سی اس اس چیست

سی‌اس‌اس (به انگلیسیCSS: Cascading Style Sheets) در کنار اچ‌تی‌ام‌ال هستهٔ فناوری ساخت صفحه‌های وب هستند. سی‌اس‌اس روشی ساده برای نمایش چیدمان و جلوه‌های تصویری (مانند نوع قلم، رنگ و اندازه‌ها) بر صفحه‌های وب است. سی‌اس‌اس از جنس زبان‌های نشانه‌گذاری، با ساختار متن سادهٔ رایانه هستند و درون هرکدام، دستورهایی آبشار مانند و پی‌درپی، برای چگونگی نمایش هر صفحه وب افزوده می‌شود. به گفته‌ای ساده‌تر، این دستورها روش نشان داده شدن قلم‌ها و اندازه‌شان، رنگ‌ها و پس زمینه‌ها، روش چیدمان موزاییک‌های دربرگیرنده داده‌ها (دیواره‌ها)، و بسیاری دیگر از عنصرهای ساختار هر صفحه وب را، درون خود جای می‌دهند.

بیشترین استفاده‌ای که از این زبان در حال حاضر می‌شود مشخص کردن سبک صفحهٔ وب اچ ‌تی ‌ام ‌ال و اکس‌ اچ‌ تی ‌ام ‌ال است ولی آن را می‌توان بر هر نوع مستند اکس ‌ام ‌ال از جمله اس ‌وی ‌جی و اکس ‌یوال اعمال کرد. نگهداری و تغییر مشخصات سی ‌اس ‌اس به عهدهٔ کنسرسیوم وب جهانگستر است.

محدودیت‌های  CSS

با اینکه CSS تا اینجای کار پیشرفت بسیار زیادی داشته، اما نمی‌توان گفت که کاملا ایده آل است و هیچ محدودیتی برای طراح وب سایت ایجاد نمی‌کند. اگر بخواهیم به محدودیت‌های CSS اشاره کنیم، شاید به ۵ تا ۶ مورد محدودیت بتوان اشاره کرد که در برابر آزادی عملی که این زبان در اختیار ما می‌گذارد، این محدودیت‌ها چیزی نیستند.

مثلا در CSS نمی‌توان برای rules اسم تعیین کرد. تعیین اسم برای یک rule‌، به عنوان مثال، می‌تواند برای ارجاع دادن یک اسکریپت سمت کاربر (Clien-side) به یک rule هنگام تغییر selector آن، کارآمد باشد. همچنین محدودیت‌های دیگری مثل عدم توانایی انتقال Style‌ از یک rule به rule دیگر و چن مورد دیگر از محدودیت در CSS وجود دارد که ممکن است مانند محدودیت‌هایی که در نسخه‌های پیشین CSS وجود داشتند، در آینده حل شوند.

مزایای  CSS

می‌توان با خیالی آسوده گفت که CSS یکی از مفیدترین و پرکاربردترین اجزا دنیای طراحی وب است. دسترسی طراحان وب به CSS باعث پیشرفت‌های زیادی در دنیای طراحی سایت شده است.

یکی از مهم‌ترین مزایای CSS صرفه جویی در وقت و انرژی طراحان وب است. تصور کنید که CSS وجود نداشت و شما به عنوان یک طراح سایت، باید برای هر تغییر بزرگ و کوچکی، چندین بار یک کلاس یا Style را به صورت inline در فایل HTML وارد می‌کردید. اما حالا با وجود CSS در کنار  HTML، طراحی سایت بسیار آسان‌تر خواهد بود.

اگر دوست دارید طراح سایت شوید و پا به این دنیای ناشناخته و وسیع بگذارید، آموزش HTML و CSS قدم‌های ابتدایی شما است. در ادامه راه آشنایی با زبان‌ها و فریم ورک‌های مختلف طراحی سایت می‌تواند شما را برای ورود حرفه‌ای به دنیای طراحی وب آماده کند. لیداوب از ابتدا تا انتهای این راه با شما خواهد بود.

نیاز به  css در طراحی صفحات وب سایت

Html یک زبان نشانه گذاری است و هیچگاه نمی‌تواند شیوه‌ی نمایش عناصر را تعیین کند.

به عنوان مثال شما نمی‌توانید تنها با استفاده از html برای هربخش از مطلب خود تصویر زمینه تعیین کنید و بر تک تک اجزا تسلط داشته باشید ولی با کمک گرفتن از css این مشکل بزرگ برطرف خواهد شد و شما به همه چیز مسلط خواهید شد.

در واقع شما با استفاده از css تمام تگ‌های فرمت بندی مطالب را از درون html پاکسازی و در یک برگه css ذخیره می‌کنید.

این کار دو مزیت عمده دارد:

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

ویرایش یا ایجاد تغییر در نحوه‌ی نمایش یک بخش را برای شما آسان‌تر می‌سازد.

۰ پاسخ به "سی اس اس در طراحی وب سایت"

    ارسال یک پیغام

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

    ارتباط با کافه بلوط

    آدرس : خراسان جنوبی ، بیرجند ، پارک علم وفناوری خراسان جنوبی ، اتاق 101
    آدرس ایمیل: dp.cafebaloot@gamil.com

    logo-samandehi دروازه پرداخت معتبر

    All Right Reserved For Cafe Baloot 2018

    X