«Վերնագիր» -ը, կամ վեբ էջի վերևը, ձեր կայքը դարձնում է եզակի, թույլ է տալիս այն տարբերվել մյուսներից և արտացոլել ձեր ինտերնետային նախագծի առանձնահատկությունները: Բնօրինակ և լավ պատրաստված վերնագրի օգնությամբ դուք կարող եք զարդարել և կատարելագործել ցանկացած կայք, իսկ վերնագիրն ինքներդ պատրաստելու համար հարկավոր է սովորել, թե ինչպես պետք է դասավորել այս վեբ տարրը:
Հրահանգներ
Քայլ 1
Եթե ցանկանում եք, որ ձեր կայքը ունենա ստատիկ, հաստատուն չափսեր, ապա ձեզ հարկավոր է ստեղծել ստատիկ վերնագիր, որը չի փոխվում ՝ կախված էկրանի լայնության փոփոխությունից: Որոշեք վերնագրի լայնությունն ու բարձրությունը (օրինակ ՝ 996x230) և վերին բլոկի մեջ տեղադրեք ֆոնային պատկեր ՝ օգտագործելով հետևյալ CSS կոդը, որտեղ header-1.jpg
ֆոն `# a6b7d3 url (img / header-1.jpg) առանց կրկնելու;
լայնությունը `996px;
բարձրությունը ՝ 230px;
} Այս տիպի վերնագրի HTML կոդը այսպիսի տեսք ունի.
Քայլ 2
Եթե կայքը կառուցված է այնպես, որ դրա չափերը ճշգրտվեն էկրանի լայնության վրա, վերնագիրը պետք է կազմված լինի ՝ հաշվի առնելով մոնիտորի բոլոր հիմնական լուծումները: Նման վերնագրի առավելագույն լայնությունը պետք է լինի 1920 պիքսել: Նման վերնագիր տեղադրելու համար օգտագործեք CSS կոդը ՝ #header {background: # a6b7d3 url (img / header-2.jpg) առանց կրկնության կենտրոնի; բարձրությունը ՝ 250px;} HTML կոդը այս դեպքում նման է նախորդին: Որոշ պարամետրերով CSS կոդը փոխվել է. Այժմ այն ունի հատկանիշ ՝ վերնագրի պատկերը կենտրոնացնելու համար, ինչը թույլ է տալիս այն համապատասխանեցնել ֆոնը ցանկացած էկրանի լայնությանը:
Քայլ 3
Կարող եք նաև ստեղծել ավելի բարդ վերնագիր, կտրված մի քանի ֆոնային բլոկների, որոնք կփոխեն իրենց դիրքը ՝ կախված տեսադաշտի չափից: Նման վերնագրի համար CSS- ն ավելի բարդ և ծավալուն է և ներառում է մի քանի ֆոնային տարրերի կրկնում `զննարկիչի պատուհանի լողացող չափերին համապատասխան, որում կարելի է դիտել ձեր կայքը:
