Դիզայնից բովանդակություն բաժանելը հեշտացնում է կայքի կառավարումը
CSS- ն (Cascading Style Sheets) դարձել է դե ֆակտո ոճի ոճը եւ տեղադրելու կայք: Դիզայներները օգտագործում են ոճաթերթեր , զննարկիչին պատմելու համար, թե ինչպես պետք է կայք ցուցադրվի տեսքի եւ զգացողության տեսանկյունից, ընդգրկելով այնպիսի գործոններ, ինչպիսիք են գույնը, միջակայքերը, տառատեսակները եւ այլն:
CSS ոճերը կարող են տեղակայվել երկու ձեւով.
- Inline- ը `վեբ էջի ինքնության կոդավորմամբ, անհատական, տարրական տարրերի հիման վրա
- Ինքնասպասարկման CSS- ի փաստաթղթում, որը կապված է կայքի հետ
CSS- ի լավագույն փորձը
«Լավագույն պրակտիկաներն» այն նախագծողներն ու կայքերը ձեւավորելու մեթոդներ են, որոնք ապացուցված են ամենաարդյունավետը եւ ներգրավված աշխատանքի առավելագույն վերադարձը: Դրանցից հետո CSS- ում վեբ դիզայնի վրա օգնում են վեբկայքեր նայել եւ գործել, ինչպես նաեւ հնարավոր է: Նրանք զարգացել են տարիներ շարունակ այլ վեբ լեզուներով եւ տեխնոլոգիաներով, եւ ինքնանպատակ CSS ոճերը դարձել են օգտագործման նախընտրելի եղանակը:
CSS- ի լավագույն փորձից հետո կարող եք բարելավել ձեր կայքը հետեւյալ եղանակներով.
- Առանձին բովանդակություն դիզայնից: CSS- ի հիմնական նպատակներից մեկը դիզայնի տարրերը HTML- ից հեռացնելն է եւ դիզայների համար պահպանել դրանք մեկ այլ վայրում: Սա նաեւ ծառայում է նախագծողներին առանձին դիզայներներից, որպեսզի յուրաքանչյուրը կարողանա կենտրոնանալ փորձագիտության ոլորտներում: Դիզայները չի կարող լինել մշակող, որը պահպանել է կայքի տեսքը:
- Կատարում է հեշտ սպասարկում: Վեբ դիզայնի առավել անտեսված տարրերից մեկը պահպանումը է: Ի տարբերություն տպագիր նյութերի, կայքը երբեք «մեկ եւ արել է»: Բովանդակությունը, դիզայնը եւ գործառույթը կարող են եւ պետք է ժամանակի ընթացքում զարգանան: Ունենալով CSS- ի կենտրոնական տեղում, այլ ոչ թե կայքի վրայով տարածվելը, շատ ավելի հեշտ է պահպանել այն:
- Պահպանում է ձեր կայքը հասանելի: CSS ոճերի օգտագործումը օգնում է որոնման համակարգերին եւ հաշմանդամ անձանց համագործակցել ձեր կայքի հետ:
- Ձեր կայքը պահում է ավելի երկար: Օգտագործելով լավագույն փորձը CSS- ով, դուք հավատարիմ եք այն ստանդարտներին, որոնք ապացուցված են կայուն, բայց ճկուն, բավարարելու համար վեբ դիզայնի միջավայրում փոփոխությունները:
Inline Styles- ը լավագույն փորձը չէ
Inline- ի ոճերը, մինչդեռ նպատակ ունեն, ընդհանրապես չեն հանդիսանում ձեր կայքի պահպանման լավագույն միջոցը: Նրանք դեմ են ամեն ինչի լավագույն փորձին.
- Ներածված ոճերը չեն բաշխում բովանդակությունից դիզայնից: Inline- ի ոճերը նույնն են, ինչ ներկառուցված տառատեսակն է եւ ժամանակակից դիզայներները դեմ են դիմանալ այլ դիզայնի պիտակներ: Ոճերը ազդում են միայն կոնկրետ, անհատական տարրերի վրա, որոնց վրա կիրառվում են: մինչդեռ դա կարող է ձեզ ավելի հագեցած վերահսկողություն տալ, այն նաեւ դարձնում է նախագծման եւ զարգացման այլ ասպեկտներ, ինչպիսիք են հետեւողականությունը, ավելի բարդ:
- Inline- ի ոճերը առաջացնում են սպասարկման գլխացավներ: Երբ դուք աշխատում եք ոճաթերթերով, պարզելով, թե որտեղ է տեղադրվում ոճը, կարող է դժվար լինել: Երբ դուք աշխատում եք ներկառուցված, ներկառուցված եւ արտաքին ոճերի խառնուրդով, ստուգելու համար շատ տեղեր ունեք: Եթե դուք աշխատում եք վեբ դիզայնի թիմի վրա կամ պետք է վերափոխեք կամ պահպանեք մեկ ուրիշի կողմից կառուցված կայք, ապա դուք ավելի մեծ դժվարություններ կունենաք: Երբ եք գտնել ոճը եւ փոխել այն, դուք պետք է անեք այն ամեն տարրի յուրաքանչյուր էջի վրա, որտեղ այն տեղադրվել է: Դա մեծացնում է ժամանակը եւ գործնական բյուջեները աստղագիտական առումով:
- Ներածված ոճերը չեն մատչելի: Չնայած ժամանակակից էկրանային ընթերցողը կամ այլ օժանդակ սարքավորումները կարող են արդյունավետ կերպով կարգավորել գծային ատրիբուտներն ու պիտակները, որոշ հին սարքեր չեն կարող, ինչը կարող է հանգեցնել որոշ տարօրինակ կերպով ցուցադրվող վեբ էջերի: Լրացուցիչ նիշերն ու տեքստը կարող են ազդել ձեր էջի վրա ինչպես որոնման ռոբոտի կողմից դիտված, այնպես որ ձեր էջը նույնպես չի անում որոնողական համակարգի օպտիմալացման (SEO) պայմաններում:
- Ներածված ոճերը ձեր էջերը ավելի մեծացնում են: Եթե ցանկանում եք ձեր կայքում յուրաքանչյուր պարբերություն հայտնվել որոշակի ձեւով, ապա դուք կարող եք կատարել այն մեկ անգամ, երբ վեց տող կամ կոդ արտաքին ոճաթերթում: Եթե դա անեք ներդիրի ոճերով, ապա այդ ոճերը պետք է ավելացնեք ձեր կայքի յուրաքանչյուր պարբերության մեջ: Եթե ունեք CSS- ի հինգ տող, ապա այն հինգ տող է, որը բազմապատկվում է ձեր կայքում տեղադրված յուրաքանչյուր պարբերությամբ: Այդ թողունակությունը եւ բեռի ժամանակը կարող են շտապել:
Ներածված ոճերի այլընտրանքը `Արտաքին շտրիխ կոդեր
Ներածված ոճերի օգտագործման փոխարեն օգտագործեք արտաքին ոճաթերթեր : Նրանք ձեզ տալիս են CSS- ի լավագույն փորձի բոլոր առավելությունները եւ հեշտ օգտագործման համար: Այս ձեւով օգտագործված ձեր կայքում օգտագործվող բոլոր ոճերը ապրում են առանձին փաստաթղթում, որը հետագայում կապվում է վեբ փաստաթղթի հետ մեկ տողում: Արտաքին ստեղնաշարերը ազդում են ցանկացած փաստաթղթի վրա: Դա նշանակում է, որ եթե դուք ունեք 20 էջանոց կայք, որտեղ յուրաքանչյուր էջ օգտագործում է նույն ոճաթերթիկը, որը, որպես կանոն, ինչպես է արվում, կարող եք փոփոխություններ կատարել այդ էջերի յուրաքանչյուր էջի վրա `պարզապես մեկ անգամ, այդ ոճերը խմբագրելով: Փոխելով ոճերը մեկ տեղում, անսահմանորեն ավելի հարմար է, քան ձեր կայքի ամեն էջում այդ կոդավորման որոնումը: Դա երկարացնում է կայքի կառավարումը: