Atrodiet virsrakstu "html". Tam jābūt dokumenta augšpusē.

Atcerieties šī procesa pamata sintaksi. Lai izveidotu gradientu, jums jāzina divi daudzumi: sākuma punkts / leņķis un krāsu diapazons, kas saplūst viens ar otru. Jūs varat izvēlēties vairākas krāsas, lai tās saplūst viena ar otru; varat arī iestatīt pārejas virzienu vai leņķi.

fons: lineārs gradients (virziens / leņķis, krāsa1, krāsa2, krāsa3 un tā tālāk);

Izveidojiet vertikālu gradientu. Ja virziens nav norādīts, gradients iet no augšas uz leju. Lai izveidotu šādu gradientu, starp tagiem ievadiet šādu kodu :

html (min-height: 100%;) body (fons: -webkit- linear-gradient ( # 93B874, # C9DCB9); background: -o- linear-gradient ( # 93B874, # C9DCB9); background: -moz- linear -gradients ( # 93B874, # C9DCB9); fons: lineārs gradients ( # 93B874, # C9DCB9); fona krāsa: # 93B874;)

• Dažādas pārlūkprogrammas gradienta funkcijas ievieš atšķirīgi, tāpēc jums jāpievieno vairākas koda versijas.

1. Izveidojiet virziena gradientu. Ja nevēlaties, lai gradients darbotos vertikāli, norādiet krāsu pārejas virzienu. Lai to izdarītu, starp tagiem ievadiet šādu kodu :

   html (min-height: 100%;) body (fons: -webkit- linear-gradient (pa kreisi, # 93B874, # C9DCB9); fons: -o- linear-gradients (pa labi, # 93B874, # C9DCB9); fons: -moz- lineārs gradients (pa labi, # 93B874, # C9DCB9); fons: lineārs gradients (pa labi, # 93B874, # C9DCB9); fona krāsa: # 93B874;)

   • Ja vēlaties, nomainiet vārdus "pa kreisi" un "pa labi", lai eksperimentētu ar dažādiem gradienta virzieniem.

2. Izmantojiet citas īpašības, lai pielāgotu gradientu. Ar to jūs varat izdarīt vairāk, nekā jūs domājat.

   • Piemēram, pēc katras krāsas varat ievadīt procentus. Tas norādīs, cik daudz vietas katrs krāsu segments aizņems. Šeit ir koda paraugs ar šiem parametriem:

     fons: lineārs gradients ( # 93B874 10%, # C9DCB9 70%, # 000000 90%);

   • Pievienojiet krāsai caurspīdīgumu. Šajā gadījumā tas pakāpeniski izzudīs. Lai panāktu izbalēšanas efektu, izmantojiet to pašu krāsu. Lai iestatītu krāsu, nepieciešama rgba () funkcija. Pēdējā vērtība noteiks caurspīdīgumu: 0 ir necaurspīdīga krāsa un 1 ir caurspīdīga krāsa.

     fons: lineārs gradients (pa labi, rgba (147, 184, 116, 0), rgba (147, 184, 116, 1));

Pārskatiet kodu. Kods krāsu gradienta izveidei kā tīmekļa lapas fons izskatās šādi:

< html > < head > < style >html (min-height: 100%;) body (fons: -webkit- linear-gradient (pa kreisi, # 93B874, # C9DCB9); fons: -o- linear-gradients (pa labi, # 93B874, # C9DCB9); fons: -moz- lineārs gradients (pa labi, # 93B874, # C9DCB9); fons: lineārs gradients (pa labi, # 93B874, # C9DCB9); fona krāsa: # 93B874;) < body >

Instrukcijas

Novietojiet galvenes dažādi līmeņi starp atbilstošajiem sākuma un beigu tagiem, ja tas vēl nav izdarīts tīmekļa lapas avota kodā. Piemēram, vissvarīgākajam virsrakstam (pirmajam līmenim) jābūt starp tagiem

un

:

Virsraksts

Starp tagiem jāievieto nākamā vissvarīgākā līmeņa apakšvirsraksts

un

utt. Pēdējais no paredzētajiem līmeņiem ir sestais -

un

.

Ievietojiet avota koda galvenes daļā (starp tagiem) un) instrukcija, kas informē apmeklētāja pārlūkprogrammu, ka CSS stilu apraksts atrodas šajā vietā:

Ievietojiet starp sākuma un beigu stila tagiem katra līmeņa virsrakstu stilu aprakstu, izskats kuru vēlaties mainīt. Piemēram, ja jums ir jāmaina tikai pirmā līmeņa virsrakstu izskats, šis kods varētu izskatīties šādi:Šeit h1 norāda, ka apraksts cirtainās iekavās attiecas uz tagu h1 un tiek saukts par "selektoru". Krāsu parametrs nosaka teksta krāsu, fonta lieluma parametrs nosaka fonta lielumu, fonta stils ar slīprakstu ir slīps burtu stils, fonta svars ar treknrakstu ir, piemales augšdaļa, mala -apakšā ir apakšējā mala. Otrā līmeņa virsrakstiem pievienojiet līdzīgu bloku ar h2 selektoru utt.

Izmantojiet saīsināto sintaksi, ja aprakstīšanai ir daudz līmeņu. Piemēram, vienā parametrā var ievietot fontu aprakstus, kā arī ievilkumu izmēru aprakstus. Paraugs: Piemales parametrā piemales jānorāda pulksteņrādītāja virzienā, sākot no augšējās malas, izmantojot atstarpi (augšējā labajā apakšējā kreisajā stūrī).

Saistītie videoklipi

Jums būs nepieciešams

• Dators, internets, piekļuve vietnes saturam.

Instrukcijas

Ja jūsu prioritātes mainās un tas ietekmē vietnes tēmas, noteikti atspoguļojiet izmaiņas nosaukumā. Izvēloties jaunu nosaukumu, plānojiet, ka vietnes nosaukums varētu kļūt par zīmolu, ja ne globālu, tad vismaz pastāvīgiem resursa lasītājiem. Kopumā "tas, ko jūs saucat par jahtu, tāpēc tas peldēs".

Izlemiet, vai vēlaties atvest Domēna vārds saskaņā ar virsrakstu. Tas nav nepieciešams, ja tie sader kopā. Starp citu, paturiet to prātā, izvēloties jaunu nosaukumu. Galu galā domēna maiņa ir grūtāka. Turklāt viņš savieno vietni ar apmeklētājiem.

Mainiet vietnes nosaukumu. Mūsdienu bezmaksas platformām un dažādiem vietņu veidotājiem parasti ir vienkāršas vizuālās vadīklas, kurām nav nepieciešamas programmēšanas valodu zināšanas. Dodieties uz vietnes vadības paneli kā administrators.

Atrodiet lapā, kurā tiek atvērta cilne ar nosaukumu "Opcijas" vai "Iestatījumi" vai "Vispārīgi". Un tur atrodiet lodziņu "Vietnes nosaukums", kur varat ievadīt tekstu.

Šajā lodziņā ievadiet savu jauno vārdu. Noteikti noklikšķiniet uz saglabāšanas pogas, kas dažādos tīmekļa dzinējos tiek saukta atšķirīgi - "Saglabāt", "Publicēt", "Atjaunināt".

Lai mainītu fontu, izmantojiet tagu ar atribūtu FACE. Jūs varat norādīt fontu pēc nosaukuma (Arial, Tahoma, Verdana) vai tipa (piemēram, monospace). Ieteicams uzskaitīt vairākus fontu nosaukumus, lai izvairītos no situācijas, kad izrādās, ka lietotājs nav instalējis nepieciešamo fontu. Es iesaku "atzīmēt" vismaz vienu no parastajiem fontiem (piemēram, Arial). Es neiesaku vienā lapā izmantot vairāk kā 2-3 dažādus fontus, pretējā gadījumā lapa izskatīsies neveikla un neprofesionāla.

Piemērs:

Html lapas fonta lieluma maiņa

Atribūtu SIZE izmanto, lai mainītu fonta lielumu. Jo lielāks fonts, jo vieglāk kļūst lasāms teksts. Bet, mazs fontsļauj ekrānā ievietot vairāk informācijas. Dotā atribūta izmantošana ar tagu , varat mainīt visas tīmekļa lapas teksta izmērus. Izmantojot atribūtu SIZE kopā ar tagu , jūs varat ietekmēt atsevišķa teksta gabala izskatu. Ir pieejami 7 fontu izmēri. Mazāko apzīmē ar skaitli 1, bet lielāko - 7.

Jūs varat mainīt fontu, izmantojot tagus un . palielina norādītā fragmenta fontu attiecībā pret iepriekšējo tekstu, un attiecīgi samazinās.

Jūs varat sasniegt interesantus efektus, mainot atsevišķu burtu lielumu. Piemēram, šādā veidā jūs varat iegūt nolaižamo vāciņu - palielinātu rindkopas sākuma lielo burtu.

Piemērs:

Html lapas fonta krāsas izvēle

Tīmekļa lapas teksta daļu parādīšana dažādos krāsu fontos padara to pievilcīgu.

Atribūta TEXT izmantošana taga kontekstā , varat mainīt visa tīmekļa lapas teksta krāsu. Izmantojot to pašu COLOR atribūtu ar tagu (ir vairāk augsta prioritāte) ļauj mijiedarboties ar atsevišķa teksta gabala izskatu.

Lai mainītu teksta krāsu, jums jāzina krāsas nosaukums vai tās heksadecimālais kods. Kods sastāv no mārciņas simbola # un skaitļa, kas apzīmē krāsas sarkano, zaļo un zilo komponentu intensitāti. Pēc nosaukuma var atsaukties tikai uz 16 standarta krāsām.

Krāsu nosaukums Kods aqua ## 00FFFF melns ## 000000 zils ## 0000FF fuksija ## FF00FF pelēks ## 808080 zaļš ## 008000 kaļķis ## 00FF00 sarkanbrūns ## 800000 tumši sarkans ## 000080 olīvu ## 808000 violets ## 800080 sarkans # # FF0000 sudrabs ## C0C0C0 teal ## 008080 balts ## FFFFFF dzeltens ## FFFF00

Ieņēmumu veidi, izmantojot internetu,
vai uz ko nevajag tērēt laiku

Kāda ir labākā vieta, kur sākt iesācējiem.
Kur ir nauda internetā vai stratēģija, kā pelnīt naudu tiešsaistē?

Norādījumi vietnes izveidei 5 minūtēs. HTML pamati un vietņu izveide soli pa solim

Kā kļūt par tīmekļa dizaineri un iemācīties veidot vietnes augstā līmenī.

Kā pelnīt naudu savā vietnē, kā reklamēt savu vietni un gūt peļņu, izmantojot autopilotu

Vai jums ir vietne, bet tā nav rentabla? Pārskats par monetizācijas pakalpojumiem

Jūs nezināt, kur ieguldīt savu naudu
lai gūtu peļņu? Šī ir unikāla informācija

Forex vispār. Kā pareizi ieguldīt savu kapitālu vai peļņu 50 USD dienā autopilotā

Kā un kur iegādāties domēnu un mitināšanu. Kā augšupielādēt vietni internetā

Kā pārsūtīt domēnu citam reģistratoram, lai ietaupītu uz atjaunošanu

Mēs turpinām apgūt html, mūsu apmācības trešajā nodarbībā mēs pētīsim, proti, mainot lapas krāsas. Un tad kaut kā viss izskatās blāvi.

Mūsu jau esošais html kods:

Manas vietnes saturs.

Tagad mēs uzzināsim, kā mainīt lapu. Lai norādītu, kādai jābūt teksta krāsai, rīkojieties šādi.

Mainiet tagu šādā veidā: text = "# FF0000">, tas ir, lai mainītos html krāsa un teksts, jums jāpievieno parametrs text = un jānorāda tā vērtība "# FF0000".

Parametra vērtība nosaka krāsu, tas ir, "# FF0000" - sarkana. Šeit ir spēkā trīs krāsu likums.

Piemēram, "# 00FF00" ir zaļā html krāsa, "# 0000FF" ir zilā html teksta krāsa. Ja sajaucot, šīs trīs krāsas veido jaunas nokrāsas un html krāsas. Piemēram, "# 3715FB".

Padarīsim mūsu lapas tekstu sarkanu. Lai to izdarītu, pielietojiet iegūtās zināšanas. Rezultātā jums vajadzētu iegūt šādu html kodu:

Manas vietnes saturs.
Es apmeklēju vietņu veidošanas nodarbības.

(Jaunas html koda sadaļas tiks iezīmētas zilā krāsā)

Jums vajadzētu saņemt sekojošo> modificēt.

Tagad izdomāsim, kā iestatīt atsevišķu teksta fragmentu html krāsu. Ja daļai teksta ir nepieciešama cita html krāsa, rīkojieties šādi:

Ievietojiet vēlamo tekstu starp tagiem ... Tas ir jauns html tagu, tas ir savienots pārī.

Pēc tam ievadiet parametru color = ar vērtību "# 00FF00", tas ir, šādi krāsa = "# 00FF00"> citas krāsas teksts .

Izmantosim savas zināšanas html kods un mainīt teksta daļu.

Manas vietnes saturs.
Es apmeklēju vietņu veidošanas nodarbības.

Jums vajadzētu saņemt sekojošo> mainīt.

Html fona krāsa

Tagad mainīsimies html fona krāsa, šim nolūkam ir jāiestata tags parametrs bgcolor = ar vērtību "# 494949", tas ir bgcolor = "# 494949">.

Html fona krāsai nav jābūt "# 494949", varat izmantot jebkuru citu krāsu.

Veiksim izmaiņas mūsu kodā un mainīsim html fona krāsu.

Manas vietnes saturs.
Es apmeklēju vietņu veidošanas nodarbības.

Tagad redzēsim, kas notika> mainīties