Раздвојувањето на содржината од дизајнот го олеснува управувањето со страниците
CSS (Cascading Style Sheets) стана де факто начин да стилуваат и да изложуваат веб-страници. Дизајнерите користат стилски листови за да му кажат на прелистувачот како треба да се прикаже веб-страница во однос на изгледот и чувството, покривајќи ги факторите како боја, проред, фонтови и многу повеќе.
Стилските стилови на CSS можат да бидат распоредени на два начина:
- Вграден - во рамките на кодирањето на самата веб-страница, на индивидуална, елемент-по-елемент основа
- Во самостоен CSS документ, на кој веб-страницата е поврзана
Најдобри практики за CSS
"Најдобри практики" се методите за дизајнирање и градење на веб-страници кои се покажаа како најефективни и најмногу се враќаат за извршената работа. Следејќи ги во CSS во веб-дизајнот им помагаат на веб-сајтовите да изгледаат и да функционираат колку што е можно. Тие се развија со текот на годините заедно со други веб-јазици и технологии, а самостоен CSS стилски лист стана најпосакуван метод на употреба.
Следниве најдобри практики за CSS може да го подобрат вашиот сајт на следните начини:
- Одвојува содржина од дизајнот. Една од главните цели на CSS е да се отстранат елементите на дизајнот од HTML и да се постават на друга локација за дизајнерот да одржува. Ова исто така служи за одделување дизајнери од програмери, така што секој може да се фокусира на нивните области на експертиза. Дизајнерот не мора да биде програмер за да го задржи изгледот на веб-страница.
- Одржува лесно одржување. Еден од најпознатите занемарени елементи на веб дизајн е одржување. За разлика од материјали за печатење, веб-страницата никогаш не е "една и направена". Содржината, дизајнот и функцијата можат и треба да се развиваат со текот на времето. Имајќи го CSS на централно место, наместо да се попрска низ веб-страницата, работите се олеснуваат за одржување.
- Ја одржува вашата веб-страница достапна. Користењето стилови на CSS им помага на пребарувачите и лицата со посебни потреби да комуницираат со вашиот сајт.
- Го задржува вашиот сајт подолго. Со користење на најдобрите практики со CSS, вие ги почитувате стандардите кои се докажани стабилни, но доволно флексибилни за да се приспособат на промените во веб-дизајнерската околина.
Вградените стилови не се најдобри практики
Вградени стилови, додека тие имаат цел, генерално не се најдобар начин за одржување на вашата веб-страница. Тие одат против секоја од најдобрите практики:
- Вградените стилови не ги одделуваат содржините од дизајнот. Вградените стилови се исти како и вградениот фонт и другите непотребни дизајнирани тагови кои модерните програмери ги спроведуваат. Стилите влијаат само на одредени, индивидуални елементи на кои се применуваат; а тоа може да ви даде повеќе грануларна контрола, исто така, прави уште аспекти на дизајнот и развојот - како што е конзистентност - потешко.
- Вградените стилови предизвикуваат главоболки за одржување. Кога работите со стилски листови, може да биде тешко да пронајдете каде се поставува стилот. Кога се занимавате со мешавина на вградени, вградени и надворешни стилови , имате многу локации за проверка. Ако работите на веб-дизајнерски тим или морате да го редизајнирате или одржите веб-страницата изградена од некој друг, тогаш ќе имате уште поголеми проблеми. Откако ќе го пронајдете стилот и го промените, ќе мора да го сторите тоа на секој елемент на секоја страница каде што е поставена. Тоа астрономски го зголемува времето и работните буџети.
- Вградените стилови не се толку достапни. Додека модерен читач на екран или друг помошен уред можеби ќе можат ефикасно да се справат со вродените атрибути и ознаки, некои постари уреди не можат, што може да резултира со некои странски прикажани веб-страници. Екстра карактери и текст може да влијаат на тоа како вашата страница се гледа од страна на робот за пребарување мотор, исто така, така што вашата страница не го прави истото, во смисла на оптимизација на оптимизација (SEO).
- Вградените стилови ги прават вашите страници поголеми. Ако сакате секој параграф на вашата страница да се појави на одреден начин, можете да го направите еднаш со шест линии или така на код во надворешен стил лист. Ако го направите тоа со втиснати стилови, сепак, мора да ги додадете тие стилови до секој став од вашиот сајт. Ако имате пет линии на CSS, тоа е пет линии помножени со секој став на вашиот сајт. Овој пропусен опсег и времето на вчитување може да се додадат во брзање.
Алтернатива на втисните стилови: Надворешни стилови
Наместо да користите вродени стилови, користете надворешни стилови . Тие ви ги даваат сите придобивки од најдобрите практики на CSS и се лесни за користење. Вработени на овој начин, сите стилови што се користат на вашиот сајт живеат во посебен документ кој потоа е поврзан со веб-документ со една линија на код. Книгите за надворешни стилови влијаат врз кој било документ за кој се прикачени. Тоа значи дека ако имате веб-страница од 20 страници во која секоја страница ја користи истата табела - што е типично како тоа е направено - можете да направите промена на секоја од овие страници, едноставно со едитирање на тие стилови еднаш на едно место. Менувањето стилови на едно место е бесконечно поудобно отколку да се бара тоа кодирање на секоја страница од вашата веб-страница. Ова го прави долгорочното управување со локации многу полесно.