نگاه و احساس، یا "سبک" یک وب سایت توسط CSS (Cascading Style Sheets) دیکته شده است. این یک فایل است که شما به دایرکتوری وب سایت خود اضافه میکنید که شامل قوانین CSS مختلفی است که طراحی بصری و طرح صفحات شما را ایجاد میکنند.
در حالی که سایت ها می توانند از آنها استفاده کنند و اغلب انجام دهند، از چندین ورق سبک استفاده می کنند، لازم نیست که این کار را انجام دهید. شما می توانید تمام قوانین CSS خود را در یک فایل قرار دهید و در واقع این مزایا را شامل می شود، از جمله زمان بارگذاری سریع و عملکرد صفحات، زیرا آنها نیازی به بارگیری چندین فایل ندارند. در حالی که سایت های سازمانی بسیار بزرگ هستند، ممکن است در زمان های خاصی نیاز به جداول سبک خاصی داشته باشند، اما بسیاری از سایت های کوچک و متوسط می توانند با یک فایل کاملا عالی کار کنند. این چیزی است که من برای بسیاری از کارهای طراحی وب خودم استفاده می کنم - یک فایل CSS منحصر به فرد با تمام قوانینی که صفحات من نیاز دارند. بنابراین سوال اکنون می شود - چه باید این فایل CSS را نام ببرید؟
نامگذاری کنوانسیون مبانی
هنگامی که شما یک ورق سبک خارجی برای صفحات وب خود ایجاد می کنید، باید فایل زیر قراردادهای نامگذاری مشابه را برای فایل های HTML خود نامگذاری کنید:
از شخصیت های خاص استفاده نکنید
شما باید فقط در نام فایل های CSS خود از حروف az، numbers 0-9، underscore (_) و definitions (-) استفاده کنید. در حالی که سیستم فایل شما ممکن است به شما اجازه ایجاد فایل ها با کاراکترهای دیگر در آنها را بدهد، سیستم عامل سرور شما ممکن است مشکلات را با کاراکترهای خاص داشته باشد. شما تنها با استفاده از شخصیت های ذکر شده در اینجا امن تر است. پس از همه، حتی اگر سرور شما اجازه می دهد تا برای کاراکتر های خاص، ممکن است اگر شما تصمیم به انتقال دهندگان خدمات میزبانی در آینده است.
از هر فضایی استفاده نکنید
درست مثل کاراکترهای خاص، فضاها می توانند در وب سرور شما مشکلی ایجاد کنند. ایده خوبی است که آنها را در نام فایل هایتان اجتناب کنید. من حتی آن را نقطه به نام فایل مانند فایل های PDF با استفاده از این کنوانسیون همان، فقط در صورتی که من همیشه نیاز به اضافه کردن آنها به یک وب سایت. اگر احساس میکنید فضای بیشتری لازم دارید تا نام فایل را به راحتی بخوانید، به جای آن از خطوط یا خط زیر استفاده کنید. برای مثال، به جای استفاده از "این file.pdf" من از "این-is-the-file.pdf" است.
نام فایل باید با یک نامه شروع شود
در حالی که این یک نیاز مطلق نیست، برخی از سیستم ها با نام های فایل که با یک نامه شروع نمی شوند، مشکل دارند. به عنوان مثال، اگر شما تصمیم به شروع فایل خود را با شخصیت تعداد، این می تواند مسائل را ایجاد کند.
از همه موارد پایین استفاده کنید
در حالی که این برای نام فایل مورد نیاز نیست، یک ایده خوب است، زیرا برخی از سرورهای وب حساس به حروف هستند و اگر فراموش کنید و فایل را در یک پرونده دیگر ارجاع دهید، بارگذاری نمی شود. در کار خودم، از نامهای حروف کوچک برای هر نام فایل استفاده می کنم. من واقعا متوجه شدم این چیزی است که بسیاری از طراحان وب جدید تلاش می کنند تا به یاد داشته باشید که کار می کنند. عمل پیش فرض آنها در هنگام نامگذاری یک فایل، اول شخصیت نام است. اجتناب از این و تنها به عادت از شخصیت های کوچک.
نام فایل را به عنوان کوتاه ترین ممکن نگه دارید
در حالی که محدودیت اندازه نام فایل در اکثر سیستم عامل وجود دارد، آن را بسیار طولانی تر از منطقی برای یک نام فایل CSS است. یک قاعده خوب بیش از 20 کاراکتر برای نام فایل شامل افزونه نیست. در حقیقت، هر چیزی که خیلی طولانی تر از آن است که کار سخت و کار با لینک و به هر حال!
مهمترین قسمت نام فایل CSS شما
مهمترین قسمت نام فایل CSS، نام فایل به خودی خود نیست، بلکه فرمت آن است. برنامه های افزودنی در سیستم های مکینتاش و لینوکس مورد نیاز نیست، اما در هنگام نوشتن یک فایل CSS، یک نکته ضروری است. به این ترتیب شما همیشه می دانید که این یک ورق سبک است و نباید فایل را باز کنید تا تعیین کنید که در آینده چه چیزی باشد.
احتمالا یک تعجب بزرگ نیست، اما فرمت در فایل CSS شما باید باشد:
.cssCSS نامگذاری پرونده ها
اگر فقط یک فایل CSS را در سایت داشته باشید، می توانید آن را به هر چیزی که دوست دارید نام ببرید. من ترجیح می دهم:
styles.css یا default.cssاز آنجا که بسیاری از سایتهایی که من کار می کنم شامل یک فایل CSS تک است، این نام برای من کار خوبی است.
اگر وب سایت شما از چندین فایل CSS استفاده کند، پس از عملکرد آنها، صفحات سبک را نام ببرید تا دقیقا مشخص شود که هدف هر کدام از فایل چیست. از آنجا که یک صفحه وب میتواند چندین ورق سبک را به آنها متصل کند، به سبکهای مختلف خود را به ورقهای مختلف تقسیم میکند، بسته به عملکرد آن ورق و سبکهای آن. مثلا:
- طرح بندی در مقابل طرح layout.css design.css
- بخش های صفحه main.css nav.css
- کل سایت با زیر بخش mainstyles.css subpage.css
اگر وبسایت شما از چارچوب خاصی استفاده کند، احتمالا متوجه خواهید شد که از چندین فایل CSS استفاده می کند، هر کدام به بخش های مختلف صفحات یا جنبه های سایت (تایپوگرافی، رنگ، طرح و ...) اختصاص یافته است.
مقاله اصلی جنیفر کریینین. ویرایش شده توسط Jeremy Girard در تاریخ 9/5/17