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

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

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

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

Video: Ինչպես ֆոն տեղադրել կայքում
Video: Носки на двух спицах . Носки одним полотном. Мастер класс для новичков. 2024, Մայիս
Anonim

Կայքի աշխատանքային ֆոնը կարելի է համեմատել ձեր օպերացիոն համակարգի աշխատասեղանի պաստառների հետ: Ֆոն (ֆոն), կարող եք ստեղծել մի քանի տատանումներով, որոնք կքննարկվեն ստորև:

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

Անհրաժեշտ է

Style.css ֆայլի խմբագրում:

Հրահանգներ

Քայլ 1

Մոնոխրոմ ֆոն: Ֆոնի ամենապարզ տեսակը, մեծ գումարածը էջի նվազագույն բեռնվածությունն է ՝ օգտագործելով նման նկար: Եթե ոճային ֆայլը (style.css) չի պարունակում հրամաններ, որոնք սահմանում են ֆոնի գույնը, զննարկիչը լռելյայն առաջարկում է սպիտակ: Գույնը փոխելու համար օգտագործեք background-colour հրամանը: Այս հրամանի օգտագործման օրինակ. Background-color: # 3366CC:

Քայլ 2

Հատուկ գույն ընտրելու համար կարող եք օգտագործել հատուկ ծրագրակազմ, օրինակ ՝ գրաֆիկական խմբագիր Adobe Photoshop: Եթե դուք երբեք չեք աշխատել դրա հետ, խորհուրդ է տրվում օգտագործել վեբ ծառայություններ: Վառ օրինակ է «Yandex» որոնողական համակարգը, անցեք հետևյալ հղումով https://yandex.ru և մուտքագրեք «կապույտ գույն» արտահայտությունը: Ձեր առջև կհայտնվի գույների աղյուսակ, որում կարող եք ընտրել ցանկացածը ձեր սրտով, պատճենել կոդը և տեղադրեք կայքի կոդի մեջ:

Քայլ 3

Ֆոնի կառուցվածքը: Բացի ֆոնի գույնից, ձեր կայքի ցանկացած էջում կարող եք ավելացնել պատկեր կամ ցիկլիկորեն կրկնվող օրինակ (հյուսվածք): Դա անելու համար, ֆոնի գույնը մուտքագրելուց հետո, գրեք background-image հրամանը, օրինակ, background-image: url (img / uzor.png): Ֆայլի ուղին պետք է նշվի փակագծերի ներսում: Հարկ է նշել, որ հյուսվածքի լուծույթը կարող է սկսվել ամենափոքրից (16x16) և ավարտվել լրիվ պատկերներով ՝ կայքի էջերի չափերի համար (800x600 և ավելի):

Քայլ 4

Ֆոն ՝ գրադիենտ օգտագործմամբ: Այս դեպքում դուք օգտագործում եք ֆոնի գույնը, որը դրված էր ֆոն-գույնի հրամանի հետ, բայց ստեղծում է գրադիենտ: Գրադիենտը կարող է լինել հորիզոնական (x) և ուղղահայաց (y): Ամենից հաճախ հորիզոնական դիրքն օգտագործվում է որպես ֆոնային գրադիենտ, ուստի գրադիենտի հետ գծը կստանա այսպիսի տեսք. Background-repeat: repeat-x:

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