Ինչպես պատրաստել ֆոնային պատկեր կայքում

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

Ինչպես պատրաստել ֆոնային պատկեր կայքում
Ինչպես պատրաստել ֆոնային պատկեր կայքում

Video: Ինչպես պատրաստել ֆոնային պատկեր կայքում

Video: Ինչպես պատրաստել ֆոնային պատկեր կայքում
Video: Ինչպես պատրաստել կայքի համար հետևի ֆոն / TikJanBlog.Ru 2024, Մայիս
Anonim

Կայքի կառուցման հիմունքները կարող եք ինքնուրույն սովորել. Ինտերնետում և գրքերում այս թեմայի վերաբերյալ բավարար տեղեկատվություն կա: Այնուամենայնիվ, սկզբնական փուլում հաճախ դժվարություններ են առաջանում այս կամ այն պիտակի օգտագործման հարցում: Իրոք, ամենատարածված բաղադրիչները լավագույնս հիշվում են, քանի որ դրանք էական են ցանկացած կայք գրելիս:

Ինչպես կատարել ֆոնային պատկեր կայքում
Ինչպես կատարել ֆոնային պատկեր կայքում

Հրահանգներ

Քայլ 1

Ընտրեք այն նկարը, որը ցանկանում եք օգտագործել որպես ձեր ֆոնային պատկեր: Եթե դուք պատկերազարդման վրա տեքստ եք մտցնում, ապա այս դեպքում խորհուրդ է տրվում սահմանափակվել ընտրանքներով ՝ առանց չափազանց խայտաբղետության, որում օգտագործվում են մի քանի գույներ, որոնք մոտ են բնույթին: Սկզբունքորեն, ալիքները վերացնելու համար կարող եք «ֆոն» ստեղծել բովանդակության համար, և խնդիրը հաջողությամբ կլուծվի:

Քայլ 2

Ուղղեք պատկերը ՝ օգտագործելով Adobe Photoshop: Ավարտելուց հետո File ընտրացանկից ընտրեք Save For Web հրամանը և ընտրեք ձեր ուզած պանակը: Եթե սա կայքի համար օգտագործվող առաջին պատկերն է, ապա ավտոմատ կերպով ստեղծվում է «Նկարներ» պանակը:

Քայլ 3

Պիտակում գրեք background = "path to image" հատկանիշը: Գրանցեք օրինակ. Կամ. Միևնույն ժամանակ, հիշեք, որ պիտակը պետք է միայն մեկ անգամ հայտնվի ծածկագրում, այն չպետք է բազմապատկվի:

Քայլ 4

Փոփոխությունները պահեք նոթատետրում, զննարկիչում կտտացրեք «Թարմացնել» կոճակին: Պաստառը կհայտնվի էկրանին: Եթե պատկերի չափերը փոքր են ինտերնետային էջի պարամետրերից, ապա պատկերը կրկնօրինակվելու է այնքան անգամ, որքան անհրաժեշտ է ՝ ամբողջ տարածքը լրացնելու համար: Այս պակասությունը շտկելու երկու եղանակ կա.

• օգտագործելով Adobe Photoshop ծրագիրը, սահմանեք նկարի անհրաժեշտ պարամետրերը պիքսելներով («Պատկեր» - «Պատկերի չափ»);

• պահանջվող չափերը դնել html- ծածկագրում:

Օրինակ, եթե լայնությունը 1250 px է, իսկ բարձրությունը ՝ 650 px, ապա հարկավոր է ավելացնել անհրաժեշտ հատկանիշները սեղանի այն բջիջի համար, որի մեջ կտեղադրվի նկարը:

Դուք չեք կարող չափը պիտակով սահմանել. Պատկերը միշտ ցուցադրվելու է ամբողջ չափով:

Քայլ 5

Ֆոնային պատկեր տեղադրելու համար ccs- ի անալոգը.

ֆոն-պատկեր

ՄԱՐՄԻՆ {

background-image: url (images / bg.jpg);

}

«Background-image: url (images / bg.jpg)» հատկանիշը հետին պլանի պատկերի ուղին է:

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