UU Flashcards

Question

Viktige begreper i SEO

Answer 1

Viktige begreper Landingpage - Den siden som først vises, ikke nødvendigvis forsiden exitpage - hvor på siden bruker var når bruker forlot side bounce - at bruker går ut fort fra siden, betyr ednten at bruker med en gang fant det den ville, eller ikke gjorde det, man vil ha bruekre til å bli lenge på side Site autority - HVor viktig side er (i henhold til søkemotor)

Answer 2

Protokoll - http/https Domenenavn Filsti

Answer 3

Linke til og bli linket til av masse sider Gjemme linker og tekst med CSS Autogenerert tekst

Answer 4

auto: Det samme som flex 1 1 Gjør at boks tar opp alt gjenværende rom flex: 1 0 boks tar opp 1/elementer del av det ledige rommet flex: 0 1 boks tar opp gjenværende rom, men minimeres til det spwsifisert (eks i basis)

Answer 5

clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; width: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute;

Answer 6

Egen maskin maskin-park rasperry py Lagre, prossersere en webside ved forespørsel URL skrives -> kobker til webserver -> Det sendes forespørsel til en server -> forespørsel svares Man trenger et domene, så må man ha en sted der man kan ha siden. Man kan feks leie en server, lage sin egen server, eller putte den på et webhotell

Answer 7

Protokoll: Hvordan side skal motta og sende data Subdomene: Angir tjenester eller oppdelinger av domenet Domene: Navn til side Filsti Angir filstien til innholdet man ønsker

Answer 8

Top Level Domain Generic (sponsored) Sier hva dlags nettsted det er. edu, gov, travel Generic (Tilgjengelig for alle) info, com, net Geographic no, sv, dk, de, fr, uk

Answer 9

En unik indikator eller adresse som tildeles en enhet (eks pc, mobil) IPv-4 34-bit adresse IPv-6 128-bit adresse

Answer 10

Domain name system security extension | Skal gorhindre at man kommer til feil nettsted

Answer 11

Trabsmission controll protocoll Står for poletelig overføring av data IP: står for adressering og ruting av data

Answer 12

1. finn domene 2. velg tld Kan finnes på domeneshop, godaddy 3. Så må den plasseres et sted. Noen alternativer: Webhotell, eks domene.shop Egen server hjemme, dynamisk/fast IP Leie virituell server, eks memset

Answer 13

Noe som skal tolke og presentere sider

Answer 14

Semantiske tagger video ig audio tagger 2D og 3D grafikk

Answer 15

Content managment system/publiseringssystem Informasjonssystem for lagring, håndtering, og organisering av innhold. ``` Fordeler Slipper srbeid med tanke på tema Slipper arbeid med tanke på plugin Kan lett fordele arbeid Stort samfunn, mye hjelp mye backend er tatt hånd om ``` Ulemper Statisk, avhengig av plugins og temaer Bloat, ikke sikkert man trenger all funksjonalitet Kan ikke være like kreativ Kan trenge mye teknisk hjelp ved store endringer Wordpress Joomla shopify

Answer 16

``` Personlig omdømme arkitektur (oversiktlig nav, lett å finne fram) responsivitet UU HTML (alt tekst, semantiske tagger, title, drop nav) Mikrodata metadata ```

Answer 17

En type høytleser w3c kodevalidator Google DevTools webaim.org/resources/contrastchecker

Answer 18

1. flex: 1 1/ flex: auto 2. Tror ikke det går an 3. flex: 1 0 [width] 4. flex: auto [width] 5. flex: 0 0 [width]/ flex: none [width] 6. flex: 0 1 7. flex: none;

Answer 19

UU Tekst kan bli endret til 200% størrelse uten tap av innhold eller funksjon Ting er i logisk rekkefølge SEO Hvis man kan bruke side på flere skjermeneheter gir det pluss i SEO, i tillegg til at man får mer trafikk Verktøy: Undersøk tool i browser

Answer 20

link: :hover active visited input: checked enabled disabled ``` fist-child last-child only-child :nth-child(n) :not ``` :before :after -content

Answer 21

``` Tastatur wave evaluation tool wave HTML validator wave color checker microsoft narrator ```

Answer 22

File transport protocol Filoverførings standard som er operativuavhengig protokoll for overføring av filer til et TCP/IP basert nettverk ``` Eksempler: Filezilla HTTP Telnet Mamp ```

Answer 23

font-family: 'Gill Sans', 'Gill Sans MT', sans-serif;

Answer 24

Grunnleggende: main Sammensatt main, header, footer Relasjon main, nav, ul, li

Answer 25

Du putter "animation" der animasjonen skal skje. Hvis du skal skje under en forutsetning som hover, må du putte det under hover. så eks den-som-har-animasjon: hover anim-div { animation: properties } ``` Man må bruke animation, så gi wt navn til en animasjon ved å putte et tilfeldig navn inn i animation. Så utenfor laget man: @keyframes [navn] { 0p {...} 50p {...} 100p {...} } tallene sier hvordan animasjon skal se ut innen tidspunktet. ```

Answer 26

``` font-size: 14px; transition-property: font-size; transition-duration: 4s; transition-delay: 2s; } ``` ``` #delay:hover { font-size: 36px; } ```

Answer 27

``` html {font-size: calc(1em + 1vw)} h1 {font-size: 3rem} h2 {font-size: 2,2rem} h3 {font-size: 1,8rem} h4 {font-size: 1,2rem} p {font-size: 1rem} ```

Answer 28

CMS - Gir et brukergrensesnitt for å redigere innhold på og funksjonalitet på nettside. Funksjonalitet: redigering forhåndsvisning Utvidbar funksjonalitet - plugins: eks arkiv over bloggposter, kalender (for både admin og brukere) templates - med noen av disse kan man også bruke layouts versons managment brukerkontroll - redigerere har forskjellige rettigheter til sidene - kan se hva andre brukere gjør automatiske oppdatreinger - lurt med oppdatering med tanke på sikkerhet søk - kan eks søke etter innhold, kategorier, bilder osv...

Answer 29

CMS er store mål når det kommer til angrep Så man trenger oppdateringer fordi: Det kan komme nye svakheter til CMSen Det kan komme nye angrep generelle oppdateringer - eks kanskje det blir lagt til nye funksjonaliteter

Answer 30

``` UU i CMS Enge plugins Støttet i themes Støttet i selve systemet enkelt å implementere med plugins ```

Answer 31

Alternativer til CMS Manuell oppdatinerger av nettsider med HTML og css CMF (Content managment frameworkd) som benytter seg av gjenbrukbare komponenter eller custom løsninger for å administrere nettside innhold

Answer 32

``` Fordeler og ulemper med koding Enkelt gjøre alle sider som man vil lite overhead (trenger ikke å avhenge av plugins, themes for å få ting som man vil) Kraftig Slipper å sloss med cms ``` Ulemper tungvindt gir ikke mulighet for flere brukere (ish) statisk - man kan ikke lett nedlaste themes og plugins må gjøre alt selv mye jobb sikkerhet

Answer 33

``` SEO Yoast -genererer meta og title tagger -genererer sitemap -integrert schema i systemet ``` UU wp accessibility -evne til å skippe linker -plasserer utlinje der man fokuserer DESIGN elementor -drag and drop UTVIKLING LiveChat -gir mulighet til bruker til p live chatte på side for hjelp -har ai chatbot også man kan bruke WPML -Gjør så mange kan lage en side for mange forskjellige språk ``` WEBDIREKTØR Monsterinsights -integrert google analytics -se hvor brukere er fra -se info om besøk til sider -resultater fra kampansje ```

Answer 34

Navigasjonen kan vøre irriterende for de som bruker oppleser. Da er det bra å gi mulighet til brukeren å kunne skippe nav linkene, for å komme rett til hovedinnholdet. En slik link burde være spesifikt laget for de som bruker opplesere, og kan komme til syne ved at personen bruker oppleser. For en som ikke bruker oppleser, kan en slik link være distraherende. For å gjøre dette kan man gjøre så: - link bare blir synelig når man bruker tab - er viduelt gjemt på starten av siden, eks med display:hidden eller width/height: 0px. Linken burde videre: være på toppen av siden forbli synelig i en viss lengde etter bruker har vært på linken, slik at de ikke gås forbi hvis bruker tabber raskt.

Answer 35

properties ting skal ha: nav ul - margin: 0, padding: 0, overflow, hidden nav li - float: left, margin-left: 20px nav li:first-child - margin-left: 0px

Answer 36

Det kommer nye krav fra WAD: 12 nye krav fra WCAG 2.1 Tilgjengelighetserklæring De nye kravene gjelder for det meste bruk av mobil. Noen av de viktigste kravene er: Bruker må få velge om innhold skal vises liggende eller stående. Innhold skal kunne endres til 400 prosent størrelse ved 1280px bredde, uten tap og funksjonalitet. Kontrast for ikke tekstlig innhold. Tekstavstand skal kunne overstyres. Pekerfølsomt innhold eller innhold ved tastaturfokus Bruker skal kunne slå av hurtigtsster som består av ett tegn Pekerbevegelse, innhold skal kunne brukes med pekerinput Pekeravbrytelse, uhelig input med mus eller berøring skal kunne forhindres

Answer 37

A responsive design creates a uniform standard that satisfies the mainstream needs of its users, whereas accessibility goes deeper and ensures a much-needed layer of functionality for users using assistive technology such as screen readers. Tekst skal kunne forstørres 200p uten tap av innhold eller funksjonalitet Pass på st: innhold og funksjonalitet kan benyttes, man kan fortsatt godt navigere siden med tastatur når sides skjermstørrelse forandres For å teste at forstørring fungerer på en god måte, kan du gjøre følgende: Sett nettleseren i fullskjerm på den største skjermen du har tilgang til, deretter bruk nettleserens zoomfunksjon (Ctrl og +/- eller Cmd og +/-) stegvis til minst 200 prosent, gjerne opp til 400 prosent. Sjekk at alt innhold og funksjonalitet er tilgjengelig og forståelig.Sett forstørringen til 100 prosent, og endre vindusbredden på din nettleser gradvis fra fullskjerm og ned til det smaleste du får til. Se om rekkefølge, gruppering og generell layout fungerer godt i hele spekteret.På mobil eller nettbrett, sjekk at du kan forstørre også på sider med responsivt oppsett.

Answer 38

master-grid { height: 200vh; gap: 10px; display: grid; grid-template-columns: repeat(3, 1fr) grid-template-rows: 2fr 1fr 4fr 1 fr grid-template-areas: "header header header" "nav nav nav" "main main aside" "footer footer footer" ``` header {grid-area: header} nav {grid-area: nav} main {grid-area: main} aside {grid-area: aside} footer {grid-area: footer} ``` }

Answer 39

``` Dynamic pseudo-classes :link :visited :hover :active :focus UI element states pseudo-classes :enabled :disabled :checked Structural pseudo-classes :first-child :nth-child(n) :nth-last-child(n) :nth-of-type(n) :nth-last-of-type(n) :last-child :first-of-type :last-of-type :only-child :only-of-type :root :empty Other pseudo-classes :not(x) :target :lang(language) ``` ``` psuedo elements: ::before ::after ::first-letter ::first-line ```

Answer 40

align-content: flex start

Answer 41

pc: flex: 1 mobil flex: auto; width: 100%

Answer 42

@extend @mixin { ... } @include flex @mixin flex ($row: false) { @if {} @else if @ else } Funksjoner @function [navn på funksjon]([argument]) { @return map-get($farger, [argument] }

Answer 43

1. mobil: display flex, flex-wrap, gap: 1rem, justify-content: space-between elementer inn i: flex: auto, width: 100p pc elementer inn i: flex: 1 1, min-width: 30p 2. mobil: disolay: flex, flex-wrap: wrap, gap: 1rem, justify-content: space-between ting i element: flex: auto, width: 100p mellom-stor-skjerm elementer i ting: flex: 1 1 min-width: 30p stor-skjerm elementer i ting: flex: 1 1, min-width: 45p

Answer 44

``` if all (elem in list1 for elem in list2): print("liste 1 inneholder alle elementene til liste2") ```

UU Flashcards

(70 cards)