Ինչպես պատկեր տեղադրել կայքի վերնագրի մեջ

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

Ինչպես պատկեր տեղադրել կայքի վերնագրի մեջ
Ինչպես պատկեր տեղադրել կայքի վերնագրի մեջ

Video: Ինչպես պատկեր տեղադրել կայքի վերնագրի մեջ

Video: Ինչպես պատկեր տեղադրել կայքի վերնագրի մեջ
Video: [PS2] ԱՆՎԱՐ MC BOOT ՎԱ RԱՌՔԻ ԽԱAMԵՐ ԱՌԱՆ ՆԱԽԱԳԱՅԻՆ ԱՌԱՆ ԹՈՒՅԼ ԴԻՍԿ ԽԱ HԵՐԻ 2024, Մայիս
Anonim

Selectedիշտ ընտրված նկարը լավագույնս է բնութագրում կայքի ուղղությունը, դրան տալիս է անհատականություն: Բացի այդ, մարդկանց մեծամասնությունը բնույթով վիզուալ է, ինչը նշանակում է, որ գրաֆիկական պատկերը նրանց համար շատ ավելի լավ կհիշվի:

Ինչպես պատկեր տեղադրել կայքի վերնագրի մեջ
Ինչպես պատկեր տեղադրել կայքի վերնագրի մեջ

Հրահանգներ

Քայլ 1

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

Քայլ 2

Նկարը խմբագրելու համար ավելի լավ է օգտագործել Adobe Photoshop- ը: Հիշեք, որ ծրագրի տարբերակները կարող են լինել անգլերեն, և աշխատանքի հարմարավետության համար ձեզ հարկավոր է ճեղք: Այն կարելի է անվճար ներբեռնել ինտերնետում:

Քայլ 3

Բացեք պատկերը, որը ցանկանում եք փոխարինել գրաֆիկական խմբագրում և ընտրացանկից ընտրել «Պատկեր» - «Պատկերի չափ»: Հիշեք, կամ ավելի ճիշտ գրի՛ր արժեքները պիքսելներով: Դուք կարող եք փակել նկարը. Դա ձեզ այլեւս պետք չի լինի:

Քայլ 4

«Ֆայլ» ընտրացանկում ընտրեք «Նոր», որից հետո ձեր առջև մի ձև կբացվի: Մուտքագրեք դրա մեջ պատկերի չափի գրանցված արժեքները և կտտացրեք «Լավ»: Theանապարհին կարող եք նաև սահմանել այլ պարամետրեր, օրինակ ՝ շերտի անվանումը կամ ֆոնային բովանդակության տեսակը, բայց դրանք հիմնարար չեն:

Քայլ 5

Ստեղծեք նոր շերտ («Շերտ» - «Նոր»):

Քայլ 6

Openրագրում բացեք այն նկարը, որը ցանկանում եք տեսնել կայքի վերնագրում («Ֆայլ» - «Բացել»):

Քայլ 7

Գործիքադարակի վրա ընտրեք «Ուղղանկյուն տարածք» պատկերակը, օգտագործեք այն նկար ընտրելու համար:

Քայլ 8

Օգտագործեք «Պատճենել» հրամանը «Խմբագրել» ընտրացանկից և տեղադրեք պատկերը պատրաստված ձևի նոր շերտի վրա («Խմբագրել» - «Տեղադրել»): Ընտրեք Տեղափոխման գործիքը և տեղափոխեք նկարը ըստ անհրաժեշտության:

Քայլ 9

Եթե նկարի չափը ավելի մեծ կամ փոքր է ստացվել, ապա այն կարելի է շտկել ՝ օգտագործելով «Պատկեր» ընտրացանկի հրահանգները: Ամեն դեպքում, հիմնական պատկերի պարամետրերը հազվադեպ են համընկնում պահանջվողների հետ, ուստի գրեթե միշտ կա դատարկ տարածք: Այն պետք է լրացվի, և դրա համար լավագույնն է օգտագործել «Նախապատմությունը»: Օրինակ, դուք կարող եք լրացնել մեկ գույնով, կամ օգտագործել Գրադիենտ գործիքը, այնուհետև հարթեցնել անցումը ՝ օգտագործելով dodge / darken, Finger, սպունգեր և այլն:

Քայլ 10

HTML լեզվով նկարներ տեղադրելու համար կա հատուկ պիտակ

տարբեր հատկանիշներով.

• src - պատկերի հասցե;

• բարձրություն - բարձրությունը px- ով;

• լայնություն - լայնությունը px- ով;

• սահման - սահման px- ով;

• alt - նկարի բացատրություն, որը ցուցադրվում է օգտվողների համար, երբ պատկեր ստացող գործառույթն անջատված է:

Օրինակ,. Հակադարձ պիտակ չի պահանջվում:

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