\n Krav til denne oppl\u00e6ringen
\n<\/h5>\n
\n Du m\u00e5 laste ned visse bilder, vektorer og fonter for \u00e5 lage denne siden. Men du kan fortsatt f\u00f8lge med uten disse eiendelene. For \u00e5 organisere innholdet riktig, lag en egen mappe for nettstedet ditt.\n<\/p>\n
- \n
- \n
\n G\u00e5 til pexels.com<\/a> og last ned:\n <\/p>\n
- \n
- \n
\n 4 bilder i st\u00f8rrelsen 1160 x 480 for lysbildefremvisning. Her er et skjermbilde fra pexels. Du kan legge inn denne st\u00f8rrelsen i boksen «egendefinert st\u00f8rrelse» p\u00e5 denne nettsiden.\n <\/p>\n<\/li>\n
- \n
\n 6 bilder i st\u00f8rrelsen 271 x 208 for ‘tjenester'-delen.\n <\/p>\n<\/li>\n
- \n
\n 1 bilde i st\u00f8rrelsen 1160 x 692 for «Kontakt oss»-delen.\n <\/p>\n<\/li>\n<\/ul>\n<\/li>\n
- \n
\n G\u00e5 til freepik.com<\/a> og last ned:\n <\/p>\n
- \n
- Ett kryssikon (du kan redigere dette ikonet i illustrator eller bare laste ned png-filen fra feepik).\n <\/li>\n
- 6 ansiktsbilder for delen «Testimonials».\n <\/li>\n<\/ul>\n<\/li>\n
- \n
\n G\u00e5 til subtlepatterns.com<\/a> og last ned ‘brickwall'-m\u00f8nsteret for ‘Testimonials'-delen.\n <\/p>\n<\/li>\n
- \n
\n N\u00e5r du fortsetter med denne oppl\u00e6ringen, vil jeg fortelle deg hvordan du laster ned de n\u00f8dvendige skriftene (det kan gj\u00f8res inne i Muse).\n <\/p>\n<\/li>\n
- \n
\n Bruk dummy-teksten fra lipsum.com<\/a>.\n <\/p>\n<\/li>\n<\/ul>\n
\n LA OSS KOMME I GANG!\n<\/p>\n
\n Klargj\u00f8ring av arbeidsplass og oppsett av topptekst\n<\/p>\n
\n 1 Opprett et nytt nettsted ved \u00e5 g\u00e5 til Fil > Nytt nettsted (Ctrl+N) og angi verdiene som vist nedenfor. Ikke glem \u00e5 merke av i avmerkingsboksen som sier «Sticky Footer». Klikk OK og du f\u00e5r PLAN-modus. Dobbeltklikk p\u00e5 A-Master nederst i et gr\u00e5tt omr\u00e5de. Du vil lage alt p\u00e5 denne mastersiden.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-638235b3f0862.webp\")
<\/a><\/p>\n\n 2 Velg tekstverkt\u00f8y fra verkt\u00f8yboksen p\u00e5 venstre side av programvinduet. Klikk og dra p\u00e5 lerretet eller siden for \u00e5 lage en tekstboks. G\u00e5 til tekstpanelet (Ctrl+T), under rullegardinmenyen fonter, se etter nettfonter og velg «Legg til nettfonter» og last ned f\u00f8lgende fonter:\n<\/p>\n
- \n
- Rammetto One\n <\/li>\n
- Klump\n <\/li>\n
- Questrial\n <\/li>\n
- Raleway\n <\/li>\n
- Noble\n <\/li>\n
- PT Uten\n <\/li>\n
- Ubuntu\n <\/li>\n
- Hummer\n <\/li>\n<\/ul>\n
\n Etter \u00e5 ha lastet ned disse skriftene, slett denne tekstboksen.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-638235b5afeaf.webp\")
<\/a><\/p>\n\n 3 G\u00e5 til lagpanelet p\u00e5 h\u00f8yre side av programvinduet. Hvis den ikke er der, g\u00e5 til Vindu-menyen > Lag. Du vil se der et lag som heter Layer 1 (bl\u00e5 farge). Dette er standardlaget, og alt du lager eller plasserer p\u00e5 lerretet g\u00e5r inn der. Dobbeltklikk p\u00e5 dette laget og navngi det som ‘Overskrift'.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-638235b8cad84.webp\")
<\/a><\/p>\n\n 4 Inne i lagpanelet klikker du p\u00e5 det lille brettede papirikonet nederst til h\u00f8yre. Ved \u00e5 klikke p\u00e5 dette opprettes et nytt lag med r\u00f8d farge. Igjen, dobbeltklikk p\u00e5 dette laget og gi det nytt navn til «Innhold».\n<\/p>\n
\n 5 Klikk og dra dette innholdslaget og plasser det under overskriftslaget. Vi har gjort dette fordi vi vil at headeren v\u00e5r skal v\u00e6re p\u00e5 toppen av alt.\n<\/p>\n
\n 6 Velg topptekstlag og skjul sammen lagpanelet.\n<\/p>\n
\n 7 Velg rektangelverkt\u00f8y fra verkt\u00f8ykassen eller trykk ‘m' p\u00e5 tastaturet.\n<\/p>\n
\n 8 Tegn et lite rektangel p\u00e5 lerretet og s\u00f8rg for at kantfargen er bl\u00e5, noe som indikerer at dette objektet er inne i overskriftslaget.\n<\/p>\n
\n 9 G\u00e5 til Transform-panelet \u00f8verst til h\u00f8yre i programvinduet. La bredden (W) st\u00e5 og legg inn 50 innerh\u00f8yde (H) felt og trykk enter. (Ikke bekymre deg for X- og Y-verdier.)\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-638235bc3e592.webp\")
<\/a><\/p>\n\n 10 \u00d8verst p\u00e5 siden vil du se to linjer med bl\u00e5 farge (vist p\u00e5 skjermbildet nedenfor). Disse kalles «guider». N\u00e5r du holder musepekeren over den f\u00f8rste guiden, st\u00e5r det «Topp p\u00e5 siden, dra for \u00e5 justere utfylling over siden», og den andre sier «Overskrift, dra for \u00e5 justere posisjonen». Det er veldig viktig \u00e5 sette opp disse veiledningene helt i begynnelsen.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-638235bf23e62.webp\")
<\/a><\/p>\n\n 11 N\u00e5, ettersom vi har laget et rektangel p\u00e5 H=50, klikk, hold og dra ‘top of page'-guiden til boksen som vises nedenfor n\u00e5r du begynner \u00e5 dra, vil si Y=50.\n<\/p>\n
\n 12 P\u00e5 samme m\u00e5te drar du overskriftsguiden ovenfor til toppen av siden til den sier Y=0. Vi har gjort dette for \u00e5 sette opp headeromr\u00e5det v\u00e5rt. (Du vil kanskje eksperimentere med \u00e5 plassere disse guidene p\u00e5 forskjellige posisjoner for forskjellige resultater, men det er bra for n\u00e5.)\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-638235c2cc503.webp\")
<\/a><\/p>\n\n 13 Velg rektangelet vi nettopp opprettet, dra det til overskriftsomr\u00e5det slik at det passer riktig.\n<\/p>\n
\n 14 N\u00e5 m\u00e5 vi \u00f8ke bredden p\u00e5 rektangelet og gj\u00f8re det 100 % slik at overskriften ser perfekt ut p\u00e5 alle skjermst\u00f8rrelser. Utvid rektangelet til begge kantene og pass p\u00e5 at det klikker med kantene. En oransje guide vil dukke opp som sikrer at objektet er knipset. N\u00e5r du \u00f8ker bredden p\u00e5 rektangelet, vil popup-vinduet si W=100 % eller W=1160 n\u00e5r du kommer til kanten.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-638235c5f0fa0.webp\")
<\/a><\/p>\n\n 15 Hold rektangelet valgt, klikk p\u00e5 ordet Fyll under applikasjonsmenyen og angi alternativene som f\u00f8lger. Velg den f\u00f8rste fargen som svart og andre farge: 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 G\u00e5 til Fil > Lagre nettsted. Lagre siden din hver gang du gj\u00f8r en endring.\n<\/p>\n
\n 17 Lag en tekstboks og skriv inn \u2013 ‘example.com' og endre formateringen som vist nedenfor.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-638235cc3e77d.webp\")
<\/a><\/p>\n\n 18 Juster st\u00f8rrelsen p\u00e5 tekstboksen slik at hele teksten vises p\u00e5 \u00e9n linje. Velg denne tekstboksen og dra den over det svarte rektangelet. Juster den til det vertikale midten av rektangelet (en bl\u00e5 linje vil fortelle deg n\u00e5r den er sentrert) og fest den til venstre kant som vist nedenfor.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-638235cebd543.webp\")
<\/a><\/p>\n\n 19 Lag en tekstboks og skriv inn \u2013 ‘Hjem'. Endre formateringen som f\u00f8lger. Juster tekstboksens bredde og h\u00f8yde tilsvarende. Du kan ogs\u00e5 gj\u00f8re dette fra transformasjonspanelet. Min er W=52, H=17.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-638235d124081.webp\")
<\/a><\/p>\n\n 20 Kopier og lim inn denne tekstboksen og skriv «Tjenester» i den nye. Juster bredden. Dra og plasser denne tekstboksen ved siden av hjemmet med en veldig mindre forskjell mellom de to. Igjen, guidene vil hjelpe deg med riktig justering.\n<\/p>\n
\n 21 Kopier og lim inn denne tekstboksen for fire ganger mer og skriv \u2013 Hvorfor oss, Testimonials, Kontakt oss og Nyhetsbrev. Plasser disse tekstboksene \u00e9n etter \u00e9n med lik avstand ved siden av ‘tjenester'.\n<\/p>\n
\n 22 Med valgverkt\u00f8yet valgt og skifttasten trykket, velg alle disse tekstboksene \u00e9n etter \u00e9n. G\u00e5 til tekstpanelet, endre fargen til hvit. Velg gruppen av disse boksene og plasser den over topprektangelet. (Vertikalt sentrert og justert med h\u00f8yre sidekant). Dette er v\u00e5r meny.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-638235d30933a.webp\")
<\/a><\/p>\n\n 23 Igjen, med valgverkt\u00f8yet valgt og shift-tasten trykket, velg disse tekstboksene, rektangelet og example.com-tekstboksen. \u00d8verst til h\u00f8yre ser du et alternativ som heter Pin. Klikk p\u00e5 den \u00f8verste midtboksen for \u00e5 feste disse elementene. Dette betyr at n\u00e5r brukeren vil bla gjennom nettstedet ditt, vil denne overskriften forbli fast \u00f8verst. Det er veldig nyttig siden brukeren ikke trenger \u00e5 rulle helt opp bare for \u00e5 velge et annet alternativ.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-638235d5928ff.webp\")
<\/a><\/p>\n\n 24 G\u00e5 til lagpanelet og l\u00e5s topptekstlaget. Dette kan gj\u00f8res ved \u00e5 klikke inne i boksen til venstre for lagnavnet. N\u00e5r du l\u00e5ser et lag eller et objekt, vil det ikke p\u00e5virke utseendet, men du vil ikke kunne velge disse elementene med mindre du l\u00e5ser opp. Vi har gjort dette for \u00e5 fullstendig eliminere sjansene for \u00e5 flytte varene ved et uhell.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-638235d843d05.webp\")
<\/a><\/p>\n\n 25 Velg innholdslag og skjul sammen lagpanelet.\n<\/p>\n
\n Etablere lysbildefremvisning
\n<\/h3>\n\n 26 G\u00e5 til widgets-biblioteket p\u00e5 h\u00f8yre side av programvinduet. Hvis det ikke er der, g\u00e5 til Vindu-menyen > velg Widgets-bibliotek. Utvid \u00ablysbildefremvisninger\u00bb-delen og velg \u00abBlank\u00bb. Klikk og dra dette objektet til lerretet. Et svart vindu med lysbildefremvisningsalternativer vil dukke opp.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-638235db65202.webp\")
<\/a><\/p>\n\n 27 S\u00f8rg for at alternativene er angitt som vist p\u00e5 bildet nedenfor. Under deler-seksjonen nederst, fjern merket for avmerkingsboksene som sier Prev, Next, Captions og Counter. Vi trenger ingen av disse.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-638235deacba4.webp\")
<\/a><\/p>\n\n 28 Klikk hvor som helst p\u00e5 lerretet for \u00e5 f\u00e5 denne popup-vinduet til \u00e5 forsvinne. Klikk n\u00e5 forsiktig inne i lysbildefremvisningen. Ved \u00e5 klikke \u00e9n gang vil du se at ‘Slideshow' er skrevet i ‘type gjeldende utvalgsomr\u00e5de'. Den er plassert \u00f8verst til venstre under applikasjonsmenyen. Dette omr\u00e5det lar deg se hva du har valgt. Det er en veldig nyttig funksjon n\u00e5r oppsettet blir komplisert. Klikk p\u00e5 nytt og du vil legge merke til at beskrivelsen sier ‘Heltebilde'.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-638235e121ebd.webp\")
<\/a><\/p>\n\n 29 \u00d8k bredden p\u00e5 heltebildet manuelt ved \u00e5 utvide det fra midten. Fest den til begge kantene av siden (for \u00e5 f\u00e5 den til 100 % bredde) og til bunnen av overskriftsrektangelet som vist nedenfor.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-638235e337282.webp\")
<\/a><\/p>\n\n 30 G\u00e5 til transform panel og sett H=500.\n<\/p>\n
\n 31 \u00c5pne lysbildefremvisningsalternativene igjen ved \u00e5 klikke p\u00e5 den lille bl\u00e5 sirkelen med hvitt rektangel inni den (den er plassert \u00f8verst til h\u00f8yre i lysbildefremvisningen).\n<\/p>\n
\n 32 Klikk p\u00e5 mappeikonet ved siden av alternativet «Legg til bilder…», bla gjennom bildene vi lastet ned for lysbildefremvisning. Velg alle fire og klikk \u00e5pne.\n<\/p>\n
\n 33 G\u00e5 til Fil > velg ‘Forh\u00e5ndsvis side i nettleseren' eller Ctrl+Shift+E og se hvordan lysbildefremvisningen din vil fungere n\u00e5r siden er aktiv. Jeg anbefaler deg \u00e5 huske hurtigtastene jeg bruker i denne oppl\u00e6ringen. \u00c5 gj\u00f8re dette vil hjelpe deg med \u00e5 fremskynde designprosessen.\n<\/p>\n
\n Opprette ‘Tjenester'-delen
\n<\/h3>\n\n 34 N\u00e5 som vi har satt opp overskriften og lysbildefremvisningen v\u00e5r, er det p\u00e5 tide \u00e5 lage seksjoner for hvert element vi har lagt til i menyen v\u00e5r. La oss komme i gang med «tjenester». Lag en tekstboks og skriv tjenester i den (alle bokstaver sm\u00e5) og endre formateringen som f\u00f8lger.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-638235e4de8f0.webp\")
<\/a><\/p>\n\n 35 Dobbeltklikk inne i denne tekstboksen og velg bare bokstaven ‘I'. Endre fonten til «Chunk» og la alt v\u00e6re det samme. Juster h\u00f8yden p\u00e5 denne tekstboksen. N\u00e5r du reduserer h\u00f8yden, vil en stiplet linje vises p\u00e5 et bestemt punkt, og boksen blir ikke kortere. Ikke reduser st\u00f8rrelsen etter det. Dette er lavest mulig h\u00f8yde med denne skriftst\u00f8rrelsen.\n<\/p>\n
\n 36 Med tekstboksen valgt, g\u00e5 til transformasjonspanelet og sett rotasjonsvinkelen til -90 grader (90 grader negativ).\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-638235e695d45.webp\")
<\/a><\/p>\n\n 37 Flytt tekstboksen til venstre side av lerretet som vist nedenfor.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-638235e88e04c.webp\")
<\/a><\/p>\n\n 38 Det kan v\u00e6re lurt \u00e5 zoome ut litt for \u00e5 se alt innholdet samtidig eller for \u00e5 justere objektene riktig. For \u00e5 gj\u00f8re dette, pr\u00f8v \u00e5 skrive inn forskjellige verdier (mindre enn 100 %) i zoomniv\u00e5delen \u00f8verst. Etter \u00e5 ha skrevet inn verdien, trykk enter.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-638235eab2968.webp\")
<\/a><\/p>\n\n 39 G\u00e5 til Fil > velg ‘Plasser'. Velg det f\u00f8rste bildet som vi lastet ned for tjenesteseksjonen v\u00e5r. Klikk \u00e5pen.\n<\/p>\n
\n 40 Mark\u00f8ren vil endre utseende til en plasspistol lastet med et bilde. Klikk p\u00e5 lerretet for \u00e5 plassere det. Flytt og plasser den slik at den er p\u00e5 linje med toppen av ‘tjenester'-tekstboksen.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-638235ed9df42.webp\")
<\/a><\/p>\n\n 41 Kopier dette bildet og lim det inn to ganger. Velg disse innlimte bildene ett etter ett og juster dem med lik avstand med det f\u00f8rste bildet.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-638235f1531ed.webp\")
<\/a><\/p>\n\n 42 Velg det andre bildet, h\u00f8yreklikk p\u00e5 det og velg ‘erstatt bilde' (det er det siste alternativet). Bla gjennom det andre bildet og klikk p\u00e5 \u00e5pne. Bytt ogs\u00e5 ut det tredje bildet.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-638235f44fa27.webp\")
<\/a><\/p>\n\n 43 Lag tekstbokser for informasjonen om tjenester og bruk formatering for overskrifter og avsnitt som skrevet nedenfor. Guidene vil hjelpe deg med \u00e5 justere dem riktig.\n<\/p>\n
- \n
- \n For overskrifter:<\/strong> Skrift: Raleway Fet, St\u00f8rrelse=20, Farge: Svart, Venstrejustert og 100 % foran.\n <\/li>\n
- \n For avsnitt:<\/strong> Font: Questrial, St\u00f8rrelse=15, Farge: R=67 G=67 B=67, Venstrejustert og 120 % foran.\n <\/li>\n<\/ul>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-638235f67e871.webp\")
<\/a><\/p>\n\n 44 Plasser tre bilder til som vi gjorde i forrige trinn, og lag en beskrivelsestekst for dem p\u00e5 samme m\u00e5te. Du b\u00f8r ha f\u00f8lgende resultat.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-638235f8b3f61.webp\")
<\/a><\/p>\n\n Sluttresultat av ‘Tjenester'-delen
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-638235fb6b3b2.webp\")
<\/a><\/p>\n\n Opprette ‘Hvorfor oss'-delen
\n<\/h3>\n\n 45 Neste er ‘Hvorfor oss'-delen. Denne er litt komplisert. V\u00e6r forsiktig med \u00e5 velge objektene. Lag f\u00f8rst et rektangel med 100 % bredde og H=996. Fyll den med en farge (R=47, G=48, B=55). H\u00f8yreklikk p\u00e5 dette rektangelet > Ordne > velg ‘send til bakside' (ikke send bakover).\n<\/p>\n
\n 46 Utvid arbeidsomr\u00e5det ditt ved \u00e5 klikke og dra «bunnen av siden»-guiden slik at du har nok plass til \u00e5 lage innhold som vil bli plassert p\u00e5 dette rektangelet vi nettopp har laget.\n<\/p>\n
\n 47 Rull ned til hvitt tomt omr\u00e5de og lag et nytt rektangel med W=351 og H=351. Fyll den med hvit farge og ingen strek.\n<\/p>\n
\n 48 G\u00e5 til alternativet ‘hj\u00f8rneradius' (det er plassert ved siden av strek under applikasjonsmenyen). Klikk p\u00e5 alle hj\u00f8rnene for \u00e5 gj\u00f8re dem runde og legg inn 500 i boksen ved siden av.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-638235fd21bf3.webp\")
<\/a><\/p>\n\n 49 Du vil ha en sirkel. Dra denne sirkelen inn p\u00e5 rektangelet og juster den som f\u00f8lger. Ved siden av hj\u00f8rneradius er det et alternativ som heter ‘Opacity'. Med sirkelen valgt, sett 14 i denne boksen.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-638235ff30452.webp\")
<\/a><\/p>\n\n 50 Lag en tekstboks og skriv inn \u2013 hvorfor oss (alle sm\u00e5). Endre skrifttypen til Rammetto One, st\u00f8rrelse=100, Farge R=241 G=244 B=247, ledende 100 % og gj\u00f8r den midtstilt. Sett denne tekstboksen inne i sirkelen og juster den riktig.\n<\/p>\n
\n 51 N\u00e5 skal vi lage de stiplede linjene. Lag et rektangel av W=9 og H=9, uten fyll. Klikk p\u00e5 ordet ‘str\u00f8k' ved siden av for \u00e5 fylle. Velg farge R=241 G=244 B=247. Klikk p\u00e5 kjedeikonet for \u00e5 bryte det og legg inn ‘1' i bunnens slagvekt.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-638236015d3b8.webp\")
<\/a><\/p>\n\n 52 Kopier dette rektangelet med en sidestrek og lim det inn flere ganger. Ordne dem p\u00e5 \u00e9n linje (zoom litt inn med zoomverkt\u00f8yet hvis du synes det er vanskelig \u00e5 se disse rektanglene). N\u00e5r du har f\u00e5tt \u00f8nsket lengde p\u00e5 den stiplede linjen, velg alle disse rektanglene, h\u00f8yreklikk og velg ‘Gruppe'. Kopier og lim inn denne gruppen for andre stiplede linjer.\n<\/p>\n
\n 53 For skr\u00e5 stiplede linjer, pr\u00f8v \u00e5 sette forskjellige rotasjonsvinkler i transformasjonspanelet. Jeg har brukt 150 og 30 grader. Du m\u00e5 slette noen rektangler fra denne gruppen for \u00e5 f\u00e5 kortere lengder. Juster disse linjene n\u00e6r sirkelen som vist nedenfor.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-63823602da73a.webp\")
<\/a><\/p>\n\n 54 N\u00e5 skal vi legge til litt mer tekst for tall, overskrifter og beskrivelser. Bruk f\u00f8lgende innstillinger for hver av dem og juster disse tekstboksene som vist nedenfor.\n<\/p>\n
- \n
- \n For tall:<\/strong> Font=Rammetto One, Farge: R=196 G=214 B=193, midtstilt og 100 % foran, st\u00f8rrelse: 200 (for nummer ‘1'), 160 (for tallene ‘2' og ‘3') og 120 (for tallene ‘4' og ‘5').\n <\/li>\n
- \n For overskrifter:<\/strong> Font=Raleway Fet, St\u00f8rrelse=18, Farge:Hvit, Senterjustert og 100 % foran.\n <\/li>\n
- \n For avsnitt:<\/strong> Font=Questrial, St\u00f8rrelse=16, Farge: R=241 G=244 B=247, Senterjustert og 120 % foran.\n <\/li>\n<\/ul>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-63823605a97a7.webp\")
<\/a><\/p>\n\n Sluttresultat av ‘Hvorfor oss'-delen
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-6382360890068.webp\")
<\/a><\/p>\n\n Opprette «Vitnesbyrd»-delen
\n<\/h3>\n\n 55 Igjen, skap litt plass til \u00e5 jobbe ved \u00e5 dra ned bunnen av sideguiden. Lag et rektangel med 100 % bredde og H=486.\n<\/p>\n
\n 56 Med rektangelet valgt, klikk p\u00e5 ordet «Fyll» og klikk «Legg til bilde» ved siden av bildealternativet. Bla etter et bilde av et mursteinsm\u00f8nster som vi lastet ned. Under Tilpasningsalternativet velger du «Fliser» for \u00e5 fylle hele rektangelet med denne teksturen.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-6382360b46ae7.webp\")
<\/a><\/p>\n\n 57 Rull ned til tom plass og lag en tekstboks i st\u00f8rrelsen W=406, H=289 ved hjelp av transformasjonspanelet. Skriv inn \u2013 ‘hva andre har \u00e5 si' (alt i liten grad). Endre skrifttypen til Rammetto One, st\u00f8rrelse=70, gj\u00f8r den venstrejustert, fargeverdiene R=37 G=37 B=37 og ledende=100 %.\n<\/p>\n
\n 58 Med denne tekstboksen valgt, klikk p\u00e5 ordet strek, bruk h\u00f8yre strek med vekt ett og svart farge p\u00e5 det. Dra denne tekstboksen og legg den over rektangelet med murveggm\u00f8nster.\n<\/p>\n
\n 59 Neste trinn er \u00e5 legge til attester fra kunder. For dette bruker vi vektorbildene med runde ansikter vi lastet ned fra freepik.com. Igjen, kom ned til hvitt tomt rom slik at du kan tilpasse komposisjonen din riktig.\n<\/p>\n
\n 60 G\u00e5 til Widgets-biblioteket og dra ‘Blank' fra komposisjonsdelen til lerretet. Klikk p\u00e5 plusstegnet for \u00e5 legge til tre utl\u00f8sere til. Velg forsiktig den f\u00f8rste triggeren og s\u00f8rg for valget ditt ved hjelp av gjeldende utvalgsomr\u00e5de som sier trigger. Og rett ved siden av er det et alternativ som heter «Aktiv». Klikk p\u00e5 denne for \u00e5 utvide. Velg ‘Normal' tilstand og velg ‘ingen fylling' og ‘ingen strek' for denne tilstanden. Gjenta dette for hver tilstand som er overrulling, mus ned og aktiv. G\u00e5 til transformasjonspanelet med den f\u00f8rste utl\u00f8seren valgt og sett inn W=10, H=10.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-6382360de4579.webp\")
<\/a><\/p>\n\n 61 Gjenta forrige trinn for hver trigger vi har. Dette betyr at du ikke bruker fyll og strek for hver tilstand og transformerer utl\u00f8serne til 10 x 10 st\u00f8rrelse. Flytt utl\u00f8serne n\u00e6rmere hverandre.\n<\/p>\n
\n 62 N\u00e5. Vi tilpasser m\u00e5lene for hver av disse utl\u00f8serne. Det store rektangelet du ser er m\u00e5let. Velg f\u00f8rste utl\u00f8ser og velg normal tilstand fra tilstandspanelet. Etter det, velg m\u00e5let for denne utl\u00f8seren og bruk ingen fylling og ingen strek for hver tilstand. G\u00e5 deretter til transformasjonspanelet og gj\u00f8r m\u00e5let til W=360, H=370.\n<\/p>\n
\n 63 Gjenta forrige trinn for hvert m\u00e5l. Bare s\u00f8rg for at du f\u00f8rst velger utl\u00f8seren, gj\u00f8r den til normal tilstand, velger deretter det respektive m\u00e5let med normal tilstand, og deretter bruker du ingen fylling og ingen strek. Du trenger ikke \u00e5 endre st\u00f8rrelsen p\u00e5 hvert m\u00e5l. Bare gj\u00f8r det for \u00e9n, og det vil bli brukt p\u00e5 alle.\n<\/p>\n
\n 64 N\u00e5 skal vi begynne \u00e5 legge til innhold til denne komposisjonen. G\u00e5 til Fil > Plasser og \u00e5pne det f\u00f8rste ansiktsbildet og plasser det utenfor komposisjonen. Dra dette bildet og legg det inn i komposisjonen n\u00e5. Du vil se at en bl\u00e5 sirkel vises \u00f8verst i h\u00f8yre hj\u00f8rne som indikerer at dette bildet n\u00e5 er en del av komposisjonen.\n<\/p>\n
\n 65 Lag tre tekstbokser \u2013 en for personens navn, en for hans\/hennes betegnelse og en for uttalelsen eller anmeldelsen. Bruk formateringen som skrevet nedenfor og plasser disse tekstboksene i komposisjonen. Bare s\u00f8rg for at hver av dem har en bl\u00e5 sirkel i hj\u00f8rnet.\n<\/p>\n
- \n
- \n For personens navn:<\/strong> Font: Nobile Medium Italic, st\u00f8rrelse=18, Farge: R=37 G=37 B=37, midtstilt og 100 % foran.\n <\/li>\n
- \n For betegnelse:<\/strong> Font: Nobile, st\u00f8rrelse=15, Farge: R=37 G=37 B=37, midtstilt og 100 % foran.\n <\/li>\n
- \n For utsagn (med omvendt komma):<\/strong> Font: PT Sans Italic, st\u00f8rrelse=18, farge: R=69 G=64 B=68, midtstilt og 100 % foran.\n <\/li>\n<\/ul>\n
\n 66 Med ansiktsbildet valgt, bruk vektstrek 4 p\u00e5 hver side, farge: hvit, rund alle hj\u00f8rnene og \u00f8k radiusen til den vikler seg rundt bildet. Jeg har bruk 100 som hj\u00f8rneradier.\n<\/p>\n
\n 67 G\u00e5 til ‘Effekter' (plassert ved siden av alternativet for rundere hj\u00f8rner) og merk av for ‘skygge'. Sett verdiene som; Farge=Sort, Opasitet=37 %, Uskarphet=12, Vinkel=78 og Avstand=5.\n<\/p>\n
\n 68 Gjenta de foreg\u00e5ende trinnene (fra 64 til 67) for \u00e5 legge til innhold til hvert m\u00e5l og lagre endringene (Ctrl+S). Sett denne komposisjonen over rektangelet med murveggm\u00f8nster.\n<\/p>\n
\n 69 Velg n\u00e5 hele komposisjonen (s\u00f8rg for med gjeldende utvalgsomr\u00e5de) og utvid alternativene ved \u00e5 klikke p\u00e5 den lille bl\u00e5 sirkelen. Still inn alternativene som vist nedenfor. Trykk Ctrl+Shift+E og se om det fungerer bra.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-6382361123532.webp\")
<\/a><\/p>\n\n 70 Du skal ha f\u00f8lgende resultat.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-6382361448e2e.webp\")
<\/a><\/p>\n\n Sluttresultat av ‘Vitnesbyrd'-delen
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-63823618421c8.webp\")
<\/a><\/p>\n\n Opprette «Kontakt oss»-delen
\n<\/h3>\n\n 71 Neste seksjon er Kontakt oss. Vi legger til et bakgrunnsbilde, et skjema og noen tekstbokser i denne delen. Lag f\u00f8rst et rektangel med 100 % bredde og H=692. Fyll det med et bilde som vi lastet ned for denne seksjonen og velg «skala for \u00e5 fylle» under Tilpasning. Endre opasiteten til 72 %.\n<\/p>\n
\n 72 Lag et nytt rektangel med samme bredde og h\u00f8yde og fyll det med en gradient. Sett gradientverdiene som; Opasitet=90 % til 46 %, Farge: Svart til R=69 G=64 B=68, Brennpunkt=66 %, Retning: Horisontal og St\u00f8rrelse: automatisk. Plasser dette rektangelet over bildet og s\u00f8rg for at det klikker med hver kant.\n<\/p>\n
\n 73 G\u00e5 til widgets-biblioteket. Under skjemaer velger du «enkel kontakt» og drar den p\u00e5 lerretet. Et vindu med skjemaalternativer vil dukke opp. Angi skjemanavn: Kontakt oss-skjema, e-post til: legg inn e-postadressen din der du \u00f8nsker \u00e5 motta informasjon som er lagt inn av de bes\u00f8kende, Etter sending: velg «bli p\u00e5 gjeldende side». Det siste alternativet er ‘Rediger sammen'. S\u00f8rg for at det er sjekket. P\u00e5 denne m\u00e5ten m\u00e5 du bare gj\u00f8re endringer i ett felt, og de vil bli brukt p\u00e5 alle. Klikk hvor som helst p\u00e5 lerretet for \u00e5 f\u00e5 alternativboksen til \u00e5 forsvinne.\n<\/p>\n
\n 74 Velg skjemaet. Klikk p\u00e5 etiketten ‘Navn' og klikk p\u00e5 den igjen til du ser ‘Etikett' skrevet i gjeldende valgomr\u00e5de. Trykk p\u00e5 slett. Gjenta dette for e-post- og meldingsetiketter og slett dem.\n<\/p>\n
\n 75 Velg skjemaet p\u00e5 nytt og velg det f\u00f8rste skjemafeltet som sier ‘Skriv inn navn' til du ser ‘Tekstinntasting' i gjeldende valgomr\u00e5de. P\u00e5f\u00f8r ingen fylling og bunnstrek (vekt en og farge hvit) for hver tilstand, det vil si fra Tom til Fokus. For feiltilstand, velg ingen fyll og bunnstrek med r\u00f8d farge med vekt 1.\n<\/p>\n
\n 76 Etter det, med e-postfeltet valgt > velg den tomme tilstanden p\u00e5 nytt og tilpass tekstfonten og fargen for hver tilstand som skrevet nedenfor.\n<\/p>\n
- \n
- \n For tom, ikke-tom og fokustilstand:<\/strong> Font: Questrial, st\u00f8rrelse=14, farge: hvit, venstrejustert, 100 % foran og uten kursiv.\n <\/li>\n
- \n For rollover-tilstand:<\/strong> bare endre tekstfargen til R=196 G=196 B=196 og ingen kursiv.\n <\/li>\n
- \n For feiltilstand:<\/strong> endre tekstfargen til r\u00f8d og uten kursiv.\n <\/li>\n<\/ul>\n
\n 77 Klikk og velg Send-knappen. Velg normal tilstand, rund alle hj\u00f8rnene med 40 radier og \u00f8k bredden som vist p\u00e5 skjermbildet nedenfor. Endre skrifttypen til Raleway Bold, st\u00f8rrelse=20, midtstilt, farge: R=241 G=244 B=247, ledende: juster teksten «send» i midten av knappen ved \u00e5 \u00f8ke denne verdien (jeg har brukt 130 %) .\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-6382361be815c.webp\")
<\/a><\/p>\n\n 78 For rulle- og mus ned-tilstander endrer du strekfargen og tekstfargen til gr\u00e5 (R=127 G=127 B=127). Til slutt, for statusen \u00abSend p\u00e5g\u00e5r\u00bb, endre strek og tekstfarge til himmelbl\u00e5 (R=41 G=171 B=226).\n<\/p>\n
\n 79 N\u00e5r du velger \u00absend p\u00e5g\u00e5r\u00bb-tilstand for denne innsendingsknappen, vil du se at det er en annen tekstboks som sier \u00absender inn skjema…\u00bb. Velg denne boksen og velg statusen «Send p\u00e5g\u00e5r». Endre skrifttypen til Questrial, st\u00f8rrelse=14, farge: gr\u00e5, midtstilt og uten kursiv. Velg statusen «send suksess» og endre tekstfargen til himmelbl\u00e5 (ingen kursiv). Velg tilstanden «send feil» og endre tekstfargen til r\u00f8d (ingen kursiv). Kontaktskjemaet er klart.\n<\/p>\n
\n 80 Lag to tekstbokser. Skriv inn \u2013 kontakt oss og p\u00e5 den andre linjen skriver du «alle felter er obligatoriske». For kontakttekst, bruk fonten: Rammetto One, st\u00f8rrelse=60, farge: R=241 G=244 B=247, ledende=100 % og venstrejustert. For ‘alle felt er obligatoriske'-tekst, bruk fonten: Nobile kursiv, st\u00f8rrelse=26, farge: R=241 G=244 B=247, ledende=100 % og venstrejustert. For denne tekstboksen, bruk bunnstrek med vekt 1 og farge hvit.\n<\/p>\n
\n 81 Skriv inn et avsnitt i den andre tekstboksen vi opprettet. Bruk skrifttype: PT Sans Italic, st\u00f8rrelse=14, farge: R=241 G=244 B=247, ledende=120 %, venstrejustert og mellomrom f\u00f8r=15.\n<\/p>\n
\n 82 Sett disse tekstboksene og skjemaet p\u00e5 bildet vi plasserte. Juster dem som f\u00f8lger.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-6382361dd708d.webp\")
<\/a><\/p>\n\n 83 Lag en tekstboks til for noe kontaktinformasjon som kontoradresse, e-post og telefonnumre. Sett denne tekstboksen p\u00e5 bildet. Du b\u00f8r ha f\u00f8lgende resultat.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-6382361fd3a10.webp\")
<\/a><\/p>\n\n Sluttresultat av ‘Kontakt oss'-delen
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-638236220ca76.webp\")
<\/a><\/p>\n\n Oppretter bunntekst
\n<\/h3>\n\n 84 Den siste delen er bunntekst. Det er tre guider nederst, nemlig nederst p\u00e5 siden, bunntekst og bunnen av nettleseren. Det du m\u00e5 gj\u00f8re n\u00e5 er \u00e5 s\u00f8rge for at ‘bunnen av siden'-guiden klikker med bunnen av kontakt oss-delen og ‘bunntekst'-guiden sammenfaller med ‘bunnen av siden'-guiden. Etter det kan du dra ‘bunnen av nettleseren' ned for \u00e5 justere plassen du trenger for bunnteksten.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-638236248fda2.webp\")
<\/a><\/p>\n\n 85 Lag to rektangler med 100 % bredde og H=168 for den f\u00f8rste og H=37 for den andre. Endre fyllfargen p\u00e5 stort rektangel til hvitt og bruk R=47, G=48, B=55 for en kortere.\n<\/p>\n
\n 86 Velg det f\u00f8rste rektangelet og pr\u00f8v \u00e5 plassere det i bunntekstomr\u00e5det. Det vil ikke g\u00e5 dit. I stedet vil guiden nederst p\u00e5 siden begynne \u00e5 utvides nedover. For \u00e5 gj\u00f8re dette rektangelet til et bunntekstelement, merk av for ‘Footer'-boksen \u00f8verst til h\u00f8yre i programvinduet. Gj\u00f8r det for andre rektangel ogs\u00e5.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-63823626e43d3.webp\")
<\/a><\/p>\n\n 87 Plasser n\u00e5 disse rektanglene i bunntekstomr\u00e5det og s\u00f8rg for at det store rektangelet er litt over bunntekstguiden. Bunnen av farget rektangel m\u00e5 klikke med bunnen av nettleserguiden. Ellers vil du se et lite hvitt gap etter bunnteksten som ikke ser pent ut.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-63823629217b3.webp\")
<\/a><\/p>\n\n 88 Lag tekstbokser for bunntekst og skriv inn hva du vil. Bare merk av for «bunntekst» for tekstboksene du vil legge til. Jeg har lagt til litt tekst som inneholder ansvarsfraskrivelse og informasjon om opphavsrett.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-6382362b623c3.webp\")
<\/a><\/p>\n\n 89 ‘Laget med Adobe Muse CC'-merket kan legges til fra widgetbiblioteket under sosial seksjon. Du kan ogs\u00e5 legge til linker til Facebook-siden din, twitter, google+, LinkedIn, Pinterest, YouTube-kanal eller vimeo-lenke.\n<\/p>\n
\n 90 Opphavsrettssymbolet og mange andre symboler som du ser ved siden av Alle rettigheter forbeholdt tekst kan legges til fra ‘Glyfer'-panelet p\u00e5 h\u00f8yre side av programvinduet. Hvis den ikke er der, g\u00e5 til Vindu-menyen > velg Tegntegn.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-6382362e4f736.webp\")
<\/a><\/p>\n\n Opprette ‘nyhetsbrev'-seksjonen
\n<\/h3>\n\n 91 Til n\u00e5 har vi designet seksjoner for alle menyelementer bortsett fra ett, og det er «Nyhetsbrev». La oss gj\u00f8re noe interessant med det. Husk korssymbolet vi lastet ned, det vil bli brukt her (det er greit hvis du ikke har lastet det ned, du kan fortsatt f\u00f8lge med). F\u00f8rst velger du Nyhetsbrev-tekstboksen og noterer bredden og h\u00f8yden fra transformasjonspanelet. Min er 81 x 17.\n<\/p>\n
\n 92 N\u00e5, \u00e5pne widgets-biblioteket og dra ‘Lightbox Display' fra komposisjonsdelen. Slett de to f\u00f8rste triggerne (plassert \u00f8verst) og slett alle bildetekstene (plassert nederst). Gj\u00f8r st\u00f8rrelsen p\u00e5 tredje utl\u00f8ser til samme som nyhetsbrevtekstboksen som er 81 x 17. Endre fyllingen og streken til ingen for alle stater.\n<\/p>\n
\n 93 Dra nyhetsbrevets tekstboks og plasser den inne i denne utl\u00f8seren p\u00e5 en slik m\u00e5te at alle kantene p\u00e5 tekstboksen faller sammen med kantene p\u00e5 utl\u00f8seren. Dra n\u00e5 denne gruppen og legg den igjen i menyen der den ble plassert tidligere. Det vi har gjort er at vi har brukt en lenke til nyhetsbrevets tekstboks. N\u00e5r brukeren klikker p\u00e5 det, vil nettstedet tone ut og m\u00e5let vises.\n<\/p>\n
\n 94 Neste trinn er \u00e5 tilpasse m\u00e5let v\u00e5rt. Velg det gr\u00e5 omr\u00e5det og s\u00f8rg for at det gjeldende utvalgsomr\u00e5det sier ‘Target'. Du m\u00e5 klikke tre ganger for \u00e5 velge den. Endre fyllingen og streken til ingen for alle tilstandene.\n<\/p>\n
\n 95 Legg til to tekstbokser og enkelt kontaktskjema (slett navn og meldingsfelt og behold bare e-postfeltet). Dra dem inn i denne komposisjonen og s\u00f8rg for at alle har bl\u00e5 sirkel i hj\u00f8rnene.\n<\/p>\n
\n 96 Tilpass skjemaet slik vi gjorde i kontakt oss-delen. Du b\u00f8r ha f\u00f8lgende resultat. For «Hold kontakten»-tekstfeltet, bruk font: Hummer, st\u00f8rrelse=40, farge:hvit, midtstilt og 100 % foran. For beskrivelsestekst under den, bruk font: Ubuntu Light Italic, st\u00f8rrelse=14, farge: hvit, midtstilt og 120 % foran. Endre teksten p\u00e5 send-knappen til «Abonner».\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-63823631ea47b.webp\")
<\/a><\/p>\n\n 97 Velg n\u00e5 lukkeknappen, flytt den og plasser \u00f8verst til h\u00f8yre p\u00e5 denne lysboksskjermen som vist nedenfor. Klikk inni den til du ser ‘Etikett' skrevet i gjeldende utvalgsomr\u00e5de. Slett etiketten.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-6382363507e52.webp\")
<\/a><\/p>\n\n 98 Endre fyll og strek for denne lukkeknappen til ingen for alle tilstandene og gj\u00f8r dens W=40 og H=40. G\u00e5 til Fyll > legg til bilde og bla etter kryssbildet. Velg ‘skala for \u00e5 passe' under tilpasningsalternativet.\n<\/p>\n
\n 99 Klikk p\u00e5 Nyhetsbrev og du vil se en bl\u00e5 sirkel i hj\u00f8rnet. Klikk p\u00e5 den og kontroller at alternativene er angitt som f\u00f8lger.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-638236383b97c.webp\")
<\/a><\/p>\n\n Sluttresultat av ‘Nyhetsbrev'-delen
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-6382363ae64bc.webp\")
<\/a><\/p>\n\n Opprette hyperkoblinger
\n<\/h3>\n\n 100 Den siste oppgaven som gjenst\u00e5r er \u00e5 bruke lenker til hver seksjon. For \u00e5 gj\u00f8re dette, velg alternativet «koblingsanker» \u00f8verst i midten eller trykk p\u00e5 bokstaven «a» p\u00e5 tastaturet. Du vil se at mark\u00f8ren endrer utseende til en plasspistol lastet med et lenkeanker.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-6382363d80277.webp\")
<\/a><\/p>\n\n 101 N\u00e5r du klikker p\u00e5 lerretet for \u00e5 plassere dette, vil en dialogboks dukke opp som lar deg gi nytt navn til et anker.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-6382363feb1d6.webp\")
<\/a><\/p>\n\n 102 Lag lenkeankere for hver seksjon vi har designet, det vil si Home, Services, Why Us, Testimonials og Contact Us. Plasser ankrene p\u00e5 toppen av hver seksjon. Hjemmeanker er vist nedenfor som et eksempel. Plassering av disse ankrene er et viktig skritt og b\u00f8r gj\u00f8res n\u00f8ye. N\u00e5r brukeren klikker p\u00e5 en bestemt lenke, vil nettstedet rulle til posisjonen der ankeret er plassert.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-63823642ca0c4.webp\")
<\/a><\/p>\n\n 103 N\u00e5 skal vi bruke lenkene. For \u00e5 gj\u00f8re dette, velg ‘Hjem'-tekstboksen. G\u00e5 til alternativet «Hyperkoblinger» (plassert \u00f8verst), klikk p\u00e5 den lille nedpilen for \u00e5 utvide listen. Her kan du se alle ankrene som vi nettopp har plassert. Koble den til «Hjem»-anker. Gjenta dette trinnet for andre tekstbokser unntatt nyhetsbrev, da vi har brukt en lysboksvisning p\u00e5 det.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-6382364694c80.webp\")
<\/a><\/p>\n\n Endelig resultat etter \u00e5 ha opprettet hyperkoblinger
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-6382364a29ed4.webp\")
<\/a><\/p>\n\n Siste ber\u00f8ring \u2013 Endre sideegenskaper og legge til favorittikon
\n<\/h3>\n\n 104 Inne i planmodus, h\u00f8yreklikk p\u00e5 hjemmesiden og velg ‘Sideegenskaper. En dialogboks vil dukke opp. Velg «Alternativer»-fanen og under sidenavn, legg inn – «Velkommen til eksempel.com» og klikk OK. Dette er teksten som vises \u00f8verst i nettleservinduet.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-6382364d02485.webp\")
<\/a><\/p>\n\n 105 G\u00e5 til Fil > Omr\u00e5deegenskaper. Under Layout-fanen er det siste alternativet ‘Favicon'. N\u00e5r du holder musepekeren over det, vises en popup som beskriver hva et favorittikon er og hva den optimale st\u00f8rrelsen b\u00f8r v\u00e6re. Det er bra \u00e5 legge til et favorittikon, da det hjelper med \u00e5 f\u00e5 merkevaren din til \u00e5 skille seg ut og ogs\u00e5 tjener form\u00e5let \u00e5 hjelpe brukerne til \u00e5 enkelt identifisere nettstedet ditt hvis de har bokmerket det.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-6382364f684c8.webp\")
<\/a><\/p>\n\n Testing og eksport
\n<\/h3>\n\n 106 Test nettstedet ditt ved \u00e5 g\u00e5 til Fil > Forh\u00e5ndsvis nettsted i nettleseren eller Ctrl+Alt+E. Ikke velg «Forh\u00e5ndsvisning av side i nettleser» denne gangen siden koblingene ikke fungerer i forh\u00e5ndsvisning av siden. Det kan v\u00e6re lurt \u00e5 pr\u00f8ve \u00e5 plassere ankrene p\u00e5 forskjellige steder for \u00e5 sikre at n\u00e5r brukeren klikker p\u00e5 en lenke, vil siden rulle til h\u00f8yre seksjon og riktig posisjon.\n<\/p>\n
\n 107 Til slutt, g\u00e5 til Fil > Eksporter som HTML (Ctrl+E). Under nettadressen legger du inn et navn som \u00abexample.com\u00bb og velger stedet. Klikk OK. Nettsiden er klar.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-638236528be8c.webp\")
<\/a><\/p>\n\n Endelig resultat p\u00e5 hver side
\n<\/h3>\n\n Forside
\n<\/h5>\n<\/a><\/p>\n\n ‘Tjenester'-seksjonen
\n<\/h5>\n<\/a><\/p>\n\n ‘Hvorfor oss'-delen
\n<\/h5>\n<\/a><\/p>\n\n Seksjonen «Vitnesbyrd».
\n<\/h5>\n<\/a><\/p>\n\n ‘Kontakt oss'-delen
\n<\/h5>\n<\/a><\/p>\n\n Bunntekstdel
\n<\/h5>\n - \n For rollover-tilstand:<\/strong> bare endre tekstfargen til R=196 G=196 B=196 og ingen kursiv.\n <\/li>\n
- \n For betegnelse:<\/strong> Font: Nobile, st\u00f8rrelse=15, Farge: R=37 G=37 B=37, midtstilt og 100 % foran.\n <\/li>\n
- \n For overskrifter:<\/strong> Font=Raleway Fet, St\u00f8rrelse=18, Farge:Hvit, Senterjustert og 100 % foran.\n <\/li>\n
- \n For avsnitt:<\/strong> Font: Questrial, St\u00f8rrelse=15, Farge: R=67 G=67 B=67, Venstrejustert og 120 % foran.\n <\/li>\n<\/ul>\n
- \n For overskrifter:<\/strong> Skrift: Raleway Fet, St\u00f8rrelse=20, Farge: Svart, Venstrejustert og 100 % foran.\n <\/li>\n
- \n
- \n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-255985-6382365f01860.webp\")
<\/a><\/p>\n