جدا کردن محتوا از طراحی باعث می شود مدیریت سایت آسان تر شود
CSS (Cascading Style Sheets) تبدیل به شیوه ای واقعی برای طراحی وب سایت ها شده است. طراحان از شیوه نامه ها استفاده می کنند تا به یک مرورگر بگویند که چگونه وب سایت باید از نظر ظاهر و احساس نمایش داده شود، شامل عوامل مانند رنگ، فاصله، فونت ها و خیلی چیزهای دیگر.
سبک CSS را می توان به دو روش تقسیم کرد:
- Inline - درون برنامه نویسی صفحه وب خود، بر اساس یک عنصر، بر اساس عنصر
- در یک مستند CSS سند، که وب سایت مرتبط است
بهترین روش برای CSS
"بهترین روش ها" روش های طراحی و ساخت وب سایت هایی است که اثبات شده است که موثر ترین و به حداکثر بازده برای کار درگیر است. پس از آنها در CSS در طراحی وب به وب سایت ها نگاه و عملکرد و همچنین امکان پذیر است. آنها در طول سال ها همراه با دیگر زبان ها و فن آوری های وب تکامل یافته اند و شیوه مستقل CSS تبدیل به روش ترجیحی استفاده شده است.
به دنبال بهترین شیوه های CSS می تواند سایت شما را به شیوه های زیر بهبود دهد:
- محتوای طراحی را جدا می کند یکی از اهداف اصلی CSS این است که عناصر طراحی را از HTML حذف کرده و آنها را در مکان دیگری برای طراح نگهداری کنند. این همچنین در خدمت طراحان از طراحان است تا هر یک بتواند بر روی تخصصشان تمرکز کند. یک طراح لازم نیست یک توسعه دهنده باشد تا نگاهی به یک وب سایت داشته باشد.
- تعمیر و نگهداری آسان است. یکی از غافلگیرانه ترین عناصر طراحی وب خدمات تعمیر و نگهداری است. بر خلاف مواد چاپی، یک وب سایت هرگز "یک و انجام شده" نیست. محتوای، طراحی و عملکرد می تواند و باید در طول زمان تکامل یابد. داشتن CSS در یک مکان مرکزی، به جای اینکه از طریق وب سایت پاکسازی شود، باعث می شود که همه چیز به راحتی حفظ شود.
- سایت شما را در دسترس قرار می دهد استفاده از سبک های CSS به موتورهای جستجو و افراد غیرفعال کمک می کند تا با سایت شما ارتباط برقرار کنند.
- سایت شما را بیشتر در جریان نگه می دارد با استفاده از بهترین شیوه ها با CSS، شما به استانداردهای پایدار، اما به اندازه کافی انعطاف پذیر برای تغییر در محیط طراحی وب است.
سبک های درونی بهترین تمرین نیستند
سبک های درون خطی، در حالی که آنها هدف، به طور کلی بهترین راه برای حفظ وب سایت خود نیست. آنها بر خلاف هر یک از بهترین شیوه ها عمل می کنند:
- سبک های درون خطی مطالب را از طراحی جدا نمی کند. سبک های درون خطی دقیقا همانند فونت جاسازی شده و دیگر تگ های طراحی دلخواهی هستند که توسعه دهندگان مدرن در برابر آن مقاومت می کنند. سبک ها تنها بر عناصر خاصی که به آنها اعمال می شود، تاثیر می گذارد. در حالی که این ممکن است کنترل بیشتری را به شما بدهد، همچنین دیگر جنبه های طراحی و توسعه مانند سازگاری را دشوار می سازد.
- سبک های درونی باعث سردرد می شوند. هنگامی که شما با شیوه های کار می کنید، بدانید که در آن یک سبک در حال تنظیم است، دشوار است. هنگامی که شما با مخلوطی از سبک های درون خطی، جاسازی شده و خارجی برخورد می کنید ، مکان های زیادی برای بررسی وجود دارد. اگر شما در یک تیم طراحی وب مشغول به کار هستید و یا مجبور به طراحی مجدد یا نگهداری یک سایت توسط شخص دیگری شده اید، پس از آن، مشکل بیشتری خواهید داشت. هنگامی که سبک را پیدا کرده و آن را تغییر دهید، باید هر عنصر را در هر صفحه ای که قرار است قرار دهید، انجام دهید. که زمان و بودجه کار را از نجوم افزایش می دهد.
- سبک های درون خطی در دسترس نیستند. در حالی که یک خواننده صفحه نمایش مدرن یا سایر ابزارهای جانبی ممکن است بتواند به طور صحیح از صفات و تگهای درون خطی برخوردار باشد، برخی از دستگاههای قدیمی تر نمیتوانند، که منجر به صفحات وب نمایش داده شده به طرز عجیبی می شود. کاراکترهای اضافی و متن می توانند بر روی نحوه نمایش صفحه خود توسط یک ربات موتور جستجو تاثیر بگذارند، بنابراین صفحه شما نیز از لحاظ بهینه سازی موتورهای جستجو (SEO) انجام نمی شود.
- سبک های درون خطی صفحات شما را بزرگتر می کنند. اگر بخواهید هر پاراگراف در سایت خود به نحوی خاص ظاهر شود، می توانید آن را یک بار با شش خط یا همان کد در یک شیوه بیرونی انجام دهید. اگر این کار را با سبک های درون خطی انجام دهید، باید این سبک ها را به هر پاراگراف سایت خود اضافه کنید. اگر پنج خط CSS دارید، این پنج خط با هر پاراگراف در سایت شما ضرب می شود. این پهنای باند و زمان بارگیری می تواند در عجله بماند.
جایگزینی برای سبکهای درون خطی: Stylesheets خارجی
به جای استفاده از سبک های inline، از شیوه های بیرونی استفاده کنید. آنها به شما تمام مزایای بهترین شیوه های CSS را می دهند و آسان برای استفاده هستند. به این ترتیب، تمام سبک هایی که در سایت شما استفاده می شود در یک سند جداگانه زندگی می کنند و سپس به یک سند وب با یک خط کد متصل می شوند. شیوه های بیرونی بر هر سندی که به آنها متصل است تأثیر می گذارد. به این معناست که اگر وب سایت 20 صفحه ای دارید که هر صفحه از یک شیوه مشابه استفاده می کند - که عموما چگونه انجام می شود - می توانید هر یک از این صفحات را به سادگی با ویرایش این سبک ها در یک مکان تغییر دهید. تغییر سبک ها در یک نقطه بی نهایت راحت تر از جستجوی آن کدگذاری در هر صفحه وب سایت شما است. این باعث می شود مدیریت سایت درازمدت بسیار ساده تر شود.