Գտեք «html» վերնագիրը:Այն պետք է լինի փաստաթղթի վերևում:

Հիշեք այս գործընթացի հիմնական շարահյուսությունը:Գրադիենտ ստեղծելու համար հարկավոր է իմանալ երկու մեծություն ՝ ելակետը / անկյունը և գույների շրջանակը, որոնք կմիացվեն միմյանց: Կարող եք ընտրել մի քանի գույներ, որպեսզի դրանք խառնվեն միմյանց; կարող եք նաև սահմանել անցման ուղղությունը կամ անկյունը:

ֆոն ՝ գծային գրադիենտ (ուղղություն / անկյուն, գույն 1, գույն 2, գույն 3 և այլն);

Ստեղծեք ուղղահայաց գրադիենտ:Եթե ​​ուղղություն նշված չէ, գրադիենտը կընթանա վերևից ներքև: Նման գրադիենտ ստեղծելու համար պիտակների միջև մուտքագրեք հետևյալ ծածկագիրը :

html (min-height: 100%;) body (background: -webkit- linear-gradient ( # 93B874, # C9DCB9); background: -o- linear-gradient ( # 93B874, # C9DCB9); background: -գրադիենտ ( # 93B874, # C9DCB9); ֆոն ՝ գծային գրադիենտ ( # 93B874, # C9DCB9); ֆոնի գույն ՝ # 93B874;)

• Տարբեր զննարկիչները տարբեր կերպ են իրականացնում գրադիենտի գործառույթները, այնպես որ դուք պետք է ավելացնեք ձեր ծածկագրի բազմաթիվ տարբերակներ:

1. Ստեղծեք ուղղորդիչ գրադիենտ:Եթե ​​չեք ցանկանում, որ գրադիենտն ուղղահայաց աշխատի, նշեք գույնի անցման ուղղությունը: Դա անելու համար պիտակների միջև մուտքագրեք հետևյալ ծածկագիրը :

   html (min-height: 100%;) body (background: -webkit- linear-gradient (left, # 93B874, # C9DCB9); background: -o- linear-gradient (right, # 93B874, # C9DCB9); background: -moz- գծային գրադիենտ (աջ, # 93B874, # C9DCB9); ֆոն ՝ գծային գրադիենտ (դեպի աջ, # 93B874, # C9DCB9); ֆոնի գույնը ՝ # 93B874;)

   • Եթե ​​ցանկանում եք, փոխեք «ձախ» և «աջ» բառերը ՝ գրադիենտի տարբեր ուղղություններով փորձարկելու համար:

2. Գրադիենտը կարգավորելու համար օգտագործեք այլ հատկություններ:Դուք կարող եք անել ավելին, քան կարծում եք:

   • Օրինակ, յուրաքանչյուր գույնից հետո կարող եք մուտքագրել տոկոս: Սա կհստակեցնի, թե որքան տարածք է զբաղեցնելու յուրաքանչյուր գույնի հատված: Ահա այս պարամետրերով կոդի օրինակ.

     ֆոն ՝ գծային գրադիենտ ( # 93B874 10%, # C9DCB9 70%, # 000000 90%);

   • Գույնին թափանցիկություն ավելացրեք: Այս դեպքում այն ​​աստիճանաբար կվերանա: Մարող ազդեցության հասնելու համար օգտագործեք նույն գույնը: Գույնը սահմանելու համար ձեզ անհրաժեշտ է rgba () գործառույթը: Վերջին արժեքը սահմանելու է թափանցիկությունը. 0 -ը անթափանց գույն է, իսկ 1 -ը `թափանցիկ:

     ֆոն ՝ գծային գրադիենտ (դեպի աջ, rgba (147, 184, 116, 0), rgba (147, 184, 116, 1));

Վերանայեք ծածկագիրը:Գունային գրադիենտ ստեղծելու ծածկագիրը, որպես վեբ էջի ֆոն, այսպիսի տեսք կունենա.

< html > < head > < style >html (min-height: 100%;) body (background: -webkit- linear-gradient (left, # 93B874, # C9DCB9); background: -o- linear-gradient (right, # 93B874, # C9DCB9); background: -moz- գծային գրադիենտ (աջ, # 93B874, # C9DCB9); ֆոն ՝ գծային գրադիենտ (դեպի աջ, # 93B874, # C9DCB9); ֆոնի գույնը ՝ # 93B874;) < body >

Հրահանգներ

Տեղադրեք վերնագրերը տարբեր մակարդակներհամապատասխան բացման և փակման պիտակների միջև, եթե դա արդեն արված չէ վեբ էջի աղբյուրի կոդի մեջ: Օրինակ, ամենակարևոր վերնագիրը (առաջին մակարդակ) պետք է լինի պիտակների միջև

եւ

:

Վերնագիր

Հաջորդ ամենակարևոր մակարդակի ենթավերնագիրը պետք է տեղադրվի պիտակների միջև

եւ

եւ այլն Նախատեսված մակարդակներից վերջինը վեցերորդն է `

եւ

.

Տեղադրեք աղբյուրի կոդի վերնագրի հատվածը (պիտակների միջև եւ) ցուցում, որը տեղեկացնում է այցելուների դիտարկիչին, որ CSS- ում ոճերի նկարագրությունը գտնվում է այս վայրում.

Բացման և փակման ոճերի պիտակների միջև տեղադրեք յուրաքանչյուր մակարդակի վերնագրերի ոճերի նկարագրություն, տեսքըորը ցանկանում եք փոխել: Օրինակ, եթե ձեզ անհրաժեշտ է փոխել միայն առաջին մակարդակի վերնագրերի տեսքը, ապա այս կոդը կարող է ունենալ այս տեսքը.Այստեղ h1- ը նշում է, որ գանգուր փակագծերում նկարագրությունը վերաբերում է h1 պիտակին և կոչվում է «ընտրող»: Գույնի պարամետրը սահմանում է տեքստի գույնը, տառաչափի պարամետրը տառաչափն է, շեղագիր արժեքով տառատեսակը `տառերի թեք ոճը, համարձակ արժեքով տառատեսակի քաշը` լուսանցքի վերևը, լուսանցքը -ներքևում ներքևի լուսանցքն է: Երկրորդ մակարդակի վերնագրերի համար ավելացրեք նմանատիպ բլոկ h2 ընտրիչով և այլն:

Օգտագործեք կրճատ շարահյուսություն, եթե նկարագրելու շատ մակարդակներ կան: Օրինակ, տառատեսակի նկարագրությունները կարող են տեղադրվել մեկ պարամետրում, ինչպես նաև նահանջի չափերի նկարագրությունները: Նմուշ:Մարժայի պարամետրում լուսանցքները պետք է նշվեն ժամացույցի սլաքի ուղղությամբ ՝ սկսած վերևի եզրից ՝ բացատով (վերևից ներքև, ձախ ձախ):

Առնչվող տեսանյութեր

Ձեզ պետք կգա

• Համակարգիչ, ինտերնետ, կայքի բովանդակության հասանելիություն:

Հրահանգներ

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

Որոշեք, եթե ուզում եք բերել Տիրույթի անունըըստ վերնագրի. Սա անհրաժեշտ չէ, եթե դրանք տեղավորվում են միասին: Ի դեպ, սա հաշվի առեք նոր վերնագիր ընտրելիս: Ի վերջո, տիրույթը փոխելը ավելի դժվար է: Բացի այդ, հենց նա է կապում կայքը այցելուների հետ:

Փոխեք վերնագիրը կայքում: Freeամանակակից անվճար հարթակներն ու տարբեր վեբ կայքեր ստեղծողները, որպես կանոն, ունեն պարզ տեսողական վերահսկողություն, որը չի պահանջում ծրագրավորման լեզուների իմացություն: Գնացեք կայքի կառավարման վահանակ ՝ որպես ադմինիստրատոր:

Գտեք էջում, որը բացում է ներդիր, որը կոչվում է «Ընտրանքներ» կամ «Կարգավորումներ» կամ «Ընդհանուր»: Եվ այնտեղ փնտրեք «Կայքի անուն» վանդակը, որտեղ կարող եք մուտքագրել տեքստը:

Մուտքագրեք ձեր նոր անունը այս վանդակում: Համոզվեք, որ կտտացրեք պահպանման կոճակին, որը տարբեր վեբ շարժիչներում այլ կերպ է կոչվում ՝ «Պահել», «Հրապարակել», «Թարմացնել»:

Տառատեսակը փոխելու համար օգտագործեք պիտակը FACE հատկանիշով: Դուք կարող եք տառատեսակը նշել անունով (Arial, Tahoma, Verdana) կամ տիպի (օրինակ ՝ միատիեզերք): Advisանկալի է թվարկել տառատեսակի մի քանի անուն ՝ իրավիճակից խուսափելու համար, երբ պարզվի, որ պահանջվող տառատեսակը օգտագործողը չի տեղադրել: Ես խորհուրդ եմ տալիս «միավորավորել» սովորական տառատեսակներից առնվազն մեկը (օրինակ ՝ Arial): Ես խորհուրդ չեմ տալիս օգտագործել մեկից ավելի 2-3 տարբեր տառատեսակներ, հակառակ դեպքում էջը անշնորհք և ոչ պրոֆեսիոնալ տեսք կունենա:

Օրինակ:

HTML էջի տառաչափի փոփոխություն

SIZE հատկանիշը օգտագործվում է տառատեսակի չափը փոխելու համար: Որքան մեծ է տառատեսակը, այնքան հեշտ է դառնում տեքստի ընթերցումը: Բայց, փոքր տառատեսակթույլ է տալիս ավելի շատ տեղեկատվություն տեղավորել էկրանի ներսում: Օգտագործելով տրված հատկանիշը պիտակի հետ , կարող եք չափափոխել ամբողջ վեբ էջի տեքստը: Օգտագործելով SIZE հատկանիշը պիտակի հետ համատեղ , կարող եք ազդել տեքստի առանձին կտորի արտաքին տեսքի վրա: Առկա է տառատեսակի 7 չափս: Ամենափոքրը նշվում է 1 թվով, իսկ ամենամեծը `7:

Դուք կարող եք փոխել տառատեսակը ՝ օգտագործելով պիտակներ եւ . մեծացնում է նշված հատվածի տառատեսակը նախորդ տեքստի նկատմամբ, և , համապատասխանաբար, նվազում է:

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

Օրինակ:

Ընտրելով html էջի տառատեսակի գույնը

Վեբ էջի տեքստի հատվածները տարբեր գույնի տառատեսակներով ցուցադրելը այն գրավիչ է դարձնում:

Օգտագործելով TEXT հատկանիշը պիտակի համատեքստում , կարող եք փոխել ամբողջ վեբ էջի տեքստի գույնը: Օգտագործելով նույն COLOR հատկանիշը պիտակի հետ (ունի ավելի շատ բարձր առաջնահերթություն) թույլ է տալիս փոխազդել տեքստի առանձին կտորի տեսքի և զգացմունքի վրա:

Տեքստի գույնը փոխելու համար անհրաժեշտ է իմանալ գույնի անունը կամ դրա տասնվեցական ծածկագիրը: Կոդը բաղկացած է ֆունտի # խորհրդանիշից և մի շարքից, որը ներկայացնում է գույնի կարմիր, կանաչ և կապույտ բաղադրիչների ինտենսիվությունը: Միայն 16 ստանդարտ գույները կարող են հղվել անունով:

Գույների անվանումը Կոդ aqua ## 00FFFF սև ## 000000 կապույտ ## 0000FF ֆուկսիա ## FF00FF մոխրագույն ## 808080 կանաչ ## 008000 կրաքարի ## 00FF00 շագանակագույն ## 800000 նավատորմի ## 000080 ձիթապտուղ ## 808000 մանուշակագույն ## 800080 կարմիր # # FF0000 արծաթ ## C0C0C0 թեյ ## 008080 սպիտակ ## FFFFFF դեղին ## FFFF00

Ինտերնետի միջոցով եկամուտների տեսակները,
կամ ինչի վրա պետք չէ ժամանակ վատնել

Ո՞րն է սկսնակների համար ամենալավ վայրը:
Որտե՞ղ է փողը ինտերնետում կամ առցանց գումար վաստակելու ռազմավարություն:

5 րոպեում կայք ստեղծելու ցուցումներ: HTML հիմունքներ և քայլ առ քայլ վեբ կայքի ստեղծում

Ինչպես դառնալ վեբ դիզայներ և սովորել, թե ինչպես ստեղծել վեբ կայքեր բարձր մակարդակով:

Ինչպես գումար վաստակել ձեր կայքում, ինչպես խթանել ձեր կայքը և շահույթ ստանալ ավտոպիլոտից

Դուք ունե՞ք կայք, բայց դա եկամտաբեր չէ: Դրամայնացման ծառայությունների ակնարկ

Դուք չգիտեք, թե որտեղ ներդնել ձեր գումարը
շահույթ ստանալու համար? Սա եզակի տեղեկատվություն է

Forex ընդհանրապես: Ինչպես ճիշտ ներդնել ձեր կապիտալը կամ եկամուտը օրական $ 50 ավտոպիլոտի վրա

Ինչպես և որտեղ գնել տիրույթ և հոստինգ: Ինչպես վեբ կայք ներբեռնել ինտերնետում

Ինչպես փոխանցել տիրույթը մեկ այլ գրանցողի `նորացումներից խնայելու համար

Մենք շարունակում ենք տիրապետել html- ին, մեր դասընթացի երրորդ դասին մենք կուսումնասիրենք, այն է ՝ էջի գույները փոխելը: Եվ հետո ինչ -որ կերպ ամեն ինչ ձանձրալի է թվում:

Մենք արդեն ունենք html կոդը.

Իմ կայքի բովանդակությունը:

Այժմ մենք կսովորենք, թե ինչպես փոխել էջը: Որպեսզի նշեք, թե ինչ գույն պետք է ունենա տեքստը, դուք պետք է անեք հետևյալը.

Փոխել պիտակը հետևյալ կերպ. text = "# FF0000">, այսինքն ՝ փոխվել html գույնև տեքստ, անհրաժեշտ է ավելացնել text = պարամետրը և նշել դրա արժեքը «# FF0000»:

Պարամետրի արժեքը որոշում է գույնը, այսինքն ՝ «# FF0000» - կարմիր: Այստեղ գործում է երեք գույնի օրենքը:

Օրինակ ՝ «# 00FF00» - ը կանաչ HTML գույն է, «# 0000FF» - ը ՝ կապույտ HTML տեքստի գույն: Երբ խառնվում են, այս երեք գույները ձևավորում են նոր երանգներ և html գույներ: Օրինակ ՝ «# 3715FB»:

Եկեք մեր էջի տեքստը դարձնենք կարմիր: Դա անելու համար կիրառեք ձեռք բերված գիտելիքները: Արդյունքում, դուք պետք է ստանաք հետևյալ HTML կոդը.

Իմ կայքի բովանդակությունը:
Ես անցնում եմ կայքի ստեղծման դասեր:

(Html ​​կոդի նոր բաժինները կնշվեն կապույտ գույնով)

Դուք պետք է ստանաք հետևյալը> փոփոխված:

Այժմ եկեք պարզենք, թե ինչպես կարելի է տեքստի առանձին հատվածների html գույն սահմանել: Եթե ​​ձեզ անհրաժեշտ է տեքստի մի մասը ՝ այլ HTML գույն ունենալու համար, կատարեք հետևյալը.

Պիտակների միջև փակեք ձեր ուզած տեքստը ... Սա նոր է html պիտակը, զուգավորված է:

Այնուհետև մուտքագրեք գույնը = պարամետրը «# 00FF00» արժեքով, այսինքն ՝ այսպես գույն = "# 00FF00">տարբեր գույնի տեքստ .

Եկեք գիտելիքները կիրառենք մեր վրա html կոդև փոխել տեքստի մի կտոր:

Իմ կայքի բովանդակությունը:
Ես անցնում եմ կայքի ստեղծման դասեր:

Դուք պետք է ստանաք հետևյալը> փոփոխություն:

Html ֆոնի գույն

Հիմա փոխվենք html ֆոնի գույնը, դրա համար անհրաժեշտ է սահմանել պիտակի մեջ պարամետր bgcolor = "# 494949" արժեքով, այսինքն bgcolor = "# 494949">.

Պարտադիր չէ, որ html ֆոնի գույնը լինի «# 494949», կարող եք օգտագործել ցանկացած այլ գույն:

Եկեք փոփոխություններ կատարենք մեր ծածկագրում և փոխենք html ֆոնի գույնը:

Իմ կայքի բովանդակությունը:
Ես անցնում եմ կայքի ստեղծման դասեր:

Հիմա տեսնենք, թե ինչ է տեղի ունեցել> փոխվել