Ինչպես պատրաստել ռետինե գլխարկ

Բովանդակություն:

Ինչպես պատրաստել ռետինե գլխարկ
Ինչպես պատրաստել ռետինե գլխարկ

Video: Ինչպես պատրաստել ռետինե գլխարկ

Video: Ինչպես պատրաստել ռետինե գլխարկ
Video: թղթից գլխարկ պատրաստեցի 2024, Դեկտեմբեր
Anonim

Կայքի վերին մասը, որը կոչվում է նաև վերնագիր, սովորաբար արտացոլում է ռեսուրսի թեման և կարող է պարունակել նավիգացիոն գոտի: Եթե կայքի վերնագիրն ունի որոշակի լայնություն, ապա տարբեր լուծումներով օգտվողների էկրաններին, կայքի այս մասը տարբեր տեսք կունենա: Որպեսզի կայքի վերնագիրը ցանկացած էկրանի վրա նույն տեսքը ունենա, անհրաժեշտ է դրա որոշ հատվածներ ձգվել կամ նեղանալ ՝ կախված էկրանի չափից: Նման ռետինե գլխարկը կարելի է պատրաստել առանց դրա լայնությունը պիքսելներով ամրագրելու:

Ինչպես պատրաստել ռետինե գլխարկ
Ինչպես պատրաստել ռետինե գլխարկ

Անհրաժեշտ է

ունենալ ձեր սեփական կայքը

Հրահանգներ

Քայլ 1

Ռետինե գլխարկ պատրաստելու համար նախ նկարեք այն Photoshop- ում: Դրանից հետո առանձնացրեք նկարի 3 մասեր ՝ 2 կողմը և կեսը: Այս կտորները պետք է ունենան մոտ 10-20 պիքսել լայնություն և ձեր ուզած վերնագրի բարձրության մասին: Յուրաքանչյուր տարր պահեք այնպես, որ 3 տարբեր ֆայլեր ունենաք ՝ 1.gif, 2.gif, 3.gif: Ներկայացրեք այս պատկերները կայքին:

Քայլ 2

Հաջորդը, ստեղծեք սեղան, որը կպահի կայքի վերին մասում գտնվող տարրերը: Դա անելու համար գրեք HTML կոդում.

100% լայնությամբ սեղանը կձգվի կամ կծկվի ՝ կախված օգտագործողի էկրանի չափից:

Քայլ 3

Աղյուսակում տող պատրաստեք, որի բջիջում տեղադրեք 1

Քայլ 4

Ստեղծեք կայքի վերնագրի միջին բաժին, որը բաղկացած է կրկնվող 2

.header {background-image: url ('images / 2.gif');}

Քայլ 5

Այժմ, աղյուսակի շարքում, ստեղծեք մեկ այլ բջիջ և դրա մեջ տեղադրեք կայքի վերին մասի միջին տարրը ՝ CSS կոդում մատնանշելով դրա անվանման վերնագիրը.

Կայքի անվանումը

>

Քայլ 6

Աղյուսակի շարքում ստեղծելով երրորդ բջիջը, այս խցում տեղադրեք 3

Կայքի անվանումը

Խորհուրդ ենք տալիս: