Kristian Bror Vevelstad

Min ferd gjennom den digitale verden

Created with Sketch.

HTML

Mange kan oppleve inngangen til produksjon og posting av eget materiale på internett som vanskelig, særlig siden bygging av nye nettsteder gjerne innebærer bruk av kodespråk som HTML, CSS eller PHP. Her kommer derfor en kjapp innføring i hva HTML (HyperText Markup Language) er, hvordan det virker og hvordan unngå det, dersom man ønsker det.

 

HTML er det grunnleggende kodespråket vi i dag benytter oss av for å bygge nettsteder, og virker ved at nettleseren leser koden som en beskrivelse for hvordan nettsiden skal se ut. Når du for eksempel besøker denne nettsiden, vil nettleseren finne noe som ser omtrent slik ut: 

Dette er for de fleste av oss et uforståelig rot av tekst i ulike farger, og nettleseren oversetter derfor teksten til bilder, farger og tekst. Etter at nettleseren har lest igjennom rotet, ender den opp med å i stedet vise deg noe mye mer brukervennlig, nemlig dette:

Hvordan gjør nettleseren dette? Når nettleseren skal oversette kode til et forståelig nettsted, leter den etter ulike tag’er, slik som <!DOCTYPE html> – som forteller hvilket språk nettsiden er kodet i, i dette tilfellet HTML, <html> – som markerer starten på HTML-koden, og gjør det lettere for nettleseren å forstå hvordan den skal lete. Når nettleseren vet hva den skal se etter, og hvordan den skal lete, starter jakten etter de tre innholdstag’ene; <head>, <body> og <footer>.

<Head>-tag’en forteller nettleseren hva som skal stå helt øverst på siden, i vårt tilfelle navigasjonslinja og tittelfeltet. I tittelfeltet finner vi nettsidens navn «Kristian Bror Vevelstad» og beskrivelse «Min ferd gjennom den digitale verden».  I tillegg finner vi en del annen kode under <head>-tag’en, slik som søkemotoroptimisering (SEO), Googles tag manager og CSS-beskrivelsene som er et overordnet dokument som forteller hvordan ting som skrifttype, skriftstørrelse og andre lignende elementer skal se ut. CSS er et eget skriftspråk vi ikke skal gå inn på nå, men som du kan lese mer om her.
<Body>-tag’en omfatter selve innholdet på nettsiden, så i vårt tilfelle selve blogg-innleggene i rekkefølge, med sine respektive titler, innhold og kommentarfelt, og sidelinjen, hvor jeg har plassert lenker til sosiale media og de nyeste kommentarene fra rundt på siden. Siden jeg bruker WordPress til å drive nettsiden finner vi i  tillegg informasjon om nettsidens tema, og hvordan dette skal oppføre seg.
<Footer>-tag’en er linja helt nederst på nettstedet, og inneholder gjerne informasjon om hvem som eier og drifter nettstedet, og også helst kontaktinformasjon. I mitt tilfelle er footeren tom, og virker som «en avslutning på nettsiden i en annen farge.»
Alle åpningstag’er trenger også en tilsvarende lukke-tag, så på slutten av <head>-tag’en, og før <body>-tag’en begynner finner vi en </head>, som markerer slutten på headeren.

Mange bruker i dag mye heller verktøy som gjør all denne byggingen for seg, slik som WordPress, SquareSpace eller Adobes Dreamweaver. WordPress og Squarespace er på overflaten ganske like, begge er nettbaserte verktøy som gir deg muligheten til å bygge ditt eget nettsted, i oppstarten benyttet medstudent Kristian Østlie seg av Squarespace, men gikk over til WordPress etterhvert siden mulighetene for å skreddersy nettsiden slik han ønsket (også med tanke på nettbutikk senere) var bedre hos WP. Han beskriver forskjellen slik:

Squarespace er tilrettelagt for enkel bruk over flere plattformer med f.eks. egen blogg app til apple og android. De har også egen intergrert analytics del som er grei nok. Fokuset er veldig på at det skal være enkelt for brukeren. WordPress er mer åpent for tilrettelegging og tredjepart. Det er enkelt når man har satt seg inn i det og man kan bygge videre til å bli store sider (blur.se er et eksempel) Det er også enklere å skreddersy etter dine ønsker da du starter med ett theme og konkretiserer dette i motsetning til squarespace hvor du endrer bilder og tekst på themet i stor grad.» – Kristian Østlie

Forskjellen til mer konfigurerende, og Software-baserte verktøy som Adobes Dreamweaver baserer seg i hovedsak på hvordan de nettbaserte som nevnt over i hovedsak brukes til å redigere temaer eller implementere utvidelser, bygger man med Dreamweaver hele nettstedet fra grunnen av. Her vil man måtte sette inn «wrappere» som inneholder tagger, og derfra sette inn medier selv. I tillegg vil man måtte styre hele nettstedets filer selv, mens Squarespace eller WordPress gjør dette for deg.

 

Hvis du fortsatt ønsker å sette opp et nettsted har du nå fått en grunnleggende innføring i hva HTML er og hvordan det virker, og hvordan man best kan benytte seg av det.

Hvor mye vet Facebook egentlig om oss?

I går kveld satt jeg inne på hybelen, og skulle slette noen venneforespørsler fra bot’er på Facebook. Like nedenfor listen over falske forespørsler så jeg derimot noe som fanget min interesse; Facebook anbefalte at jeg skulle legge til en ny person som venn. Vi hadde ingen felles venner, ingen felles likes, gikk ikke på samme barneskole og bor ikke engang i samme land. Likevel var det noe som fikk meg til å synes at jeg burde faktisk legge henne til, hvorfor? Anbefalingen var av noen jeg faktisk kjente, til tross for at vi til nå ikke hadde hatt noen kontakt gjennom Facebook.  Så jeg begynte å lete gjennom de dataene jeg hadde med overlegg gikk Facebook, altså ting som steder jeg har bodd, steder jeg har besøkt, til og med eventuelle 3.gradsvenner (venner av meg som har en felles venn med den andre). Til slutt kom jeg frem til tre eventuelle teorier, hvorav jeg forkastet de to første:
(mer…)

Vår førerløse fremtid

Konsulentbyrået COWI AS forteller i en rapport for Ruter rundt teknologiske trender, at allerede i 2025 kan de fleste biler på veiene være førerløse. Dette er riktignok et tidlig anslag, men viser hvor raskt utviklingen kan gå, dersom vi ikke hindrer den. Vi kan allerede se hvordan Ruter har planlagt de første selvkjørende bussene, som i løpet av det samme tidsperspektivet trolig vil være selvkjørende nok til å hente deg på døren, i følge Endre Angelvik, direktør for mobilitetstjenester hos Ruter.

I tillegg lanserte Toyota sitt nye prosjekt; «e-Palette»,  en ny klasse førerløse kjøretøy under årets CES-messeFormålet med e-Palette, skal være et selvkjørende samlingspunkt for alle mulige tjenester, fra medisinske labber til underholdning. Toyota får også med seg en rekke andre selskaper til prosjektet, blant annet selskaper som Uber, Pizza Hut og Amazon, som trolig vil benytte seg av førerløs levering eller utkjøring av folk, mat eller post. e-Palette skal visstnok bli å finne under OL i Tokyo 2020. Vi får nok neppe se et helt selvgående kjøretøy som følger fartsgrensen, men heller en gondol på hjul som følger fastsatte ruter. Dette er fortsatt en bragd, siden rutene den skal følge kun vil være før-programmerte, ikke etter spor i veien eller kabler mellom hustak. (mer…)

Kodak + Blockchain = Sant(?)

Kodak, ja fotoselskapet, annonserte nylig at de i samarbeid med copyrightselskapet WENN Digital skal starte opp en egen blockchain plattform. Mange kan spørre seg hvorfor akkurat Kodak, selskapet som måtte søke om konkursbeskyttelse på grunn av hvordan de nektet å fornye seg når digitalkameraet dukket opp, skulle ønske å starte opp sin egen blokk-kjede (blockchain).

På tross av dette annonserte de tirsdag at kopibeskyttelsesplattformen «KODAKOne» og kryptovalutaen «KODAKCoin» kommer til å lanseres 31. januar i år. Formålet med KODAKOne er at det skal være en plattform hvor fotografer skal kunne (mer…)

SEO – Søkemotoroptimalisering

Siden blogging er noe jeg er ny på kommer de første, og sikkert de fleste innleggene til å handle om det tekniske rundt å starte en ny nettside og blogg. Dette innlegget kommer til å handle om søkemotoroptimalisering eller SEO, altså Search Engine Opimization, og siden jeg som sagt er ganske ny på dette kommer, ironisk nok, få til å lese dette innlegget.

Søkemotoroptimalisering er noe alle nettsteder og admins bør fokusere på når de skal opprette et ny nettside. SEO er nemlig det som gjør at søkemotorene, som for eksempel Google, Bing eller Baidu, finner nettsiden din.

Målet med søkemotoroptimalisering vil alltid være å ha det øverst resultatet under reklamen i et søkeresultat, så lenge søket er relevant for nettsiden din så klart. Dersom jeg før implementeringen av ulike seo-teknikker, Googler «Kristian Bror Vevelstad», vil denne nettsiden ende opp som resultat nummer fem, bak to oppføringer fra gule sider, en hos Facebook og den siste fra 1881. Dette er ikke en optimal posisjon, siden jeg jo ønsker at denne siden skal være lett å finne, slik at jeg selv kan styre mitt «digitale image». (mer…)

Første innlegg

Hei!

Her kommer mitt første bidrag til bloggverdenen, så ikke forvent noe stort. Dette innlegget kommer nemlig fra en sofa i Trøndelag (née Nord-Trøndelag), på slutten av en lang juleferie som jeg nå avslutter med et lynkurs i Analytics og Google Tag Manager. Jeg merker at mine, om begrensede, kunnskaper rundt web-design kommer godt med til å sette inn kode i systemet.

Bloggen kommer til å være et sted hvor jeg skal lufte mine tanker om faget Digital Markedsføring, som jeg skal gå denne våren. Bloggen er riktignok ikke et krav dette året, men jeg syntes idéen var god, og kastet meg på.

Her er det bare å følge med, så kommer det flere innlegg og mer stoff etter hvert.