Siteանկացած կայքի ձևավորումը հիմնված է ֆոնային պատկերների և գույների վրա, ինչպես տունը հիմքի վրա: Եթե ցանկություն ունեք ձեր ինտերնետային ռեսուրսի բնորոշ հիմքը փոխարինել ավելի անհատական ինչ-որ բանով, ապա պետք է սկսել դիզայնի մշակմամբ: Եվ երբ այն պատրաստ լինի, զուտ տեխնիկական մասը կմնա, այսինքն ՝ էջերի սկզբնաղբյուրում նշված կայքի ֆոնի հին դիզայնը փոխարինել նորով: Գործնականում դա իրականացնելու մի քանի եղանակ կա:
Հրահանգներ
Քայլ 1
Նախ անհրաժեշտ է պարզել, թե որ եղանակն է տեղադրվում կայքի ընթացիկ տարբերակում: Դա անելու համար բացեք էջի HTML կոդը: Դուք կարող եք դա անել պարզ տեքստի խմբագրիչի միջոցով `նախապես ներբեռնելով ֆայլը սերվերից: Կամ կարող եք օգտագործել բովանդակության կառավարման համակարգի էջերի խմբագրիչը, եթե այն օգտագործում եք: Էջի խմբագրիչը չի պահանջում ներբեռնել ֆայլը, բայց այն փոփոխում է անմիջապես սերվերում ՝ օգտագործելով զննարկիչը որպես միջերես: Ձեր բացած էջի HTML կոդը (HyperText Markup Language) բաղկացած է զննարկչի համար հրահանգների տողերից: Դրանք նկարագրում են ինտերնետային էջի յուրաքանչյուր տարրի տեսակները, տեսքը և գտնվելու վայրը: Այս հրահանգները սովորաբար անվանում են «պիտակ»: Պիտակների հերթականությունը էջի կոդում նույնպես ենթարկվում է HTML լեզվի կանոններին. Դրանք բաժանված են բլոկների, որոնցից առաջինը պետք է լինի վերնագրի բլոկ, որը սկսվում է պիտակով և ավարտվում: Դրան պետք է հաջորդի այն բլոկը, որն այժմ ձեզ ավելի շատ է հետաքրքրում ՝ փաստաթղթի մարմինը: Այն սահմանափակվում է պիտակներով և. Այս բլոկի () բացման պիտակում դուք կարող եք տեղեկատվություն տեղադրել էջի ֆոնի մասին: Պիտակների սահմաններում նման տեղեկատվությունը կոչվում է «հատկանիշներ»: Ֆոնի գույնը սահմանող մարմնի պիտակի հատկանիշը նշվում է որպես bgcolor, և ծածկագրում այն կարող է նման լինել. Այստեղ մենք էջի ֆոնի գույնը դնում ենք արծաթագույն: Theննարկիչը կարող է որոշ գույներ ճանաչել իրենց անուններով, բայց որպեսզի չսխալվենք, ավելի լավ է նշել դրանց տասնվեցական կոդերը: Այս տասնվեցանկյուն արտահայտությամբ արծաթագույն գույնով այս տարբերակը հետևյալ տեսքն ունի. Այսպիսով, էջի կոդում անհրաժեշտ է գտնել <body> - ից սկսվող թեգը և ստուգել, թե արդյոք այն ունի հետին պլանի գույն: Եթե այդպես է, դրանում փոխարինեք գույնի նշումը ձեր նոր տարբերակով և պահեք փոփոխությունները էջում:
Քայլ 2
Ձեր կայքի ընթացիկ դիզայնի ֆոնը կարող է սահմանվել ոչ թե գույնով, այլ նկարով: Մարմնի պիտակի համապատասխան հատկանիշը կոչվում է ֆոն, և այն կարող է նման լինել ծածկագրում. Ահա, ֆոնը bg.jpg
Քայլ 3
Համեմատաբար բարդ դիզայնով էջերի տեսքը նկարագրելիս օգտագործեք «կասկադային ոճի թերթիկներ» ՝ CSS (Cascading Style Sheets): CSS կոդի բլոկները կարող են ուղղակիորեն ներառվել էջի կոդի մեջ կամ պարունակվել «css» ընդլայնմամբ արտաքին ֆայլում: Դուք պետք է որոնեք ոճի նկարագրության պիտակը ՝ սկսած <ոճից, էջի կոդի վերնագրի մասում (և պիտակների միջև): Եթե այն պարունակում է հղում դեպի արտաքին ֆայլ, ապա այն մոտավորապես այսպիսի տեսք կունենա. @Import "style.css"; Ահա հղում դեպի ոճաթերթ ՝ style.css անունով: Խմբագրման համար անհրաժեշտ է բացել նշված ֆայլը: Եվ եթե չկա հղում, և բացելուց հետո <ոճի պիտակ կա ոճի ցուցումներ, ապա անհրաժեշտ է դրանք խմբագրել այստեղ: Երկու տարբերակներում էլ, ոճերի նկարագրությունների շարքում, պետք է փնտրել փաստաթղթի (մարմնի) կազմվածքի հետ կապվածները: Նկարագրությունների այս բլոկը կարող է նման լինել. Մարմին {
ֆոնի գույնը ՝ արծաթագույն;
գույնը `Սև;
} Այստեղ դուք պետք է փոխարինեք հետին պլան-գույնի պարամետրի արժեքը ձեր նոր գույնի արժեքով և ավելի լավ նույն տասնվեցական արժեքներով: CSS հրահանգներում ֆոնային պատկերի տարբերակը պետք է ունենա այսպիսի տեսք. Body {
ֆոն `# C0C0C0 url (img / bg.jpg) կրկնել- y;
գույնը `Սև;
} Այստեղ նկարի հղումը նման է վերևում քննարկվածին, և # C0C0C0 հղումից առաջ նշանակում է, որ էջի տարածքը, որը չի զբաղեցնում ֆոնի պատկերը, կունենա արծաթե ֆոն: «Կրկնել- y» - ը ցույց է տալիս, որ ֆոնի նկարը պետք է բազմապատկվի Y (ուղղահայաց) առանցքի երկայնքով:«Կրկնել- y» - ը կարող է փոխարինվել «կրկնել- x» (հորիզոնական վերարտադրություն) կամ «առանց կրկնել» -ով (մի կրկնօրինակիր): Եթե ընդհանրապես չնշեք կրկնելը, ապա ֆոնի պատկերը կցուցադրվի էջի ֆոնային տարածություն ՝ բոլոր ուղղություններով:
