\n Selle \u00f5petuse n\u00f5uded
\n<\/h5>\n
\n Selle saidi loomiseks peate alla laadima teatud pildid, vektorid ja fondid. Kuid saate siiski j\u00e4lgida ilma nende varadeta. Sisu \u00f5igeks korraldamiseks looge oma saidile eraldi kaust.\n<\/p>\n
- \n
- \n
\n Minge saidile pexels.com<\/a> ja laadige alla:\n <\/p>\n
- \n
- \n
\n 4 pilti suurusega 1160 x 480 slaidiseansi jaoks. Siin on ekraanipilt pexelitest. Selle suuruse saate sisestada sellel veebisaidil kohandatud suuruse kasti.\n <\/p>\n<\/li>\n
- \n
\n 6 pilti suurusega 271 x 208 teenuste jaotises.\n <\/p>\n<\/li>\n
- \n
\n 1 pilt suurusega 1160 x 692 jaotises \u201eV\u00f5tke meiega \u00fchendust”.\n <\/p>\n<\/li>\n<\/ul>\n<\/li>\n
- \n
\n Minge saidile freepik.com<\/a> ja laadige alla:\n <\/p>\n
- \n
- \u00dcks ristiikoon (saate seda ikooni illustraatoris redigeerida v\u00f5i lihtsalt laadida png-faili Fepikist).\n <\/li>\n
- 6 n\u00e4okujutist jaotise \u201eIseloomustused” jaoks.\n <\/li>\n<\/ul>\n<\/li>\n
- \n
\n Minge saidile subtlepatterns.com<\/a> ja laadige alla jaotise Tunnistuste jaoks telliskivim\u00fc\u00fcri muster.\n <\/p>\n<\/li>\n
- \n
\n Selle \u00f5petusega j\u00e4tkates r\u00e4\u00e4gin teile, kuidas vajalikke fonte alla laadida (seda saab teha Muse'is).\n <\/p>\n<\/li>\n
- \n
\n Kasutage n\u00e4ivteksti saidilt lipsum.com<\/a>.\n <\/p>\n<\/li>\n<\/ul>\n
\n ALUSTAME!\n<\/p>\n
\n T\u00f6\u00f6ruumi ettevalmistamine ja p\u00e4ise seadistamine\n<\/p>\n
\n 1 Looge uus sait, valides Fail > Uus sait (Ctrl+N) ja sisestage v\u00e4\u00e4rtused, nagu allpool n\u00e4idatud. \u00c4rge unustage m\u00e4rkida m\u00e4rkeruutu “Kleepjalus”. Kl\u00f5psake nuppu OK ja teil on PLAN-re\u017eiim. Topeltkl\u00f5psake A-Master, mis asub allosas hallil alal. Loote k\u00f5ik sellel p\u00f5hilehel.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-638235b3f0862.webp\")
<\/a><\/p>\n\n 2 Valige rakenduse akna vasakus servas asuvast t\u00f6\u00f6riistakastist tekstit\u00f6\u00f6riist. Tekstikasti loomiseks kl\u00f5psake ja lohistage l\u00f5uendil v\u00f5i lehel. Minge tekstipaneelile (Ctrl+T), otsige fontide rippmen\u00fc\u00fcst \u00fcles Web Fonts ja valige “Lisa veebifonte” ning laadige alla j\u00e4rgmised fondid:\n<\/p>\n
- \n
- Rametto \u00dcks\n <\/li>\n
- T\u00fckk\n <\/li>\n
- K\u00fcsitav\n <\/li>\n
- Raleway\n <\/li>\n
- \u00dcllas\n <\/li>\n
- PT Ilma\n <\/li>\n
- Ubuntu\n <\/li>\n
- Homaar\n <\/li>\n<\/ul>\n
\n P\u00e4rast nende fontide allalaadimist kustutage see tekstikast.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-638235b5afeaf.webp\")
<\/a><\/p>\n\n 3 Minge rakenduse akna paremas servas asuvale paneelile Kihid. Kui seda seal pole, avage men\u00fc\u00fc Aken > Kihid. N\u00e4ete seal kihti nimega Layer 1 (sinine v\u00e4rv). See on vaikekiht ja k\u00f5ik, mille loote v\u00f5i l\u00f5uendile asetate, l\u00e4heb sinna. Topeltkl\u00f5psake seda kihti ja nimetage see “P\u00e4iseks”.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-638235b8cad84.webp\")
<\/a><\/p>\n\n 4 Kl\u00f5psake kihtide paneeli sees paremas alanurgas asuvat v\u00e4ikese volditud servaga paberiikooni. Sellel kl\u00f5psates luuakse uus punase v\u00e4rviga kiht. J\u00e4llegi topeltkl\u00f5psake sellel kihil ja nimetage see \u00fcmber “Sisu”.\n<\/p>\n
\n 5 Kl\u00f5psake ja lohistage seda sisukihti ning asetage see p\u00e4isekihi alla. Oleme seda teinud, sest tahame, et meie p\u00e4is oleks k\u00f5ige tipus.\n<\/p>\n
\n 6 Valige p\u00e4isekiht ja ahendage kihtide paneel.\n<\/p>\n
\n 7 Valige t\u00f6\u00f6riistakastist ristk\u00fcliku t\u00f6\u00f6riist v\u00f5i vajutage klaviatuuril klahvi “m”.\n<\/p>\n
\n 8 Joonistage l\u00f5uendile v\u00e4ike ristk\u00fclik ja veenduge, et selle \u00e4\u00e4rise v\u00e4rv on sinine, mis n\u00e4itab, et see objekt on p\u00e4isekihi sees.\n<\/p>\n
\n 9 Minge rakenduse akna paremas \u00fclanurgas asuvale teisenduspaneelile. J\u00e4tke laius (W) ja sisestage 50 k\u00f5rguse (H) v\u00e4lja ja vajutage sisestusklahvi. (\u00c4rge muretsege X- ja Y-v\u00e4\u00e4rtuste p\u00e4rast.)\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-638235bc3e592.webp\")
<\/a><\/p>\n\n 10 Lehe \u00fclaosas n\u00e4ete kahte sinist rida (n\u00e4idatud alloleval ekraanipildil). Neid nimetatakse “juhenditeks”. Kui h\u00f5ljutate kursorit esimese juhendi kohal, kuvatakse see \u201eLehe \u00fclaosas, lohistage lehe kohal oleva polsterduse reguleerimiseks” ja teine \u200b\u200b\u201eP\u00e4is, lohista asukoha reguleerimiseks”. Nende juhendite seadistamine alguses on v\u00e4ga oluline.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-638235bf23e62.webp\")
<\/a><\/p>\n\n 11 N\u00fc\u00fcd, kui oleme loonud ristk\u00fcliku H=50, kl\u00f5psake, hoidke all ja lohistage lehe \u00fclaosa juhendit, kuni lohistamise alustamisel allpool kuvatavas kastis on kirjas Y=50.\n<\/p>\n
\n 12 Samamoodi lohistage \u00fclaltoodud p\u00e4isejuhik lehe \u00fclaossa, kuni see \u00fctleb Y=0. Tegime seda oma p\u00e4iseala seadistamiseks. (V\u00f5ib-olla soovite katsetada nende juhendite paigutamist erinevatele kohtadele erinevate tulemuste saamiseks, kuid see on praegu hea.)\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-638235c2cc503.webp\")
<\/a><\/p>\n\n 13 Valige \u00e4sja loodud ristk\u00fclik, lohistage see p\u00e4isealale, et see sobiks korralikult.\n<\/p>\n
\n 14 N\u00fc\u00fcd peame suurendama ristk\u00fcliku laiust ja muutma selle 100%, et p\u00e4is n\u00e4eks t\u00e4iuslik v\u00e4lja igas ekraani suuruses. Laiendage ristk\u00fclikut m\u00f5lema servani ja veenduge, et see kl\u00f5psab servadega. Ilmub oran\u017e juhend, mis tagab, et objekt on kl\u00f5psatud. Ristk\u00fcliku laiuse suurendamisel kuvatakse h\u00fcpikaknas W=100% v\u00f5i W=1160, kui j\u00f5uate servani.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-638235c5f0fa0.webp\")
<\/a><\/p>\n\n 15 Hoidke ristk\u00fclik valitud, kl\u00f5psake rakenduse men\u00fc\u00fc all s\u00f5na T\u00e4ida ja m\u00e4\u00e4rake valikud j\u00e4rgmiselt. Valige esimene v\u00e4rv must ja teine \u200b\u200bv\u00e4rv: R=37, G=37, B=37.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-638235c90d279.webp\")
<\/a><\/p>\n\n 16 Valige Fail > Salvesta sait. Salvestage oma sait iga kord, kui teete muudatusi.\n<\/p>\n
\n 17 Looge tekstikast ja tippige “example.com” ja muutke selle vormingut, nagu allpool n\u00e4idatud.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-638235cc3e77d.webp\")
<\/a><\/p>\n\n 18 Reguleerige tekstikasti suurust nii, et kogu tekst kuvatakse \u00fchel real. Valige see tekstikast ja lohistage see \u00fcle musta ristk\u00fcliku. Joondage see ristk\u00fcliku vertikaalse keskpunktiga (sinine joon n\u00e4itab, millal see on keskel) ja kinnitage see vasaku \u00e4\u00e4rise k\u00fclge, nagu allpool n\u00e4idatud.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-638235cebd543.webp\")
<\/a><\/p>\n\n 19 Looge tekstikast ja tippige “Kodu”. Muutke selle vormingut j\u00e4rgmiselt. Reguleerige vastavalt tekstikasti laiust ja k\u00f5rgust. Seda saate teha ka teisenduspaneelilt. Minu oma on W=52, H=17.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-638235d124081.webp\")
<\/a><\/p>\n\n 20 Kopeerige ja kleepige see tekstikast ning tippige uude v\u00e4lja “Teenused”. Reguleerige laiust. Lohistage ja asetage see tekstikast kodu k\u00f5rvale, nii et nende kahe erinevus on v\u00e4ga v\u00e4ike. J\u00e4llegi aitavad juhendid teid \u00f5igesti joondada.\n<\/p>\n
\n 21 Kopeerige ja kleepige see tekstikast veel neli korda ja tippige \u2013 Miks me, iseloomustused, v\u00f5tke meiega \u00fchendust ja uudiskiri. Asetage need tekstikastid \u00fckshaaval v\u00f5rdsete vahedega “teenuste” k\u00f5rvale.\n<\/p>\n
\n 22 Kui valikut\u00f6\u00f6riist on valitud ja t\u00f5stuklahvi vajutatud, valige k\u00f5ik need tekstikastid \u00fckshaaval. Minge tekstipaneelile, muutke v\u00e4rv valgeks. Valige nende kastide r\u00fchm ja asetage see p\u00e4ise ristk\u00fcliku kohale. (Vertikaalselt keskel ja joondatud parempoolse lehe \u00e4\u00e4risega). See on meie men\u00fc\u00fc.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-638235d30933a.webp\")
<\/a><\/p>\n\n 23 Kui valikut\u00f6\u00f6riist on valitud ja t\u00f5stuklahvi vajutatud, valige need tekstikastid, ristk\u00fclik ja tekstikast example.com. Paremas \u00fclanurgas n\u00e4ete valikut Kinnita. Nende \u00fcksuste kinnitamiseks kl\u00f5psake selle \u00fclemist keskmist kasti. See t\u00e4hendab, et kui kasutaja teie saiti l\u00e4bi kerib, j\u00e4\u00e4b see p\u00e4is fikseerituks \u00fclaosas. See on v\u00e4ga kasulik, kuna kasutaja ei pea lihtsalt teise valiku valimiseks l\u00f5puni \u00fcles kerima.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-638235d5928ff.webp\")
<\/a><\/p>\n\n 24 Minge paneelile Kihid ja lukustage p\u00e4isekiht. Seda saab teha, kl\u00f5psates kihi nimest vasakul asuvat kasti. Kui lukustate kihi v\u00f5i objekti, ei m\u00f5juta see selle v\u00e4limust, kuid te ei saa neid \u00fcksusi valida, kui te lukust lahti ei tee. Tegime seda selleks, et t\u00e4ielikult v\u00e4listada v\u00f5imalus esemeid kogemata liigutada.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-638235d843d05.webp\")
<\/a><\/p>\n\n 25 Valige sisukiht ja ahendage kihtide paneel.\n<\/p>\n
\n Slaidiseansi loomine
\n<\/h3>\n\n 26 Minge rakenduse akna paremas servas asuvasse vidinateeki. Kui seda seal pole, avage men\u00fc\u00fc Aken ja valige Vidinateek. Laiendage jaotist “slaidiseansid” ja valige “T\u00fchi”. Kl\u00f5psake ja lohistage see objekt l\u00f5uendile. Ilmub must aken slaidiseansi valikutega.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-638235db65202.webp\")
<\/a><\/p>\n\n 27 Veenduge, et suvandid on seadistatud nii, nagu on n\u00e4idatud alloleval pildil. T\u00fchjendage allosas osade jaotises m\u00e4rkeruudud Eelmine, J\u00e4rgmine, Tiitrid ja Loendur. Me ei vaja \u00fchtegi neist.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-638235deacba4.webp\")
<\/a><\/p>\n\n 28 Selle h\u00fcpikakna kadumiseks kl\u00f5psake l\u00f5uendil \u00fcksk\u00f5ik kus. N\u00fc\u00fcd kl\u00f5psake ettevaatlikult slaidiseansi sees. Kui kl\u00f5psate sellel \u00fcks kord, n\u00e4ete, et “Slaidiseanss” on kirjutatud jaotisesse “Praeguse valiku t\u00fc\u00fcp”. See asub vasakus \u00fclanurgas rakenduste men\u00fc\u00fc all. See ala v\u00f5imaldab teil n\u00e4ha, mida olete valinud. See on v\u00e4ga kasulik funktsioon, kui paigutus muutub keeruliseks. Kl\u00f5psake uuesti ja m\u00e4rkate, et kirjelduses on “Kangelase pilt”.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-638235e121ebd.webp\")
<\/a><\/p>\n\n 29 Suurendage kangelase kujutise laiust k\u00e4sitsi, laiendades seda keskelt. Kinnitage see nii lehe servade k\u00fclge (et see oleks 100% laiune) kui ka p\u00e4ise ristk\u00fcliku alaosa k\u00fclge, nagu allpool n\u00e4idatud.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-638235e337282.webp\")
<\/a><\/p>\n\n 30 Minge teisenduspaneelile ja pange H=500.\n<\/p>\n
\n 31 Avage slaidiseansi valikud uuesti, kl\u00f5psates v\u00e4ikesel sinisel ringil, mille sees on valge ristk\u00fclik (see asub slaidiseansi paremas \u00fclanurgas).\n<\/p>\n
\n 32 Kl\u00f5psake valiku \u201eLisa pilte\u2026” k\u00f5rval kaustaikooni, sirvige pilte, mille me slaidiseansi jaoks alla laadisime. Valige k\u00f5ik neli ja kl\u00f5psake nuppu Ava.\n<\/p>\n
\n 33 Minge men\u00fc\u00fcsse Fail > valige \u201eLehe eelvaade brauseris” v\u00f5i Ctrl+Shift+E ja vaadake, kuidas teie slaidiseanss t\u00f6\u00f6tab, kui sait on aktiivne. Soovitan teil selles \u00f5petuses kasutatavad klaviatuuri otseteed meelde j\u00e4tta. See aitab teil disainiprotsessi kiirendada.\n<\/p>\n
\n Sektsiooni “Teenused” loomine
\n<\/h3>\n\n 34 N\u00fc\u00fcd, kui oleme oma p\u00e4ise ja slaidiseansi seadistanud, on aeg luua jaotised iga \u00fcksuse jaoks, mille oma men\u00fc\u00fcsse lisasime. Alustame teenustega. Looge tekstikast ja tippige sinna teenused (k\u00f5ik v\u00e4ikesed t\u00e4hed) ja muutke selle vormingut j\u00e4rgmiselt.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-638235e4de8f0.webp\")
<\/a><\/p>\n\n 35 Topeltkl\u00f5psake sellel tekstikastil ja valige ainult t\u00e4ht “I”. Muutke selle font ‘Chunk'iks ja j\u00e4tke k\u00f5ik samaks. Reguleerige selle tekstikasti k\u00f5rgust. Kui v\u00e4hendate selle k\u00f5rgust, ilmub teatud punktis katkendjoon ja kast ei muutu l\u00fchemaks. \u00c4rge v\u00e4hendage suurust p\u00e4rast seda. See on selle fondi suuruse juures v\u00e4ikseim v\u00f5imalik k\u00f5rgus.\n<\/p>\n
\n 36 Kui tekstikast on valitud, minge teisenduspaneelile ja m\u00e4\u00e4rake p\u00f6\u00f6rdenurgaks -90 kraadi (90 kraadi negatiivne).\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-638235e695d45.webp\")
<\/a><\/p>\n\n 37 Liigutage tekstikast l\u00f5uendi vasakule k\u00fcljele, nagu allpool n\u00e4idatud.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-638235e88e04c.webp\")
<\/a><\/p>\n\n 38 V\u00f5imalik, et soovite kogu sisu korraga n\u00e4gemiseks v\u00f5i objektide \u00f5igeks reguleerimiseks veidi v\u00e4lja suumida. Selleks proovige tippida \u00fclaservas olevasse suumitaseme jaotisesse erinevad v\u00e4\u00e4rtused (alla 100%). P\u00e4rast v\u00e4\u00e4rtuse sisestamist vajutage sisestusklahvi.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-638235eab2968.webp\")
<\/a><\/p>\n\n 39 Avage Fail > valige \u201eKoht”. Valige esimene pilt, mille oma teenuste jaotise jaoks alla laadisime. Kl\u00f5psake nuppu Ava.\n<\/p>\n
\n 40 Kursor muudab oma v\u00e4limust kujutisega laetud kohap\u00fcstoliks. Selle paigutamiseks kl\u00f5psake l\u00f5uendil. Liigutage ja asetage see nii, et see \u00fchtiks tekstikasti \u201eteenused” \u00fclaosaga.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-638235ed9df42.webp\")
<\/a><\/p>\n\n 41 Kopeerige see pilt ja kleepige see kaks korda. Valige need kleebitud pildid \u00fckshaaval ja joondage need esimese pildiga v\u00f5rdsele kaugusele.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-638235f1531ed.webp\")
<\/a><\/p>\n\n 42 Valige teine \u200b\u200bpilt, paremkl\u00f5psake seda ja valige “asenda pilt” (see on viimane valik). Sirvige teist pilti ja kl\u00f5psake nuppu Ava. Asendage ka kolmas pilt.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-638235f44fa27.webp\")
<\/a><\/p>\n\n 43 Looge teenuste teabe jaoks tekstikastid ja rakendage pealkirjade ja l\u00f5ikude vormingut, nagu allpool kirjutatud. Juhendid aitavad teil neid \u00f5igesti joondada.\n<\/p>\n
- \n
- \n Pealkirjade jaoks:<\/strong> Font: Raleway rasvane, suurus = 20, v\u00e4rv: must, vasakule joondatud ja 100% ees.\n <\/li>\n
- \n L\u00f5igete jaoks:<\/strong> Font: Questrial, Suurus = 15, V\u00e4rv: R = 67 G = 67 B = 67, vasakule joondatud ja 120% ees.\n <\/li>\n<\/ul>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-638235f67e871.webp\")
<\/a><\/p>\n\n 44 Asetage veel kolm pilti, nagu tegime eelmistes sammudes, ja looge neile sarnaselt kirjeldustekst. Teil peaks olema j\u00e4rgmine tulemus.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-638235f8b3f61.webp\")
<\/a><\/p>\n\n Jaotise \u201eTeenused” l\u00f5pptulemus
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-638235fb6b3b2.webp\")
<\/a><\/p>\n\n Jaotise \u201eMiks meie” loomine
\n<\/h3>\n\n 45 J\u00e4rgmine on jaotis “Miks meie”. See on veidi keeruline. Olge objektide valimisel ettevaatlik. Esiteks looge ristk\u00fclik, mille laius on 100% ja H = 996. T\u00e4itke see v\u00e4rviga (R=47, G=48, B=55). Paremkl\u00f5psake seda ristk\u00fclikut > Korralda > valige \u201eSaada taha” (mitte tagasisaatmine).\n<\/p>\n
\n 46 Laiendage oma t\u00f6\u00f6ala, kl\u00f5psates ja lohistades juhendit “lehe allosa”, nii et teil oleks piisavalt ruumi sisu loomiseks, mis asetatakse sellele \u00e4sja loodud ristk\u00fclikule.\n<\/p>\n
\n 47 Kerige alla valge t\u00fchja ruumini ja tehke teine \u200b\u200bristk\u00fclik W=351 ja H=351. T\u00e4itke see valge v\u00e4rviga ja ilma jooneta.\n<\/p>\n
\n 48 Minge valikule “nurga raadius” (see asub rakenduse men\u00fc\u00fc all oleva joone k\u00f5rval). Kl\u00f5psake k\u00f5iki nurki, et muuta need \u00fcmaraks, ja pange 500 selle k\u00f5rval olevasse kasti.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-638235fd21bf3.webp\")
<\/a><\/p>\n\n 49 Teil on ring. Lohistage see ring ristk\u00fclikule ja reguleerige seda j\u00e4rgmiselt. Nurgaraadiuse k\u00f5rval on suvand nimega ‘Opacity'. Kui ring on valitud, pange sellesse kasti 14.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-638235ff30452.webp\")
<\/a><\/p>\n\n 50 Looge tekstikast ja sisestage \u2013 miks meie (k\u00f5ik v\u00e4ikesed). Muutke selle font Rammetto One'iks, suurus = 100, Color R = 241 G = 244 B = 247, 100% ees ja joondage see keskele. Asetage see tekstikast ringi sisse ja joondage see korralikult.\n<\/p>\n
\n 51 N\u00fc\u00fcd loome katkendjooned. Tehke ristk\u00fclik W=9 ja H=9, t\u00e4itmata. Kl\u00f5psake t\u00e4itmise k\u00f5rval oleval s\u00f5nal “t\u00f5mme”. Valige v\u00e4rv R=241 G=244 B=247. Kl\u00f5psake keti ikoonil, et see katkestada ja lisada alumise l\u00f6\u00f6gi kaalule \u201e1″.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-638236015d3b8.webp\")
<\/a><\/p>\n\n 52 Kopeerige see \u00fchepoolse joonega ristk\u00fclik ja kleepige see mitu korda. J\u00e4rjestage need \u00fchele reale (kui teil on neid ristk\u00fclikuid raske n\u00e4ha, suumige suumit\u00f6\u00f6riistaga veidi sisse). Kui olete saanud soovitud pikkuse katkendjoone, valige k\u00f5ik need ristk\u00fclikud, paremkl\u00f5psake ja valige ‘Grupe'. Kopeerige ja kleepige see r\u00fchm teiste katkendjoonte jaoks.\n<\/p>\n
\n 53 Kaldjoonte jaoks proovige panna teisenduspaneelile erinevad p\u00f6\u00f6rdenurgad. Olen kasutanud 150 ja 30 kraadi. L\u00fchemate pikkuste saamiseks peate sellest r\u00fchmast kustutama m\u00f5ned ristk\u00fclikud. Reguleerige neid jooni ringi l\u00e4hedal, nagu allpool n\u00e4idatud.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-63823602da73a.webp\")
<\/a><\/p>\n\n 54 N\u00fc\u00fcd lisame veel teksti numbrite, pealkirjade ja kirjelduste jaoks. Kasutage iga\u00fche jaoks j\u00e4rgmisi s\u00e4tteid ja kohandage neid tekstikaste, nagu allpool n\u00e4idatud.\n<\/p>\n
- \n
- \n Numbrite jaoks:<\/strong> Font = Rammetto One, v\u00e4rv: R = 196 G = 214 B = 193, keskel joondatud ja 100% ees, suurus: 200 (numbri “1” jaoks), 160 (numbrite “2” ja “3” jaoks) ja 120 (numbrite “4” ja “5” jaoks).\n <\/li>\n
- \n Pealkirjade jaoks:<\/strong> Font = Raleway paksus, suurus = 18, v\u00e4rv: valge, keskel joondatud ja 100% ees.\n <\/li>\n
- \n L\u00f5igete jaoks:<\/strong> Font = Questrial, Suurus = 16, V\u00e4rv: R = 241 G = 244 B = 247, Joondatud keskele ja 120% ees.\n <\/li>\n<\/ul>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-63823605a97a7.webp\")
<\/a><\/p>\n\n Jaotise \u201eMiks meie” l\u00f5pptulemus
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-6382360890068.webp\")
<\/a><\/p>\n\n “Iseloomustuste” jaotise loomine
\n<\/h3>\n\n 55 J\u00e4llegi looge t\u00f6\u00f6tamiseks ruumi, lohistades lehe juhendi allosa alla. Tehke ristk\u00fclik, mille laius on 100% ja H = 486.\n<\/p>\n
\n 56 Kui ristk\u00fclik on valitud, kl\u00f5psake s\u00f5na “T\u00e4ida” ja kl\u00f5psake pildi valiku k\u00f5rval nuppu “Lisa pilt”. Sirvige allalaaditud telliskiviseina mustri pilti. Kogu ristk\u00fcliku t\u00e4itmiseks selle tekstuuriga valige Sobitamise suvandi all suvand “Plaadid”.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-6382360b46ae7.webp\")
<\/a><\/p>\n\n 57 Kerige alla t\u00fchja kohani ja looge teisenduspaneeli abil tekstikast suurusega W=406, H=289. Sisestage \u2013 ‘mida teised peavad \u00fctlema' (k\u00f5ik v\u00e4ike). Muutke selle font v\u00e4\u00e4rtuseks Rammetto One, suurus = 70, joondage see vasakule, v\u00e4rviv\u00e4\u00e4rtused R = 37 G = 37 B = 37 ja ees = 100%.\n<\/p>\n
\n 58 Kui see tekstikast on valitud, kl\u00f5psake s\u00f5na t\u00f5mmet, rakendage sellele parempoolne raskusjoon \u00fcks ja musta v\u00e4rvi. Lohistage see tekstikast ja asetage see telliskiviseina mustriga ristk\u00fcliku kohale.\n<\/p>\n
\n 59 J\u00e4rgmine samm on klientide iseloomustuste lisamine. Selleks kasutame \u00fcmmarguse n\u00e4o vektorpilte, mille laadisime alla saidilt freepik.com. J\u00e4llegi taanduge valgele t\u00fchjale alale, et saaksite oma kompositsiooni \u00f5igesti kohandada.\n<\/p>\n
\n 60 Minge vidinateeki ja lohistage kompositsioonide jaotisest l\u00f5uendile “T\u00fchi”. Veel kolme p\u00e4\u00e4stiku lisamiseks kl\u00f5psake plussm\u00e4rki. Valige ettevaatlikult esimene p\u00e4\u00e4stik ja tagage oma valik praeguse valikuala abil, millel on kirjas p\u00e4\u00e4stik. Ja kohe selle k\u00f5rval on valik nimega ‘Aktiivne'. Laiendamiseks kl\u00f5psake sellel. Valige olek “Tavaline” ja selle oleku jaoks “pole t\u00e4itmine” ja “ei ole joont”. Korrake seda iga oleku puhul, mis on kursoriga, hiirega alla ja aktiivne. Minge teisenduspaneelile, kus esimene p\u00e4\u00e4stik on valitud, ja m\u00e4\u00e4rake W=10, H=10.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-6382360de4579.webp\")
<\/a><\/p>\n\n 61 Korrake eelmist sammu iga meil oleva p\u00e4\u00e4stiku puhul. See t\u00e4hendab, et iga oleku jaoks ei rakendata t\u00e4itmist ega t\u00f5mmet ning muuda p\u00e4\u00e4stikud suuruseks 10 x 10. Liigutage p\u00e4\u00e4stikud \u00fcksteisele l\u00e4hemale.\n<\/p>\n
\n 62 n\u00fc\u00fcd. Kohandame sihtm\u00e4rgid iga p\u00e4\u00e4stiku jaoks. Suur ristk\u00fclik, mida n\u00e4ete, on sihtm\u00e4rk. Valige esimene p\u00e4\u00e4stik ja valige olekute paneelilt selle normaalne olek. P\u00e4rast seda valige selle p\u00e4\u00e4stiku sihtm\u00e4rk ja rakendage iga oleku jaoks t\u00e4itmist ega t\u00f5mmet. Seej\u00e4rel minge teisenduspaneelile ja m\u00e4\u00e4rake sihtm\u00e4rgiks W = 360, H = 370.\n<\/p>\n
\n 63 Korrake eelmist sammu iga sihtm\u00e4rgi puhul. Lihtsalt veenduge, et valite esmalt p\u00e4\u00e4stiku, viite selle normaalolekusse, seej\u00e4rel valige tavaolekuga vastav sihtm\u00e4rk ja seej\u00e4rel ei rakendata t\u00e4itmist ega t\u00f5mmet. Te ei pea iga sihtm\u00e4rgi suurust muutma. Tehke seda vaid \u00fche jaoks ja see rakendub k\u00f5igile.\n<\/p>\n
\n 64 N\u00fc\u00fcd hakkame sellele kompositsioonile sisu lisama. Valige Fail > Aseta ja avage esimene n\u00e4opilt ning asetage see kompositsioonist v\u00e4ljapoole. Lohistage see pilt ja asetage see n\u00fc\u00fcd kompositsiooni sisse. N\u00e4ete, et selle paremasse \u00fclanurka ilmub sinine ring, mis n\u00e4itab, et see pilt on n\u00fc\u00fcd kompositsiooni osa.\n<\/p>\n
\n 65 Koostage kolm tekstikasti \u2013 \u00fcks inimese nime, \u00fcks tema m\u00e4\u00e4ramise ja \u00fcks v\u00e4ite v\u00f5i \u00fclevaate jaoks. Rakenda vorming, nagu allpool kirjutatud, ja asetage need tekstikastid kompositsiooni sisse. Lihtsalt veenduge, et iga\u00fche nurgas oleks sinine ring.\n<\/p>\n
- \n
- \n Isiku nime jaoks:<\/strong> Font: Nobile Medium Italic, suurus = 18, v\u00e4rv: R = 37 G = 37 B = 37, keskel joondatud ja 100% ees.\n <\/li>\n
- \n T\u00e4histus:<\/strong> Font: Nobile, suurus = 15, v\u00e4rv: R = 37 G = 37 B = 37, keskel joondatud ja 100% ees.\n <\/li>\n
- \n Avalduste jaoks (p\u00f6\u00f6rdkomadega):<\/strong> Font: PT Sans Italic, suurus = 18, v\u00e4rv: R = 69 G = 64 B = 68, keskel joondatud ja 100% ees.\n <\/li>\n<\/ul>\n
\n 66 Kui n\u00e4okujutis on valitud, rakendage m\u00f5lemale k\u00fcljele raskust 4, v\u00e4rv: valge, \u00fcmardage k\u00f5ik nurgad ja suurendage raadiust, kuni see \u00fcmbritseb kujutist. Nurgaraadiusteks olen kasutanud 100.\n<\/p>\n
\n 67 Minge jaotisse “Efektid” (asub \u00fcmaramate nurkade valiku k\u00f5rval) ja m\u00e4rkige ruut “vari”. Pange v\u00e4\u00e4rtused nagu; V\u00e4rv = must, l\u00e4bipaistmatus = 37%, h\u00e4gusus = 12, nurk = 78 ja kaugus = 5.\n<\/p>\n
\n 68 Korrake eelmisi samme (64 kuni 67) igale sihtm\u00e4rgile sisu lisamiseks ja salvestage muudatused (Ctrl+S). Asetage see kompositsioon telliskiviseina mustriga ristk\u00fcliku kohale.\n<\/p>\n
\n 69 N\u00fc\u00fcd valige kogu kompositsioon (veenduge praeguse valikualaga) ja laiendage selle valikuid, kl\u00f5psates v\u00e4ikesel sinisel ringil. M\u00e4\u00e4rake valikud, nagu allpool n\u00e4idatud. Vajutage Ctrl + Shift + E ja vaadake, kas see t\u00f6\u00f6tab h\u00e4sti.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-6382361123532.webp\")
<\/a><\/p>\n\n 70 Teil peaks olema j\u00e4rgmine tulemus.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-6382361448e2e.webp\")
<\/a><\/p>\n\n “Iseloomustuste” jaotise l\u00f5pptulemus
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-63823618421c8.webp\")
<\/a><\/p>\n\n Jaotise \u201eV\u00f5tke meiega \u00fchendust” loomine
\n<\/h3>\n\n 71 J\u00e4rgmine jaotis on V\u00f5tke meiega \u00fchendust. Lisame sellesse jaotisse taustapildi, vormi ja m\u00f5ned tekstikastid. Esiteks tehke ristk\u00fclik, mille laius on 100% ja H = 692. T\u00e4itke see pildiga, mille selle jaotise jaoks alla laadisime, ja valige jaotises Sobitamine valik “T\u00e4itmise skaala”. Muutke selle l\u00e4bipaistmatus 72% -ni.\n<\/p>\n
\n 72 Tehke teine \u200b\u200bsama laiuse ja k\u00f5rgusega ristk\u00fclik ja t\u00e4itke see gradiendiga. Pange gradiendi v\u00e4\u00e4rtused kui; L\u00e4bipaistmatus = 90% kuni 46%, v\u00e4rv: must kuni R = 69 G = 64 B = 68, fookuspunkt = 66%, suund: horisontaalne ja suurus: automaatne. Asetage see ristk\u00fclik pildi peale ja veenduge, et see kl\u00f5psaks iga servaga.\n<\/p>\n
\n 73 Minge vidinate teeki. Valige vormide all “lihtne kontakt” ja lohistage see l\u00f5uendile. Ilmub vormivalikutega aken. Sisesta vormi nimi: Kontaktivorm, E-posti aadress: sisesta oma e-posti aadress, kuhu soovid k\u00fclastajate sisestatud teavet saada, P\u00e4rast saatmist: vali ‘p\u00fcsi praegusel lehel'. Viimane valik on “Redigeeri koos”. Veenduge, et see oleks kontrollitud. Nii peate tegema muudatusi ainult \u00fches v\u00e4ljas ja need rakenduvad k\u00f5igile. Suvandite kasti kadumiseks kl\u00f5psake l\u00f5uendil mis tahes kohas.\n<\/p>\n
\n 74 Valige vorm. Kl\u00f5psake sildil “Nimi” ja kl\u00f5psake seda uuesti, kuni n\u00e4ete praeguses valikupiirkonnas teksti “Silt”. Vajutage Kustuta. Korrake seda e-kirjade ja s\u00f5numite siltide puhul ning kustutage need.\n<\/p>\n
\n 75 Valige vorm uuesti ja valige esimene vormiv\u00e4li, mis \u00fctleb “Sisesta nimi”, kuni n\u00e4ete praegusel valikualal teksti “Teksti sisestus”. \u00c4rge rakendage t\u00e4itmist ja alumist joont (kaal \u00fcks ja v\u00e4rv valge) iga oleku jaoks, st t\u00fchjalt fookuseni. Vea oleku jaoks valige t\u00e4itmata j\u00e4tmine ja alumine kriips punane v\u00e4rviga kaaluga 1.\n<\/p>\n
\n 76 P\u00e4rast seda, kui meiliv\u00e4li on valitud, valige uuesti t\u00fchi olek ja kohandage iga oleku jaoks teksti fonti ja v\u00e4rvi, nagu allpool on kirjutatud.\n<\/p>\n
- \n
- \n T\u00fchja, mittet\u00fchja ja fookuse oleku jaoks:<\/strong> Font: Questrial, suurus = 14, v\u00e4rv: valge, vasakule joondatud, 100% ees ja ilma kaldkirjata.\n <\/li>\n
- \n \u00dclemineku oleku jaoks:<\/strong> muutke lihtsalt teksti v\u00e4rviks R=196 G=196 B=196 ja ilma kaldkirjata.\n <\/li>\n
- \n Vea oleku jaoks:<\/strong> muutke teksti v\u00e4rv punaseks ja ilma kaldkirjata.\n <\/li>\n<\/ul>\n
\n 77 Kl\u00f5psake ja valige nuppu Esita. Valige selle normaalne olek, \u00fcmardage k\u00f5ik nurgad 40 raadiusega ja suurendage selle laiust, nagu on n\u00e4idatud alloleval ekraanipildil. Muutke selle font kirjaks Raleway Bold, suurus = 20, joondatud keskele, v\u00e4rv: R = 241 G = 244 B = 247, ees: kohandage nupu keskel olevat teksti “submit”, suurendades seda v\u00e4\u00e4rtust (olen kasutanud 130%) .\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-6382361be815c.webp\")
<\/a><\/p>\n\n 78 \u00dclemineku ja hiire allapoole liikumise oleku jaoks muutke joone ja teksti v\u00e4rv halliks (R=127 G=127 B=127). L\u00f5puks muutke oleku ‘esitamine pooleli' jaoks joone ja teksti v\u00e4rv taevasiniseks (R=41 G=171 B=226).\n<\/p>\n
\n 79 Kui valite selle esitamisnupu jaoks oleku \u201eEsita pooleli”, n\u00e4ete, et on veel \u00fcks tekstikast, mis \u00fctleb \u201evormi esitamine\u2026”. M\u00e4rkige see ruut ja valige selle olek \u201eesitamine on pooleli”. Muutke fondi t\u00fc\u00fcbiks Questrial, suurus = 14, v\u00e4rv: hall, keskele joondatud ja ilma kaldkirjata. Valige selle olek \u201eedasi saatmine” ja muutke teksti v\u00e4rviks taevasinine (ilma kaldkirjata). Valige selle olek \u201eEsita viga” ja muutke teksti v\u00e4rv punaseks (ilma kaldkirjata). Kontaktvorm on valmis.\n<\/p>\n
\n 80 Tehke kaks tekstikasti. Sisestage \u2013 v\u00f5tke meiega \u00fchendust ja tippige teisele reale “k\u00f5ik v\u00e4ljad on kohustuslikud”. Meiega kontaktteksti jaoks kasutage fonti: Rammetto One, suurus = 60, v\u00e4rv: R = 241 G = 244 B = 247, ees = 100% ja vasakule joondatud. Teksti \u201eK\u00f5ik v\u00e4ljad on kohustuslikud” jaoks kasutage fonti: Nobile kursiiv, suurus=26, v\u00e4rv: R=241 G=244 B=247, ees=100% ja vasakule joondatud. Selle tekstikasti jaoks rakendage raskuse 1 alumist joont ja v\u00e4rvige valget.\n<\/p>\n
\n 81 Tippige meie loodud teise tekstikasti m\u00f5ni l\u00f5ik. Kasutage fonti: PT Sans Italic, suurus = 14, v\u00e4rv: R = 241 G = 244 B = 247, ees = 120%, vasakule joondatud ja t\u00fchik enne = 15.\n<\/p>\n
\n 82 Pange need tekstikastid ja vorm pildile, mille me paigutasime. Reguleerige neid j\u00e4rgmiselt.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-6382361dd708d.webp\")
<\/a><\/p>\n\n 83 Looge veel \u00fcks tekstikast m\u00f5ne kontaktteabe jaoks, nagu kontoriaadress, e-posti aadress ja telefoninumbrid. Pange see tekstikast pildile. Teil peaks olema j\u00e4rgmine tulemus.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-6382361fd3a10.webp\")
<\/a><\/p>\n\n Jaotise \u201eV\u00f5tke meiega \u00fchendust” l\u00f5pptulemus
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-638236220ca76.webp\")
<\/a><\/p>\n\n Jaluse loomine
\n<\/h3>\n\n 84 Viimane osa on jalus. Allosas on kolm juhendit, nimelt – lehe allosas, jaluses ja brauseri allosas. N\u00fc\u00fcd peate veenduma, et lehe alumine juhend \u00fchtiks jaotise V\u00f5tke meiega \u00fchendust alaosaga ja jaluse juhend \u00fchtiks lehe alaosa juhendiga. P\u00e4rast seda saate jaluse jaoks vajaliku ruumi reguleerimiseks lohistada juhendi \u201ebrauseri alumine osa” alla.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-638236248fda2.webp\")
<\/a><\/p>\n\n 85 Loo kaks ristk\u00fclikut, mille laius on 100% ja esimese jaoks H=168 ja teise jaoks H=37. Muutke suure ristk\u00fcliku t\u00e4itev\u00e4rv valgeks ja kasutage l\u00fchema jaoks R=47, G=48, B=55.\n<\/p>\n
\n 86 Valige esimene ristk\u00fclik ja proovige asetada see jaluse alale. Sinna see ei l\u00e4he. Selle asemel hakkab lehe allosa juhend allapoole laienema. Selle ristk\u00fcliku jaluse \u00fcksuse muutmiseks m\u00e4rkige ruut “Jalus”, mis asub rakenduse akna paremas \u00fclanurgas. Tehke seda ka teise ristk\u00fcliku jaoks.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-63823626e43d3.webp\")
<\/a><\/p>\n\n 87 N\u00fc\u00fcd asetage need ristk\u00fclikud jaluse alale ja veenduge, et suur ristk\u00fclik oleks jaluse juhikust veidi k\u00f5rgemal. V\u00e4rvilise ristk\u00fcliku alumine osa peab kl\u00f5psama brauseri juhiku alaosaga. Vastasel juhul n\u00e4ete jaluse j\u00e4rel v\u00e4ikest valget t\u00fchimikku, mis ei n\u00e4e kena v\u00e4lja.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-63823629217b3.webp\")
<\/a><\/p>\n\n 88 Looge jaluse jaoks tekstikastid ja sisestage k\u00f5ik, mida soovite. Lihtsalt m\u00e4rkige lisatavate tekstikastide m\u00e4rkeruut \u201ejalus”. Lisasin teksti, mis sisaldab lahti\u00fctlemist ja autori\u00f5iguste teavet.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-6382362b623c3.webp\")
<\/a><\/p>\n\n 89 M\u00e4rgi \u201eValmistatud Adobe Muse CC-ga” saab lisada suhtlusv\u00f5rgustiku jaotise vidinateegist. Samuti saate lisada linke oma Facebooki lehele, twitterisse, google+, LinkedIni, Pinteresti, YouTube'i kanalisse v\u00f5i vimeo lingile.\n<\/p>\n
\n 90 Autori\u00f5iguse s\u00fcmboli ja palju muid s\u00fcmboleid, mida n\u00e4ete jaotise K\u00f5ik \u00f5igused reserveeritud teksti k\u00f5rval, saab lisada rakenduse akna paremas servas asuvalt paneelilt Glyphs. Kui seda seal pole, minge men\u00fc\u00fcsse Aken > valige Glyphs.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-6382362e4f736.webp\")
<\/a><\/p>\n\n “Uudiskirja” jaotise loomine
\n<\/h3>\n\n 91 Seni oleme loonud rubriigid k\u00f5ikidele men\u00fc\u00fcpunktidele peale \u00fche ja see on “Uudiskiri”. Teeme sellega midagi huvitavat. Pidage meeles meie allalaaditud risti s\u00fcmbolit, seda kasutatakse siin (kui te pole seda alla laadinud, saate seda siiski j\u00e4lgida). Esiteks valige uudiskirja tekstikast ja m\u00e4rkige teisenduspaneelilt \u00fcles selle laius ja k\u00f5rgus. Minu oma on 81×17.\n<\/p>\n
\n 92 N\u00fc\u00fcd avage vidinateek ja lohistage kompositsioonide jaotisest “Valguskasti kuva”. Kustutage kaks esimest p\u00e4\u00e4stikut (asuvad \u00fclaosas) ja kustutage k\u00f5ik subtiitrid (asuvad allosas). Muutke kolmanda p\u00e4\u00e4stiku suuruseks samasugune kui uudiskirja tekstikasti suurus, mille suurus on 81 x 17. Muutke selle t\u00e4itmine ja t\u00f5mme k\u00f5igi olekute jaoks nulliks.\n<\/p>\n
\n 93 Lohistage uudiskirja tekstikast ja asetage see selle p\u00e4\u00e4stiku sisse nii, et tekstikasti k\u00f5ik servad langeksid kokku p\u00e4\u00e4stiku servadega. N\u00fc\u00fcd lohistage see grupp ja asetage see uuesti men\u00fc\u00fcsse, kuhu see varem paigutati. Oleme teinud lingi uudiskirja tekstikasti. Kui kasutaja sellel kl\u00f5psab, kustub veebisait ja kuvatakse sihtm\u00e4rk.\n<\/p>\n
\n 94 J\u00e4rgmine samm on meie eesm\u00e4rgi kohandamine. Valige hall ala ja veenduge, et praegusel valikualal oleks kirjas “Siht”. Selle valimiseks peate kolm korda kl\u00f5psama. Muutke k\u00f5igi olekute t\u00e4itmine ja t\u00f5mme nulliks.\n<\/p>\n
\n 95 Lisage kaks tekstikasti ja lihtne kontaktivorm (kustutage selle nime- ja s\u00f5numiv\u00e4ljad ning s\u00e4ilitage ainult meiliv\u00e4li). Lohistage need selle kompositsiooni sisse ja veenduge, et nende k\u00f5igi nurkades oleks sinine ring.\n<\/p>\n
\n 96 Kohandage vorm, nagu tegime jaotises V\u00f5tke meiega \u00fchendust. Teil peaks olema j\u00e4rgmine tulemus. Kasutage tekstiv\u00e4ljal \u201ePea \u00fchendust” fonti: Lobster, suurus = 40, v\u00e4rv: valge, keskele joondatud ja 100% ees. Selle all oleva kirjeldusteksti jaoks kasutage fonti: Ubuntu Light Italic, suurus = 14, v\u00e4rv: valge, keskele joondatud ja 120% ees. Muutke saatmisnupu tekstiks “Telli”.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-63823631ea47b.webp\")
<\/a><\/p>\n\n 97 N\u00fc\u00fcd valige sulgemisnupp, liigutage seda ja asetage selle valguskasti kuva paremasse \u00fclanurka, nagu allpool n\u00e4idatud. Kl\u00f5psake selle sees, kuni n\u00e4ete praegusele valikualale kirjutatud ‘Silt'. Kustuta silt.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-6382363507e52.webp\")
<\/a><\/p>\n\n 98 Muutke selle sulgemisnupu t\u00e4itmine ja t\u00f5mme k\u00f5igi olekute jaoks nulliks ja m\u00e4\u00e4rake selle W=40 ja H=40. Valige T\u00e4ida > lisa pilt ja sirvige ristpilti. Valige sobitusvaliku alt “sobiv skaala”.\n<\/p>\n
\n 99 Kl\u00f5psake nuppu Uudiskiri ja n\u00e4ete selle nurgas sinist ringi. Kl\u00f5psake seda ja veenduge, et suvandid on m\u00e4\u00e4ratud j\u00e4rgmiselt.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-638236383b97c.webp\")
<\/a><\/p>\n\n “Uudiskirja” jaotise l\u00f5pptulemus
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-6382363ae64bc.webp\")
<\/a><\/p>\n\n H\u00fcperlinkide loomine
\n<\/h3>\n\n 100 Viimane \u00fclesanne on lisada igale jaotisele linke. Selleks valige \u00fcleval keskmisel alal suvand “Lingiankur” v\u00f5i vajutage klaviatuuril t\u00e4hte “a”. N\u00e4ete, et kursor muudab oma v\u00e4limust lingiankruga laetud kohtrelvaks.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-6382363d80277.webp\")
<\/a><\/p>\n\n 101 Kui kl\u00f5psate selle paigutamiseks l\u00f5uendil, avaneb dialoogiboks, mis v\u00f5imaldab ankru \u00fcmber nimetada.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-6382363feb1d6.webp\")
<\/a><\/p>\n\n 102 Looge lingi ankrud iga meie kavandatud jaotise jaoks, st kodu, teenused, miks me, iseloomustused ja meiega \u00fchendust v\u00f5tmine. Asetage ankrud iga sektsiooni \u00fclaossa. Koduankur on n\u00e4idatud allpool n\u00e4itena. Nende ankrute paigutamine on oluline samm ja seda tuleks teha hoolikalt. Kui kasutaja kl\u00f5psab konkreetsel lingil, kerib veebisait ankurduskohta.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-63823642ca0c4.webp\")
<\/a><\/p>\n\n 103 N\u00fc\u00fcd rakendame linke. Selleks valige tekstikast “Kodu”. Avage valik \u201eH\u00fcperlingid” (asub \u00fclaosas), kl\u00f5psake loendi laiendamiseks v\u00e4ikest allanoolt. Siin n\u00e4ete k\u00f5iki ankruid, mille me just asetasime. Linkige see “Kodu” ankruga. Korrake seda sammu teiste tekstiv\u00e4ljade jaoks, v\u00e4lja arvatud uudiskiri, kuna oleme rakendanud sellele valguskasti kuva.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-6382364694c80.webp\")
<\/a><\/p>\n\n L\u00f5pptulemus p\u00e4rast h\u00fcperlinkide loomist
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-6382364a29ed4.webp\")
<\/a><\/p>\n\n Viimane lihv \u2013 lehe omaduste muutmine ja Faviconi lisamine
\n<\/h3>\n\n 104 Plaanire\u017eiimis paremkl\u00f5psake avalehel ja valige “Lehe atribuudid”. Ilmub dialoogiboks. Valige vahekaart “Valikud” ja lehe nime alla kirjutage “Tere tulemast saidile example.com” ja kl\u00f5psake nuppu OK. See on tekst, mis kuvatakse brauseriakna \u00fclaosas.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-6382364d02485.webp\")
<\/a><\/p>\n\n 105 Avage Fail > Saidi atribuudid. Vahekaardil Paigutus on viimane valik Favicon. Kui h\u00f5ljutate kursorit selle kohal, kuvatakse h\u00fcpikaken, mis kirjeldab, mis on favicon ja milline peaks olema optimaalne suurus. Faviconi lisamine on hea, kuna see aitab teie br\u00e4ndi esile t\u00f5sta ja aitab kasutajatel teie saiti h\u00f5lpsalt tuvastada, kui nad on selle j\u00e4rjehoidjasse lisanud.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-6382364f684c8.webp\")
<\/a><\/p>\n\n Testimine ja eksportimine
\n<\/h3>\n\n 106 Testige oma saiti, avades brauseris Fail > Saidi eelvaade v\u00f5i klahvikombinatsioon Ctrl+Alt+E. \u00c4rge valige seekord “Lehe eelvaade brauseris”, kuna lingid lehe eelvaates ei t\u00f6\u00f6ta. V\u00f5ite proovida paigutada ankrud erinevatesse kohtadesse, tagamaks, et kui kasutaja lingil kl\u00f5psab, kerib sait \u00f5igesse jaotisse ja \u00f5igesse kohta.\n<\/p>\n
\n 107 L\u00f5puks avage Fail > Ekspordi HTML-ina (Ctrl+E). Sisestage saidi URL-i alla mis tahes nimi (nt \u201eexample.com”) ja valige asukoht. Kl\u00f5psake nuppu OK. Veebileht on valmis.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-638236528be8c.webp\")
<\/a><\/p>\n\n Iga lehe l\u00f5pptulemus
\n<\/h3>\n\n Esilehek\u00fclg
\n<\/h5>\n<\/a><\/p>\n\n “Teenuste” jaotis
\n<\/h5>\n<\/a><\/p>\n\n “Miks meie” jaotis
\n<\/h5>\n<\/a><\/p>\n\n “Iseloomustuste” jaotis
\n<\/h5>\n<\/a><\/p>\n\n Jaotis \u201eV\u00f5tke meiega \u00fchendust”.
\n<\/h5>\n<\/a><\/p>\n\n Jaluse jaotis
\n<\/h5>\n - \n \u00dclemineku oleku jaoks:<\/strong> muutke lihtsalt teksti v\u00e4rviks R=196 G=196 B=196 ja ilma kaldkirjata.\n <\/li>\n
- \n T\u00e4histus:<\/strong> Font: Nobile, suurus = 15, v\u00e4rv: R = 37 G = 37 B = 37, keskel joondatud ja 100% ees.\n <\/li>\n
- \n Pealkirjade jaoks:<\/strong> Font = Raleway paksus, suurus = 18, v\u00e4rv: valge, keskel joondatud ja 100% ees.\n <\/li>\n
- \n L\u00f5igete jaoks:<\/strong> Font: Questrial, Suurus = 15, V\u00e4rv: R = 67 G = 67 B = 67, vasakule joondatud ja 120% ees.\n <\/li>\n<\/ul>\n
- \n Pealkirjade jaoks:<\/strong> Font: Raleway rasvane, suurus = 20, v\u00e4rv: must, vasakule joondatud ja 100% ees.\n <\/li>\n
- \n
- \n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-6382365f01860.webp\")
<\/a><\/p>\n