Godt Nytt År til deg!
Da var året 2012 sin siste dag kommet. For min del har det vært et år fylt til randen med ny kunnskap, både på jobb, hjemme, men også på skolen.
Fag som webutvikling, programmering i visual basic og databaser har vært med på å berike året. Det å få være med på å lage spill, utvikle, skape noe. Det gir en følelse av mestring.
Og kanskje sitter du med slike tanker, på en dag som i dag. Oppsummerer litt av året som har gått, og kanskje tenker du litt på hva neste år skal bringe.
For min egen del vet eg hva som står på menyen før sommeren når det gjelder fag, av erfaring vet man og hva man har i vente av personlige og familiære hendelser. Uttalelser fra ledelsen på jobb forteller at eg også der har noe å se frem til.
Og når man sitter på årets siste dag og teller timer til neste år så er man vel nesten pålagt å komme med et nyttårsforsett. Mine nyttårsforsetter må være å fortsatt jobbe godt med skolen, og bli en enda bedre utvikler!
For å skape litt stemning har eg funnet frem en video av fjorårets fyrverkeri fra London!
GODT NYTT ÅR!!
Om eg ikke blir brutt opp i bits eller inntar en binær form så vil det snart komme en ny blogg med nye erfaringer fra Mitt IT-eventyr i 2013!
mandag 31. desember 2012
fredag 28. desember 2012
Vel overstått Jul
Heisann!
Da var julaften forbi, alle eksamener er levert og forhåpentligvis bestått.
Men hva har man igjen etter et halvt år på skole? Bortsett fra et hode som er tungt, mange flere timer foran pc'en enn man kanskje har godt av og avslutningsvis en førjulstid bestående av eksamener?
Man har fått kunnskap! Kunnskap til å gjøre mer avanserte ting enn man kunne før.
Så tenker kanskje du som leser dette... Hva slags ting? Det er da man må se på HVA man har lært.
En av de "tingene" eg har gått gjennom det siste halve året er HTML, hvordan man bygger opp en webside. Hvordan man kan kombinere forskjellige teknologier, og også hva som er tilgjengelig.
Med HTML5 nå ferdig definert av W3C så er det jo bare å sette i gang og utvikle HTML5 sider.
Hva skal man så utvikle? For min egen del blir det å videreutvikle den websiden eg allerede har. Tilføre nye elementer og gjøre et forsøk på å få den til å virke mer profesjonell.
I november i år skrev eg et innlegg der eg nevnte at det kanskje kom en blogg med et tips om årets jule app. For min del har bruk av iPhone, iPad, pc bestått av noe heeelt annet enn skolerelaterte temaer. Spill har preget det meste av bruken. Og det er jo litt det julen handler om. Å koble av, kanskje koble ut og gjøre noe annet.
I denne bloggen har ikke fokuset på spill vært det som har tatt størst plass, men denne gangen, i en av året 2012s siste innlegg vil eg fremheve ett spill som har tatt min tid mer enn en gang denne julefeiringen.
"Where's My Water?" av Disney som er i sjangeren av spill som krever at man kan utføre forskjellige hendelser i riktig rekkefølge. Av og til starter brettet med det samme så man ikke får sjans til å tenke og planlegge sitt neste trekk, men det er bare litt av morroa!
Spillet passer for de fleste fra sånn ca skolealder til godt opp i åra!
Om du vil lese mer om det er linken her:
https://itunes.apple.com/no/app/wheres-my-water/id449735650?l=nb&mt=8
Ønsker Dere alle en fremdeles God Jul og et Godt nytt år i 2013!
Om eg ikke blir brutt opp i bits eller inntar en binær form så vil det snart komme en ny blogg med nye erfaringer fra Mitt IT-eventyr!
Da var julaften forbi, alle eksamener er levert og forhåpentligvis bestått.
Men hva har man igjen etter et halvt år på skole? Bortsett fra et hode som er tungt, mange flere timer foran pc'en enn man kanskje har godt av og avslutningsvis en førjulstid bestående av eksamener?
Man har fått kunnskap! Kunnskap til å gjøre mer avanserte ting enn man kunne før.
Så tenker kanskje du som leser dette... Hva slags ting? Det er da man må se på HVA man har lært.
En av de "tingene" eg har gått gjennom det siste halve året er HTML, hvordan man bygger opp en webside. Hvordan man kan kombinere forskjellige teknologier, og også hva som er tilgjengelig.
Med HTML5 nå ferdig definert av W3C så er det jo bare å sette i gang og utvikle HTML5 sider.
Hva skal man så utvikle? For min egen del blir det å videreutvikle den websiden eg allerede har. Tilføre nye elementer og gjøre et forsøk på å få den til å virke mer profesjonell.
I november i år skrev eg et innlegg der eg nevnte at det kanskje kom en blogg med et tips om årets jule app. For min del har bruk av iPhone, iPad, pc bestått av noe heeelt annet enn skolerelaterte temaer. Spill har preget det meste av bruken. Og det er jo litt det julen handler om. Å koble av, kanskje koble ut og gjøre noe annet.
I denne bloggen har ikke fokuset på spill vært det som har tatt størst plass, men denne gangen, i en av året 2012s siste innlegg vil eg fremheve ett spill som har tatt min tid mer enn en gang denne julefeiringen.
"Where's My Water?" av Disney som er i sjangeren av spill som krever at man kan utføre forskjellige hendelser i riktig rekkefølge. Av og til starter brettet med det samme så man ikke får sjans til å tenke og planlegge sitt neste trekk, men det er bare litt av morroa!
Spillet passer for de fleste fra sånn ca skolealder til godt opp i åra!
Om du vil lese mer om det er linken her:
https://itunes.apple.com/no/app/wheres-my-water/id449735650?l=nb&mt=8
Ønsker Dere alle en fremdeles God Jul og et Godt nytt år i 2013!
Om eg ikke blir brutt opp i bits eller inntar en binær form så vil det snart komme en ny blogg med nye erfaringer fra Mitt IT-eventyr!
torsdag 29. november 2012
Teamarbeid over internettet
Heisann!
Ja, no er det virkelig lenge siden sist blogginnlegg. Grunnen har vært mye skolearbeid, der prosjektarbeid på to større prosjekter har vært det som har tatt min tid.
Og det er erfaringen fra disse prosjektene eg vil dele.
Til begge oppgavene har teamsammensetningen vært lik.
Det spennende med dette teamet er at vi har vært plassert geografisk på 4 steder på en slik måte at vi ikke har hatt mulighet til å besøke hverandre i det daglige. Så bruk av digitale hjelpemidler via internett har vært essensielt.
Av redskaper vi har brukt for å kommunisere har vi hatt Google Disk, Lync (via skolen), Skype, SMS, mail, og telefoni.
Prosjektene vi har hatt har vært:
1. Programmering av et spill i Visual Basic med tilhørende rapportering
2. Utvikling av et nettsted med tilhørende rapportering
Prosjekt nummer to kom ca halvveis ut i arbeidet med prosjekt nummer en.
Vi var ikke nødt til å ha samme teamsammensetning på begge prosjektene, men vi valgte å gjøre det da vi følte at vi allerede hadde etablert det vi trengte av møteplasser/tidspunkter og verktøy for å fullføre dette på en god måte.
Og det var litt av nøkkelen her.
Samarbeidsplattformen. Som bestod i ukentlige teammøter som man fikk innkalling til 2 dager i forveien. Felles lagringsplass på Google Disk. Oppgaver gitt som skulle vært utført til neste møte.
Prosjekt nummer en var en betydelig større oppgave enn Prosjekt nummer to, og det var flott at vi fikk denne oppgaven først, da eventuelle problemer ville blitt avdekket her.
Spillet vi valgte i Prosjekt nummer en var HangMan. Vi kunne velge mellom HangMan, Sudoku eller en Scoreboard til Bowling.
Utfordringen med Prosjekt nummer en - Programmering av et spill i visual basic var samkjøringen når man skulle lage koden. Det ble løst med at man tok ansvar for koding etter tur, zippet programmet, og lastet opp på Google Disk så resten av teamet kunne laste ned og teste.
De som ikke tok seg av selve kodingen fikk dokumentansvar og ansvar for å skaffe bilder til grafiske effekter. For dette teamet fungerte dette. I motsetningen til Prosjekt to var det ikke like lett å følge utviklingen dag for dag på HangMan. Det ble gjerne helst den som satt med kodeansvaret den uken som så fremgangen. Hadde man ikke vært fysisk atskilt ville opplevelsen her blitt annerledes. Til den som leser dette og no mener at det finnes måter vi kunne gjort dette annerledes på, skal det nevnes at vi var alle nybegynnere innen programmering og i teorien hadde kun den intro kunnskapen skolen hadde tildelt oss. Metoder og kommunikasjon var overlatt helt til oss å finne.
Prosjekt nummer to, som var utvikling av et nettsted, ble en helt annen opplevelse med tanke på å jobbe i et utviklingsteam som ikke sitter i samme rom. Selv om menneskene var de samme og plattformen var lik som Prosjekt nummer en var dette enklere. Her var det bare å skrive koden, laste den opp til en server med for eksempel FileZilla og så kunne resten av teamet gi tilbakemelding på direkten om hva som fungerte, ikke fungerte. Dette gjorde til at vi kunne bestemme oss for et tidspunkt, laste inn verktøyene vi trengte og utvikle dette sammen i et høyere tempo enn vi klarte med Prosjekt nummer en.
Det som OGSÅ gjorde det hele mye enklere var at man kunne sitte og lese koden i samme øyeblikk som en av de andre hadde lastet den opp.
Totalt har disse prosjektene vart i 2,5 måneder.
Erfaring av disse to prosjektene har vært at med god struktur og en på forhånd avtalt plattform så lar det seg løse selv om man ikke sitter på samme sted.
Utfallet / resultatet av prosjektene foreligger ikke i det dette innlegget skrives. Selv om eg ikke tviler på at resultatet vil bli et vi kan være fornøyd med er nok erfaringen rundt utførelsen gjerne like viktig.
Det som nå gjenstår av første semester er 4 eksamener og så er det jul.
Se frem til et innlegg, om ikke så lenge, som omhandler JuleAppen
Om eg ikke blir brutt opp i bits eller inntar en binær form så vil det snart komme en ny blogg med nye erfaringer fra Mitt IT-eventyr!
Ja, no er det virkelig lenge siden sist blogginnlegg. Grunnen har vært mye skolearbeid, der prosjektarbeid på to større prosjekter har vært det som har tatt min tid.
Og det er erfaringen fra disse prosjektene eg vil dele.
Til begge oppgavene har teamsammensetningen vært lik.
Det spennende med dette teamet er at vi har vært plassert geografisk på 4 steder på en slik måte at vi ikke har hatt mulighet til å besøke hverandre i det daglige. Så bruk av digitale hjelpemidler via internett har vært essensielt.
Av redskaper vi har brukt for å kommunisere har vi hatt Google Disk, Lync (via skolen), Skype, SMS, mail, og telefoni.
Prosjektene vi har hatt har vært:
1. Programmering av et spill i Visual Basic med tilhørende rapportering
2. Utvikling av et nettsted med tilhørende rapportering
Prosjekt nummer to kom ca halvveis ut i arbeidet med prosjekt nummer en.
Vi var ikke nødt til å ha samme teamsammensetning på begge prosjektene, men vi valgte å gjøre det da vi følte at vi allerede hadde etablert det vi trengte av møteplasser/tidspunkter og verktøy for å fullføre dette på en god måte.
Og det var litt av nøkkelen her.
Samarbeidsplattformen. Som bestod i ukentlige teammøter som man fikk innkalling til 2 dager i forveien. Felles lagringsplass på Google Disk. Oppgaver gitt som skulle vært utført til neste møte.
Prosjekt nummer en var en betydelig større oppgave enn Prosjekt nummer to, og det var flott at vi fikk denne oppgaven først, da eventuelle problemer ville blitt avdekket her.
Spillet vi valgte i Prosjekt nummer en var HangMan. Vi kunne velge mellom HangMan, Sudoku eller en Scoreboard til Bowling.
Utfordringen med Prosjekt nummer en - Programmering av et spill i visual basic var samkjøringen når man skulle lage koden. Det ble løst med at man tok ansvar for koding etter tur, zippet programmet, og lastet opp på Google Disk så resten av teamet kunne laste ned og teste.
De som ikke tok seg av selve kodingen fikk dokumentansvar og ansvar for å skaffe bilder til grafiske effekter. For dette teamet fungerte dette. I motsetningen til Prosjekt to var det ikke like lett å følge utviklingen dag for dag på HangMan. Det ble gjerne helst den som satt med kodeansvaret den uken som så fremgangen. Hadde man ikke vært fysisk atskilt ville opplevelsen her blitt annerledes. Til den som leser dette og no mener at det finnes måter vi kunne gjort dette annerledes på, skal det nevnes at vi var alle nybegynnere innen programmering og i teorien hadde kun den intro kunnskapen skolen hadde tildelt oss. Metoder og kommunikasjon var overlatt helt til oss å finne.
Prosjekt nummer to, som var utvikling av et nettsted, ble en helt annen opplevelse med tanke på å jobbe i et utviklingsteam som ikke sitter i samme rom. Selv om menneskene var de samme og plattformen var lik som Prosjekt nummer en var dette enklere. Her var det bare å skrive koden, laste den opp til en server med for eksempel FileZilla og så kunne resten av teamet gi tilbakemelding på direkten om hva som fungerte, ikke fungerte. Dette gjorde til at vi kunne bestemme oss for et tidspunkt, laste inn verktøyene vi trengte og utvikle dette sammen i et høyere tempo enn vi klarte med Prosjekt nummer en.
Det som OGSÅ gjorde det hele mye enklere var at man kunne sitte og lese koden i samme øyeblikk som en av de andre hadde lastet den opp.
Totalt har disse prosjektene vart i 2,5 måneder.
Erfaring av disse to prosjektene har vært at med god struktur og en på forhånd avtalt plattform så lar det seg løse selv om man ikke sitter på samme sted.
Utfallet / resultatet av prosjektene foreligger ikke i det dette innlegget skrives. Selv om eg ikke tviler på at resultatet vil bli et vi kan være fornøyd med er nok erfaringen rundt utførelsen gjerne like viktig.
Det som nå gjenstår av første semester er 4 eksamener og så er det jul.
Se frem til et innlegg, om ikke så lenge, som omhandler JuleAppen
Om eg ikke blir brutt opp i bits eller inntar en binær form så vil det snart komme en ny blogg med nye erfaringer fra Mitt IT-eventyr!
tirsdag 30. oktober 2012
Wordle
Heisann!
Du har kanskje en jobb der presentasjoner tar en del av tiden din. Kanskje du er kompetanseutvikler i et større firma eller kanskje du har tatt på deg et prosjekt der du skal avslutte med en presentasjon for sjefen. Du har behov for å ha tilgjengelig en del ord/stikkord som et slags mindmap (se blogginnlegg om Mindmaps i juli)
Eller kanskje du rett og slett har lyst å lage noen artige invitasjoner til hagefesten i nabolaget?!
Og det kan jo kanskje hende at grafikk ikke er din største egenskap...
Frustrerende er det ikke?
Ikke bry deg om det, alt kan fikses!
På www.wordle.net er dette enkelt å gjøre noe med.
wordle.net presenterer seg som et leketøy der du kan mikse ord!
Velg 'Create', legg inn alle ordene du ønsker å ha med, og klikk 'Go'
Og du blir presentert med et bilde med alle ordene du ville ha med! Og er du så lite grafisk som meg er det bare å trykke på 'Randomize' helt til du finner noe du liker.
Men om du er av sorten som helst vil klare sjøl så kan du velge Font, Layout og Farge.
Der er stilt et galleri tilgjengelig om du trenger litt inspirasjon, strengt tatt trenger man ikke det.
Dette kan til og med pappa klare!
Om eg ikke blir brutt opp i bits eller inntar en binær form så vil det snart komme en ny blogg med nye erfaringer fra Mitt IT-eventyr!
Du har kanskje en jobb der presentasjoner tar en del av tiden din. Kanskje du er kompetanseutvikler i et større firma eller kanskje du har tatt på deg et prosjekt der du skal avslutte med en presentasjon for sjefen. Du har behov for å ha tilgjengelig en del ord/stikkord som et slags mindmap (se blogginnlegg om Mindmaps i juli)
Eller kanskje du rett og slett har lyst å lage noen artige invitasjoner til hagefesten i nabolaget?!
Og det kan jo kanskje hende at grafikk ikke er din største egenskap...
Frustrerende er det ikke?
Ikke bry deg om det, alt kan fikses!
På www.wordle.net er dette enkelt å gjøre noe med.
wordle.net presenterer seg som et leketøy der du kan mikse ord!
Velg 'Create', legg inn alle ordene du ønsker å ha med, og klikk 'Go'
Og du blir presentert med et bilde med alle ordene du ville ha med! Og er du så lite grafisk som meg er det bare å trykke på 'Randomize' helt til du finner noe du liker.
Men om du er av sorten som helst vil klare sjøl så kan du velge Font, Layout og Farge.
Der er stilt et galleri tilgjengelig om du trenger litt inspirasjon, strengt tatt trenger man ikke det.
Dette kan til og med pappa klare!
Om eg ikke blir brutt opp i bits eller inntar en binær form så vil det snart komme en ny blogg med nye erfaringer fra Mitt IT-eventyr!
onsdag 24. oktober 2012
HMTL5 og video-tag
Heisann!
Bloggen min heter "Mitt IT-eventyr", og innimellom så føles tiden foran pc'en slik.
Som et eventyr á la Alice i Eventyrland som er blitt digitalisert.
Forleden dag fikk vi på skolen i oppgave å finne en av våre egne videoer og lage en html side med den som en del av den. Kordan vi valgte å gjøre det var opp til oss. Ukjent med utfordringene eg kunne komme til å støte på kastet eg meg over denne "enkle" oppgaven. Hele leksjonen på 5 ulike oppgaver skulle ikke ta meg mer enn kanskje en time, mente eg.
Eg startet med nullpunktet mitt, slik eg alltid gjør med standard html tagging for å lage meg en html fil og knytte den til en standard style.css fil. Alt slik kan du lese om i tidligere innlegg på denne bloggen.
Så bestemte eg meg for å bruke en video fra min iPhone4. Filformat .mov Først rotet eg meg inn på en runddans med <object> - taggen. Der alt viste seg å virke fint i browseren Google Chrome (på min maskin). Fortsatte testen med de 4 andre browserne eg bruker til slik testing og oppdager plutselig at dette ikke virker slik det var tiltenkt. Jaja... Vi får prøve på nytt.
De fem eg bruker er Google Chrome, Firefox, Internet Explorer, Safari og Opera.
Som sagt, eg skulle prøve noe annet. Så eg satt i gang med HTML5 sin <video> tag. Og en .mov fil. Eller quicktime format om du vil..
Før eg går videre vil eg du skal forstå at video, video redigering, formater og slikt er ikke daglig kost. Så eg satte i gang og laget siden med nytt mot.
Denne gangen var opplevelsen at videosnutten min ble vist frem "oppned", noe som var veldig frustrerende når eg skjønte at eg kanskje måtte filme en ny snutt. Så siden tanken min var at alt kan ordnes så fant eg en måte via CSS å snu den på! Og gleden over å ha klart det varte akkurat så lenge som det tar å innse at også 'play' knappen og alle andre knapper nå var på hodet.
Etter et desperat søk på google innså eg at det var mulig å lage en knapperad i javascript, men nå hadde eg allerede brukt så mye tid at eg ønsket ikke den biten i tillegg.
Så da ble det nytt forsøk og et tredje forsøk. Legg merke til at eg fremdeles roter med filer med .MOV format.
Lager det til slik eg tror det skal med både visning av feil og rett video, sjekker at alt fungerer i mine browsere og så legger eg det ut på serveren, kun for å oppdage at det er kun hjemme hos meg det fungerer.
Leser over leksjonen igjen, og begynner å innse at eg kanskje burde heller prøve å få et annet format på disse snuttene. Så en ny jakt starter, jakten på en converter. Som tidligere skrevet er ikke dette mitt største interessefelt (så langt), men en gang skal være den første.
Så nedlastingsraten i heimen økte sakte, men sikkert i takt med stressnivået.
Følgende convertere ble prøvd:
EasyHTML5 Video
MIRO Video Converter
Any Video Converter
Handbrake
og sist, men ikke minst...
VLC
Når eg hadde vært gjennom denne runden hadde eg konvertert begge snuttene til både .mp4 OG .ogg
Som er formater som skal virke bra med <video> - taggen.
Joda, det skaffet meg noen erfaringer, og eg har denne gangen fått testet ny kunnskap til gangs.
Fremdeles synes eg det minner om et eventyr, for i de fleste eventyr ender det godt. Det gjorde det også denne gang, trodde eg i går når eg slo av maskinen for å legge meg, nesten en time etter eg BURDE vært i seng.
Kun for å oppdage når eg kom på jobb i dag og skulle se på resultatet i en versjon av IE9. Jammen?Det virket jo..? Så klart skjønte ikke en amatør som meg dette. Der var ikke noe som tydet på at her var noen videoer. Eg husket å ha lest at eg burde legge inn en tekst/melding til brukeren i slike situasjoner.Men det hadde eg jo ikke gjort. Hallo? Det virket jo?
Så det er klart at det første eg gjorde når eg kom hjem var å rette opp den lille tabben. OG testet mot IE9.
Om DU har lyst å lage en html side med video så kan du lære om det her:
http://www.w3schools.com/html/html5_video.asp
Og der kan du også teste om browseren/nettleseren din takler dette.
Og her er videoen som eg KANSKJE burde sett FØR eg rotet meg inn i dette på egen hånd ;)
Om eg ikke blir brutt opp i bits eller inntar en binær form så vil det snart komme en ny blogg med nye erfaringer fra Mitt IT-eventyr!
Bloggen min heter "Mitt IT-eventyr", og innimellom så føles tiden foran pc'en slik.
Som et eventyr á la Alice i Eventyrland som er blitt digitalisert.
Forleden dag fikk vi på skolen i oppgave å finne en av våre egne videoer og lage en html side med den som en del av den. Kordan vi valgte å gjøre det var opp til oss. Ukjent med utfordringene eg kunne komme til å støte på kastet eg meg over denne "enkle" oppgaven. Hele leksjonen på 5 ulike oppgaver skulle ikke ta meg mer enn kanskje en time, mente eg.
Eg startet med nullpunktet mitt, slik eg alltid gjør med standard html tagging for å lage meg en html fil og knytte den til en standard style.css fil. Alt slik kan du lese om i tidligere innlegg på denne bloggen.
Så bestemte eg meg for å bruke en video fra min iPhone4. Filformat .mov Først rotet eg meg inn på en runddans med <object> - taggen. Der alt viste seg å virke fint i browseren Google Chrome (på min maskin). Fortsatte testen med de 4 andre browserne eg bruker til slik testing og oppdager plutselig at dette ikke virker slik det var tiltenkt. Jaja... Vi får prøve på nytt.
De fem eg bruker er Google Chrome, Firefox, Internet Explorer, Safari og Opera.
Som sagt, eg skulle prøve noe annet. Så eg satt i gang med HTML5 sin <video> tag. Og en .mov fil. Eller quicktime format om du vil..
Før eg går videre vil eg du skal forstå at video, video redigering, formater og slikt er ikke daglig kost. Så eg satte i gang og laget siden med nytt mot.
Denne gangen var opplevelsen at videosnutten min ble vist frem "oppned", noe som var veldig frustrerende når eg skjønte at eg kanskje måtte filme en ny snutt. Så siden tanken min var at alt kan ordnes så fant eg en måte via CSS å snu den på! Og gleden over å ha klart det varte akkurat så lenge som det tar å innse at også 'play' knappen og alle andre knapper nå var på hodet.
Etter et desperat søk på google innså eg at det var mulig å lage en knapperad i javascript, men nå hadde eg allerede brukt så mye tid at eg ønsket ikke den biten i tillegg.
Så da ble det nytt forsøk og et tredje forsøk. Legg merke til at eg fremdeles roter med filer med .MOV format.
Lager det til slik eg tror det skal med både visning av feil og rett video, sjekker at alt fungerer i mine browsere og så legger eg det ut på serveren, kun for å oppdage at det er kun hjemme hos meg det fungerer.
Leser over leksjonen igjen, og begynner å innse at eg kanskje burde heller prøve å få et annet format på disse snuttene. Så en ny jakt starter, jakten på en converter. Som tidligere skrevet er ikke dette mitt største interessefelt (så langt), men en gang skal være den første.
Så nedlastingsraten i heimen økte sakte, men sikkert i takt med stressnivået.
Følgende convertere ble prøvd:
EasyHTML5 Video
MIRO Video Converter
Any Video Converter
Handbrake
og sist, men ikke minst...
VLC
Når eg hadde vært gjennom denne runden hadde eg konvertert begge snuttene til både .mp4 OG .ogg
Som er formater som skal virke bra med <video> - taggen.
Joda, det skaffet meg noen erfaringer, og eg har denne gangen fått testet ny kunnskap til gangs.
Fremdeles synes eg det minner om et eventyr, for i de fleste eventyr ender det godt. Det gjorde det også denne gang, trodde eg i går når eg slo av maskinen for å legge meg, nesten en time etter eg BURDE vært i seng.
Kun for å oppdage når eg kom på jobb i dag og skulle se på resultatet i en versjon av IE9. Jammen?Det virket jo..? Så klart skjønte ikke en amatør som meg dette. Der var ikke noe som tydet på at her var noen videoer. Eg husket å ha lest at eg burde legge inn en tekst/melding til brukeren i slike situasjoner.Men det hadde eg jo ikke gjort. Hallo? Det virket jo?
Så det er klart at det første eg gjorde når eg kom hjem var å rette opp den lille tabben. OG testet mot IE9.
Om DU har lyst å lage en html side med video så kan du lære om det her:
http://www.w3schools.com/html/html5_video.asp
Og der kan du også teste om browseren/nettleseren din takler dette.
Og her er videoen som eg KANSKJE burde sett FØR eg rotet meg inn i dette på egen hånd ;)
Om eg ikke blir brutt opp i bits eller inntar en binær form så vil det snart komme en ny blogg med nye erfaringer fra Mitt IT-eventyr!
lørdag 20. oktober 2012
Imgur - dele bilder på nett
Hei igjen!
For ikke så veldig mange dagene nevnte eg tjenesten pastebin.com, som var godt tilrettelagt for tekst.
Men hva med bilder da?
Joda, det finnes tjenester for bilder, som kan ligne litt på pastebin.
imgur.com er en slik tjeneste.
Det er nå en gang slik at bildefiler tar en del større plass enn tekst, og skal man sende de, videresende de, så vil man fort fylle opp mailen sin, og for den saks skyld alle andre sin.
Kanskje du jobber i et prosjekt som skal lage et bilde, eller du får en feilmelding i et system som du vil ha noen til å tolke for deg.
Da er imgur.com veldig grei.
Finn bildet du skal ha, kopier det (legg det på utklippstavlen) og lim det inn under 'Upload Images'
I retur får du opp en ny side med en Short URL som her: http://imgur.com/ssxrP
Om du ikke har lest min blogginnlegg før, kan du lese om short url her:
http://bamsehiet.blogspot.no/2012/07/short-urls_29.html
Om eg ikke blir brutt opp i bits eller inntar en binær form så vil det snart komme en ny blogg med nye erfaringer fra Mitt IT-eventyr!
For ikke så veldig mange dagene nevnte eg tjenesten pastebin.com, som var godt tilrettelagt for tekst.
Men hva med bilder da?
Joda, det finnes tjenester for bilder, som kan ligne litt på pastebin.
imgur.com er en slik tjeneste.
Det er nå en gang slik at bildefiler tar en del større plass enn tekst, og skal man sende de, videresende de, så vil man fort fylle opp mailen sin, og for den saks skyld alle andre sin.
Kanskje du jobber i et prosjekt som skal lage et bilde, eller du får en feilmelding i et system som du vil ha noen til å tolke for deg.
Da er imgur.com veldig grei.
Finn bildet du skal ha, kopier det (legg det på utklippstavlen) og lim det inn under 'Upload Images'
I retur får du opp en ny side med en Short URL som her: http://imgur.com/ssxrP
Om du ikke har lest min blogginnlegg før, kan du lese om short url her:
http://bamsehiet.blogspot.no/2012/07/short-urls_29.html
Om eg ikke blir brutt opp i bits eller inntar en binær form så vil det snart komme en ny blogg med nye erfaringer fra Mitt IT-eventyr!
fredag 19. oktober 2012
Hverdagsmagi med Twitter og Facebook?
Heisann!
Kan man skape hverdagsmagi med Twitter og Facebook ?
Kan man oppnå en følelse av hverdagsmagi med Twitter og Facebook?
Eg vil si ja takk, begge deler!
Om du er ny på disse to sosiale mediene eller fremdeles befinner deg i startgropen/tenkeboksen, så skal du ta med deg forskjellene forklart så enkelt som mulig.
Facebook (om du er der som privat person) er dine venner og dine interesser. Twitter er resten av verden.
Og så er det å prøve å stå for sine utsagn om hverdagsmagi sett opp mot to av internettets største kommunikasjonsmedier.
Først vil eg nevne gleden over å fremdeles få en god følelse hver gang noen har sendt en vennespørsel på Facebook, selv om antall venner etterhvert har blitt 3-sifret. At noen fremdeles husker deg, gjerne etter et gitt antall år og vil ha kontakt er smigrende i seg selv.
Eller når man får en ny melding om at man har fått en ny følger på Twitter! I mitt tilfelle bruker eg kun Twitter til å fortelle om nye blogginnlegg, og en sjelden gang en nyhet, relatert til IT. Gitt en publiseringsrate som ikke er for høy, er det fremdeles positivt overraskende at noen har fanget opp min tvitring!
I Norge er vi så heldige å ha 2 menn som fra tid til annen har #Sofaprat med diverse sosiale temaer.
Og det var en gang, slik begynner alle eventyr, da eg fikk tid til å høre på disse to, at temaet var Twitter og følgere. Og her kommer et av poengene mine med å oppnå følelse av hverdagsmagi, der man også får en mulighet til å skape litt hverdagsmagi. Når man får denne mailen, meldingen om en ny person, et nytt firma som no følger deg, hvorfor ikke benytte muligheten til å "gjengjelde" den? Hvis noen velger å vise interesse i deg, så kanskje man kan vise litt interesse tilbake?
Eg har iallefall gjort det til en god vane å returnere interessen.
Man kan ta som eksempel offentlige personer som har mange tusen følgere, og som selv kanskje følger noen få. Ikke spesielt troverdig eller takknemlig, spør du meg.
Senest i dag fikk eg en slik hverdagsmagisk følelse. En person eg overhodet ikke gjenkjente navnet på hadde valgt å følge meg, og det er jo spennende å finne ut kem det er som har tittet på seg, så eg gikk inn og så over profilen til vedkommende. Eg likte det eg så, eg satt til og med og smilte i ettertid, noe eg ikke ville gjort, av samme grunn, om eg ikke hadde "sjekket opp" kem som hadde "sjekket opp" meg.
Er DU klar for å oppleve litt magi?
Eller er du en av de som har hørt om alt det tullet som er på Facebook, eller mener at du selv ikke har tid til å være på twitter?
Når det gjelder Facebook og Twitter, så er de som så mye annet i denne verdenen, ka du selv velger å gjøre de til!
Man er ikke nødt å si ja til alt og alle, man kan velge vekk uønskede ting og selv snekre sammen to sosiale tjenester som gir en, en følelse av hverdagsmagi!
Om eg ikke blir brutt opp i bits eller inntar en binær form så vil det snart komme en ny blogg med nye erfaringer fra Mitt IT-eventyr!
Kan man skape hverdagsmagi med Twitter og Facebook ?
Kan man oppnå en følelse av hverdagsmagi med Twitter og Facebook?
Eg vil si ja takk, begge deler!
Om du er ny på disse to sosiale mediene eller fremdeles befinner deg i startgropen/tenkeboksen, så skal du ta med deg forskjellene forklart så enkelt som mulig.
Facebook (om du er der som privat person) er dine venner og dine interesser. Twitter er resten av verden.
Og så er det å prøve å stå for sine utsagn om hverdagsmagi sett opp mot to av internettets største kommunikasjonsmedier.
Først vil eg nevne gleden over å fremdeles få en god følelse hver gang noen har sendt en vennespørsel på Facebook, selv om antall venner etterhvert har blitt 3-sifret. At noen fremdeles husker deg, gjerne etter et gitt antall år og vil ha kontakt er smigrende i seg selv.
Eller når man får en ny melding om at man har fått en ny følger på Twitter! I mitt tilfelle bruker eg kun Twitter til å fortelle om nye blogginnlegg, og en sjelden gang en nyhet, relatert til IT. Gitt en publiseringsrate som ikke er for høy, er det fremdeles positivt overraskende at noen har fanget opp min tvitring!
I Norge er vi så heldige å ha 2 menn som fra tid til annen har #Sofaprat med diverse sosiale temaer.
Og det var en gang, slik begynner alle eventyr, da eg fikk tid til å høre på disse to, at temaet var Twitter og følgere. Og her kommer et av poengene mine med å oppnå følelse av hverdagsmagi, der man også får en mulighet til å skape litt hverdagsmagi. Når man får denne mailen, meldingen om en ny person, et nytt firma som no følger deg, hvorfor ikke benytte muligheten til å "gjengjelde" den? Hvis noen velger å vise interesse i deg, så kanskje man kan vise litt interesse tilbake?
Eg har iallefall gjort det til en god vane å returnere interessen.
Man kan ta som eksempel offentlige personer som har mange tusen følgere, og som selv kanskje følger noen få. Ikke spesielt troverdig eller takknemlig, spør du meg.
Senest i dag fikk eg en slik hverdagsmagisk følelse. En person eg overhodet ikke gjenkjente navnet på hadde valgt å følge meg, og det er jo spennende å finne ut kem det er som har tittet på seg, så eg gikk inn og så over profilen til vedkommende. Eg likte det eg så, eg satt til og med og smilte i ettertid, noe eg ikke ville gjort, av samme grunn, om eg ikke hadde "sjekket opp" kem som hadde "sjekket opp" meg.
Er DU klar for å oppleve litt magi?
Eller er du en av de som har hørt om alt det tullet som er på Facebook, eller mener at du selv ikke har tid til å være på twitter?
Når det gjelder Facebook og Twitter, så er de som så mye annet i denne verdenen, ka du selv velger å gjøre de til!
Man er ikke nødt å si ja til alt og alle, man kan velge vekk uønskede ting og selv snekre sammen to sosiale tjenester som gir en, en følelse av hverdagsmagi!
Om eg ikke blir brutt opp i bits eller inntar en binær form så vil det snart komme en ny blogg med nye erfaringer fra Mitt IT-eventyr!
tirsdag 16. oktober 2012
Pastebin
Heisann!
Nei, eg har ikke sluttet med å blogge, men den kjente tidsklemma innhenter oss alle på et eller annet tidspunkt. Men her er eg iallefall med et nytt innlegg. La oss håpe at eg finner tid til å komme med flere snart!
Denne gangen vil eg nevne en side som heter pastebin.com
For en tid tilbake satt eg og skulle jobbe med databaser og trengte hjelp av en kollega for å få dette til.
Og kem kjenner seg ikke igjen, enten fra jobb eller skole der man sender og mottar IM etter IM for å løse en oppgave.Til slutt har det gått så mange IM'er at man gjerne ikke lengre husker ka man begynte med. (IM - Instant Messages (LYNC/MSN))
pastebin.com
Her limer du inn teksten du vil mottaker skal lese og trykker Submit.
Da får du tildelt en link som ser slik ut (http://pastebin.com/hPVHkui1) Les gjerne blogginnlegg om Short Urls fra juli.
Når mottaker limer inn linken du har sendt får vedkommende presentert teksten på 2 måter.
1. Nummerert med linjenummer. Dette er genialt for korrekturlesing både at programmeringskode, spørresetninger mot database og generelt om man trenger hjelp til å formulere seg.
2.En versjon av teksten slik den ble limt inn.
Det fine her er at man trenger ikke noe pålogging eller brukernavn, man kan bare bruke den siden "as is"!
Det var dagens lille tips! Om du har flere slike lure sider er det bare å sende meg en mld så skal eg dele den med flere!
Om eg ikke blir brutt opp i bits eller inntar en binær form så vil det snart komme en ny blogg med nye erfaringer fra Mitt IT-eventyr!
Nei, eg har ikke sluttet med å blogge, men den kjente tidsklemma innhenter oss alle på et eller annet tidspunkt. Men her er eg iallefall med et nytt innlegg. La oss håpe at eg finner tid til å komme med flere snart!
Denne gangen vil eg nevne en side som heter pastebin.com
For en tid tilbake satt eg og skulle jobbe med databaser og trengte hjelp av en kollega for å få dette til.
Og kem kjenner seg ikke igjen, enten fra jobb eller skole der man sender og mottar IM etter IM for å løse en oppgave.Til slutt har det gått så mange IM'er at man gjerne ikke lengre husker ka man begynte med. (IM - Instant Messages (LYNC/MSN))
pastebin.com
Her limer du inn teksten du vil mottaker skal lese og trykker Submit.
Da får du tildelt en link som ser slik ut (http://pastebin.com/hPVHkui1) Les gjerne blogginnlegg om Short Urls fra juli.
Når mottaker limer inn linken du har sendt får vedkommende presentert teksten på 2 måter.
1. Nummerert med linjenummer. Dette er genialt for korrekturlesing både at programmeringskode, spørresetninger mot database og generelt om man trenger hjelp til å formulere seg.
2.En versjon av teksten slik den ble limt inn.
Det fine her er at man trenger ikke noe pålogging eller brukernavn, man kan bare bruke den siden "as is"!
Det var dagens lille tips! Om du har flere slike lure sider er det bare å sende meg en mld så skal eg dele den med flere!
Om eg ikke blir brutt opp i bits eller inntar en binær form så vil det snart komme en ny blogg med nye erfaringer fra Mitt IT-eventyr!
torsdag 27. september 2012
Airdroid - endelig et droidinnlegg
Hei igjen!
Flere ganger i løpet av siste halvår har eg kjent på det faktum at alt for mye av det eg har skrevet om har vært veldig relatert til min interesse for iPhone/iPad og apps relatert til disse. Som eier av både en android telefon og et brett så følger eg også litt med på ting som rører seg på den siden.
Og det er ikke til å stikke under en stol at mye bra skjer, OGSÅ på den siden.
Denne gangen har eg kommet over en godbit på android. Som eg har testet littegrann.
Appen heter Airdroid og er tilgjengelig i Play. Man kan ikke låse seg til alle sine apparater hele tiden, av og til må man legge de fra seg. Kanskje fordi de må lades, eller kanskje fordi du rett og slett har noe på pc'en å gjøre.
Airdroid lar deg koble deg opp mot telefonen fra PC'en via web browseren din.
Du laster appen ned, får melding om å gå til en webside og taste inn en kode. Her får du tilgang til innholdet på mobilen og kan manøvrere deg smidig rundt med pc-musen.
Her kan du se på bildene og styre det meste med et veldig godt brukergrensesnitt.
Eg gjorde en liten test her i sted. Logget meg inn på android apparatet, la det vekk, sendte en melding fra en annen mobil. Og man får opp nye meldinger som kommer etter innlogging, i web browseren. Og etter en slik test MÅTTE det komme en test om eg kunne sende meldinger også. Det kan bekreftes.
Har enda til gode og teste det på android nettbrettet, men det kan jo kanskje bli neste prosjekt!
Om noen kjenner en lignende app for iOS er det bare å legge det inn på kommentar feltet under her!
Om eg ikke blir brutt opp i bits eller inntar en binær form så vil det snart komme en ny blogg med nye erfaringer fra Mitt IT-eventyr!
Flere ganger i løpet av siste halvår har eg kjent på det faktum at alt for mye av det eg har skrevet om har vært veldig relatert til min interesse for iPhone/iPad og apps relatert til disse. Som eier av både en android telefon og et brett så følger eg også litt med på ting som rører seg på den siden.
Og det er ikke til å stikke under en stol at mye bra skjer, OGSÅ på den siden.
Denne gangen har eg kommet over en godbit på android. Som eg har testet littegrann.
Appen heter Airdroid og er tilgjengelig i Play. Man kan ikke låse seg til alle sine apparater hele tiden, av og til må man legge de fra seg. Kanskje fordi de må lades, eller kanskje fordi du rett og slett har noe på pc'en å gjøre.
Airdroid lar deg koble deg opp mot telefonen fra PC'en via web browseren din.
Du laster appen ned, får melding om å gå til en webside og taste inn en kode. Her får du tilgang til innholdet på mobilen og kan manøvrere deg smidig rundt med pc-musen.
Her kan du se på bildene og styre det meste med et veldig godt brukergrensesnitt.
Eg gjorde en liten test her i sted. Logget meg inn på android apparatet, la det vekk, sendte en melding fra en annen mobil. Og man får opp nye meldinger som kommer etter innlogging, i web browseren. Og etter en slik test MÅTTE det komme en test om eg kunne sende meldinger også. Det kan bekreftes.
Har enda til gode og teste det på android nettbrettet, men det kan jo kanskje bli neste prosjekt!
Om noen kjenner en lignende app for iOS er det bare å legge det inn på kommentar feltet under her!
Om eg ikke blir brutt opp i bits eller inntar en binær form så vil det snart komme en ny blogg med nye erfaringer fra Mitt IT-eventyr!
onsdag 26. september 2012
Databaser Andre Del Ord og uttrykk
Hei igjen!
Mange av de eg har rundt meg som KAN databaser, iallefall har en utdannelse som tilsier at de kan, sier ofte; "Dette er et svært tørt fag.", "Det er veldig mye informasjon som må leses/læres.", "Du bør lese faget på engelsk, og ikke fornorsket, dårlig oversatt fagspråk"
Personlig tror eg mye henger sammen her. Min erfaring fra andre fag og studier eg har tatt er at i det øyeblikket det er veldig mange faguttrykk, som gjerne KUN er brukt av de som holder på med slikt, så oppfattes det som tørt.
I dette innlegget skal eg prøve å få forklart en del uttrykk, og kanskje forklare HVORFOR du skal huske på de.
Mye informasjon kan lett bli FOR MYE informasjon. Så for å gjøre det litt lystigere ser eg bare på 6 uttrykk denne gangen.
Se på dette som en oppvarming til Relasjonsmodellen
Hva er en relasjon?
Ordet relasjon har her en matematisk betydning som er knyttet til matematisk mengdelære. (Ikke ramle av, eg skal forklare ;) )
En mengde er en samling dataverdier som kan være enkeltverdier eller sammensatte verdier. Ingen av verdiene kan forekomme mer enn én gang i mengden, og verdiene er ikke ordnet på noen bestemt måte.
En relasjon er grunnenheten i en relasjonsdatabase. Og refererer til en tabell som inneholder tupler og attributter.
Hva er en attributt?
Ordet attributt brukes i relasjonsmodellen om en kolonne i en relasjon.
Hva er en tuppel?
I relasjonsmodellen brukes ordet tuppel om en tabellrad
Hva menes med Primærnøkkel?
Betegnelsen nøkler er veldig sentral i relasjonsmodellen. En Primærnøkkel er en attributt eller en kobinasjon av attributter som unikt identifiserer hver entitet.
Entitet er en faktisk forekomst. Om vi tar folkeregisteret som eksempel er ditt navn en faktisk forekomst i Deres database.
Og til slutt kardinalitet.
Hva er kardinalitet?
I matematikk er kardinalitet av en mengde den egenskapen som beskriver størrelsen av mengden ved å bruke et kardinaltall. For endelige mengder er da kardinaliteten antallet elementer i mengden
Har prøvd å skrive dette så enkelt som mulig, kanskje for enkelt. Men når eg skal presentere relasjonsmodellen håper eg at eg får vist det litt bedre.
Grunnen til at du skal "huske på" eller kjenne til uttrykkene er for å øke forståelsen for relasjonsmodellen.
En liten intro video til neste innlegg om databaser:
Om eg ikke blir brutt opp i bits eller inntar en binær form så vil det snart komme en ny blogg med nye erfaringer fra Mitt IT-eventyr!
Mange av de eg har rundt meg som KAN databaser, iallefall har en utdannelse som tilsier at de kan, sier ofte; "Dette er et svært tørt fag.", "Det er veldig mye informasjon som må leses/læres.", "Du bør lese faget på engelsk, og ikke fornorsket, dårlig oversatt fagspråk"
Personlig tror eg mye henger sammen her. Min erfaring fra andre fag og studier eg har tatt er at i det øyeblikket det er veldig mange faguttrykk, som gjerne KUN er brukt av de som holder på med slikt, så oppfattes det som tørt.
I dette innlegget skal eg prøve å få forklart en del uttrykk, og kanskje forklare HVORFOR du skal huske på de.
Mye informasjon kan lett bli FOR MYE informasjon. Så for å gjøre det litt lystigere ser eg bare på 6 uttrykk denne gangen.
Se på dette som en oppvarming til Relasjonsmodellen
- Relasjon
- Attributt
- Tuppel
- Primærnøkkel
- Entitet
- Kardinalitet
Hva er en relasjon?
Ordet relasjon har her en matematisk betydning som er knyttet til matematisk mengdelære. (Ikke ramle av, eg skal forklare ;) )
En mengde er en samling dataverdier som kan være enkeltverdier eller sammensatte verdier. Ingen av verdiene kan forekomme mer enn én gang i mengden, og verdiene er ikke ordnet på noen bestemt måte.
En relasjon er grunnenheten i en relasjonsdatabase. Og refererer til en tabell som inneholder tupler og attributter.
Hva er en attributt?
Ordet attributt brukes i relasjonsmodellen om en kolonne i en relasjon.
Hva er en tuppel?
I relasjonsmodellen brukes ordet tuppel om en tabellrad
Hva menes med Primærnøkkel?
Betegnelsen nøkler er veldig sentral i relasjonsmodellen. En Primærnøkkel er en attributt eller en kobinasjon av attributter som unikt identifiserer hver entitet.
Entitet er en faktisk forekomst. Om vi tar folkeregisteret som eksempel er ditt navn en faktisk forekomst i Deres database.
Og til slutt kardinalitet.
Hva er kardinalitet?
I matematikk er kardinalitet av en mengde den egenskapen som beskriver størrelsen av mengden ved å bruke et kardinaltall. For endelige mengder er da kardinaliteten antallet elementer i mengden
Har prøvd å skrive dette så enkelt som mulig, kanskje for enkelt. Men når eg skal presentere relasjonsmodellen håper eg at eg får vist det litt bedre.
Grunnen til at du skal "huske på" eller kjenne til uttrykkene er for å øke forståelsen for relasjonsmodellen.
En liten intro video til neste innlegg om databaser:
Om eg ikke blir brutt opp i bits eller inntar en binær form så vil det snart komme en ny blogg med nye erfaringer fra Mitt IT-eventyr!
tirsdag 18. september 2012
Datatyper
Hei igjen!
Du husker kanskje fra forrige innlegg at eg satte en variabel til Integer = Heltall og kalte det en datatype.
Da lurer du kanskje også på hvilke andre datatyper vi har, og hvorfor vi skal definere datatype når vi programmerer.
Tenkte eg skulle begynne med hvorfor vi skal definere datatyper.
Det første punktet er vel kanskje ikke like gjeldende i dag som det var før, iallefall ikke om det er små og mindre kompliserte programmer du skal lage. Men lager du større programmer vil det kunne bli mange elementer å håndtere og kreve mer av maskinen.
Punkt 2 og 4, Raskere kode og Selvdokumenterende kode. Her kommer det eg har tidligere skrevet om navnsetting inn. Skriver du gode navn på variablene vil det bli lettere for deg å skrive en god og forståelig kode. Forståelig, som i at det blir lettere for andre å sette seg inn i hva du har tenkt og forstå meningen bak koden.
Det vil også føre til at det blir mindre feil. (Se punkt 3 og 5)
Eksempel: Om du lager et program som skal regne ut moms på et produkt eller tjeneste, der du gir brukeren en mulighet til å legge inn momsen i et felt, får du flere fordeler.
Du kan for eksempel ved bruk av datatyper sette en standard for hva som er tillatt informasjon i feltet ditt. Du kan sikre deg at utregningene bli korrekte hver gang.
Hvilke datatyper har vi?
Igjen, eg ser dette opp mot Visual Basic kurset som eg tar. En link fra Microsoft om datatyper og Visual Basic:
http://msdn.microsoft.com/en-us/library/47zceaw7(VS.80).aspx
Vil trekke frem 3 av datatypene du vil komme borti.
Integer - denne har vi såvidt vært litt borti. Dette er heltall, det vil si tall som ikke har desimaler.1-2-10-15-300 osv
Litt av poenget med denne datatypen er å fortelle programmet at dette er et tall vi skal regne med, ikke bare noen tegn. Uten å definere vil programmet oppfatte 15 + 15 som 1515 (en tekststreng), mens du kanskje egentlig ønsket tallet 30
Double - tall MED desimaler. Veldig fornuftig å bruke om du lager en funksjon der man skal regne ut f.eks. gjennomsnitt. (11+12) / 2 = ?
Har vi IKKE satt variabelen til Double må programmet/funksjonen runde det av, og du får et annet svar enn 11,5 som gjerne var ønsket.
Boolean - True or False, Sant eller Usant.
Er det sant at tallet 25 er det samme som Alder??
Legger også denne gangen med en liten tutorial video funnet på youtube:
Det kommer snart et nytt innlegg der eg skal forklare var konstanter er, i motsetning til Variabler som vi har vært gjennom.
Om eg ikke blir brutt opp i bits eller inntar en binær form så vil det snart komme en ny blogg med nye erfaringer fra Mitt IT-eventyr!
Du husker kanskje fra forrige innlegg at eg satte en variabel til Integer = Heltall og kalte det en datatype.
Da lurer du kanskje også på hvilke andre datatyper vi har, og hvorfor vi skal definere datatype når vi programmerer.
Tenkte eg skulle begynne med hvorfor vi skal definere datatyper.
- Redusert minnebruk
- Raskere kode
- Bedre datavalidering (mindre feil, bedre sikkerhet)
- Selvdokumenterende kode (lettere å lese og forstå koden)
- Færre feil i koden
Det første punktet er vel kanskje ikke like gjeldende i dag som det var før, iallefall ikke om det er små og mindre kompliserte programmer du skal lage. Men lager du større programmer vil det kunne bli mange elementer å håndtere og kreve mer av maskinen.
Punkt 2 og 4, Raskere kode og Selvdokumenterende kode. Her kommer det eg har tidligere skrevet om navnsetting inn. Skriver du gode navn på variablene vil det bli lettere for deg å skrive en god og forståelig kode. Forståelig, som i at det blir lettere for andre å sette seg inn i hva du har tenkt og forstå meningen bak koden.
Det vil også føre til at det blir mindre feil. (Se punkt 3 og 5)
Eksempel: Om du lager et program som skal regne ut moms på et produkt eller tjeneste, der du gir brukeren en mulighet til å legge inn momsen i et felt, får du flere fordeler.
Du kan for eksempel ved bruk av datatyper sette en standard for hva som er tillatt informasjon i feltet ditt. Du kan sikre deg at utregningene bli korrekte hver gang.
Hvilke datatyper har vi?
Igjen, eg ser dette opp mot Visual Basic kurset som eg tar. En link fra Microsoft om datatyper og Visual Basic:
http://msdn.microsoft.com/en-us/library/47zceaw7(VS.80).aspx
Vil trekke frem 3 av datatypene du vil komme borti.
Integer - denne har vi såvidt vært litt borti. Dette er heltall, det vil si tall som ikke har desimaler.1-2-10-15-300 osv
Litt av poenget med denne datatypen er å fortelle programmet at dette er et tall vi skal regne med, ikke bare noen tegn. Uten å definere vil programmet oppfatte 15 + 15 som 1515 (en tekststreng), mens du kanskje egentlig ønsket tallet 30
Double - tall MED desimaler. Veldig fornuftig å bruke om du lager en funksjon der man skal regne ut f.eks. gjennomsnitt. (11+12) / 2 = ?
Har vi IKKE satt variabelen til Double må programmet/funksjonen runde det av, og du får et annet svar enn 11,5 som gjerne var ønsket.
Boolean - True or False, Sant eller Usant.
Er det sant at tallet 25 er det samme som Alder??
Legger også denne gangen med en liten tutorial video funnet på youtube:
Det kommer snart et nytt innlegg der eg skal forklare var konstanter er, i motsetning til Variabler som vi har vært gjennom.
Om eg ikke blir brutt opp i bits eller inntar en binær form så vil det snart komme en ny blogg med nye erfaringer fra Mitt IT-eventyr!
tirsdag 11. september 2012
Hva er en variabel?
Hei igjen!!
LETT sier du og ler litt av overskriften min
I og med at det er Visual Basic eg har som 1 av 5 fag i høst er det variabler relatert til dette programmeringsspråket eg vil snakke om.
Hva er så en variabel?
Wikipedia sier om variabler (generelt):
http://no.wikipedia.org/wiki/Variabler
En variabel er et symbol som representerer et vilkårlig tall i en mengde.
Microsoft sier om variabler i forbindelse med Visual Basic at de blir brukt til å lagre verdier
http://msdn.microsoft.com/en-us/library/cd6hcy37(v=vs.80)
Alle variabler har navn, se dette innlegget opp mot innlegget om navnsetting.
Hvis du skal lage en enkel kalkulator, la oss si at du har behov for å vite gjennomsnittet av tre tall ganske ofte.
Før du kan lagre en verdi i en variabel må du deklarere den variabelen
I Visual Basic gjør du det slik:
Dim tall1 As Integer
Det du har gjort her er at du har sagt at du skal ha en variabel som skal hete tall1 og at innholdet i den skal være et heltall. Integer = heltall
Eg skal skrive litt mer om Datatyper i et senere innlegg, så ikke la deg forvirre av dette.
Du kan selv velge hva disse variablene skal hete. For et lite program, der all kode er tilknyttet en Form så er det kanskje ikke så viktig, men det er like greit å lære seg gode navnsettingsrutiner.
Om du har laget en tekstboks der tallet skal hentes fra vil det i Visual Basic kodeseksjon eksempelvis se slik ut
---
Dim tall1 As Integer
tall1 = txtTall1.Text
---
Og her ligger litt av forklaringen på at det er en variabel. Det er en verdi som endrer seg fra gang til gang.
Eg skrev at du hadde 3 - tre tall, og at du skulle regne gjennomsnittet så i koden din ville det sett kanskje slik ut:
Dim tall1, tall2, tall3 As Integer
Dim snitt As Double
tall1 = txtTall1.Text
tall2 = txtTall2.Text
tall3 = txtTall3.Text
Grunnen til at du skal bruke variabler blir mer synlig no. Du vet at gjennomsnittet alltid vil være summen av dine tall dividert med 3
Da blir det slik:
snitt = (tall1 + tall2 + tall3) / 3
Ditt fullstendige program vil da være slik:
GUI (Graphical User Interface): 3 tekstbokser for input, 1 knapp, og så er valget ditt, vil du ha en tekstboks, label, MsgBox som medium for output?
Eg velger å bruke MsgBox her
Dobbeltklikk på knappen din og skriv følgende kode:
Dim tall1, tall2, tall3 As Integer
Dim snitt As Double
tall1 = txtTall1.Text
tall2 = txtTall2.Text
tall3 = txtTall3.Text
snitt = (tall1 + tall2 + tall3) / 3
MsgBox("Gjennomsnittet er " & snitt)
Lagre programmet ditt og velg Kjør
Har du gjort det riktig skal du no ha et program som regner ut gjennomsnittet av tre tall.
Det var kort om variabler. Fortsettelse vil følge. Der vil komme et innlegg om konstanter og ett som eg lovet tidligere om datatyper
Om eg ikke blir brutt opp i bits eller inntar en binær form så vil det snart komme en ny blogg med nye erfaringer fra Mitt IT-eventyr!
LETT sier du og ler litt av overskriften min
I og med at det er Visual Basic eg har som 1 av 5 fag i høst er det variabler relatert til dette programmeringsspråket eg vil snakke om.
Hva er så en variabel?
Wikipedia sier om variabler (generelt):
http://no.wikipedia.org/wiki/Variabler
En variabel er et symbol som representerer et vilkårlig tall i en mengde.
Microsoft sier om variabler i forbindelse med Visual Basic at de blir brukt til å lagre verdier
http://msdn.microsoft.com/en-us/library/cd6hcy37(v=vs.80)
Alle variabler har navn, se dette innlegget opp mot innlegget om navnsetting.
Hvis du skal lage en enkel kalkulator, la oss si at du har behov for å vite gjennomsnittet av tre tall ganske ofte.
Før du kan lagre en verdi i en variabel må du deklarere den variabelen
I Visual Basic gjør du det slik:
Dim tall1 As Integer
Det du har gjort her er at du har sagt at du skal ha en variabel som skal hete tall1 og at innholdet i den skal være et heltall. Integer = heltall
Eg skal skrive litt mer om Datatyper i et senere innlegg, så ikke la deg forvirre av dette.
Du kan selv velge hva disse variablene skal hete. For et lite program, der all kode er tilknyttet en Form så er det kanskje ikke så viktig, men det er like greit å lære seg gode navnsettingsrutiner.
Om du har laget en tekstboks der tallet skal hentes fra vil det i Visual Basic kodeseksjon eksempelvis se slik ut
---
Dim tall1 As Integer
tall1 = txtTall1.Text
---
Og her ligger litt av forklaringen på at det er en variabel. Det er en verdi som endrer seg fra gang til gang.
Eg skrev at du hadde 3 - tre tall, og at du skulle regne gjennomsnittet så i koden din ville det sett kanskje slik ut:
Dim tall1, tall2, tall3 As Integer
Dim snitt As Double
tall1 = txtTall1.Text
tall2 = txtTall2.Text
tall3 = txtTall3.Text
Grunnen til at du skal bruke variabler blir mer synlig no. Du vet at gjennomsnittet alltid vil være summen av dine tall dividert med 3
Da blir det slik:
snitt = (tall1 + tall2 + tall3) / 3
Ditt fullstendige program vil da være slik:
GUI (Graphical User Interface): 3 tekstbokser for input, 1 knapp, og så er valget ditt, vil du ha en tekstboks, label, MsgBox som medium for output?
Eg velger å bruke MsgBox her
Dobbeltklikk på knappen din og skriv følgende kode:
Dim tall1, tall2, tall3 As Integer
Dim snitt As Double
tall1 = txtTall1.Text
tall2 = txtTall2.Text
tall3 = txtTall3.Text
snitt = (tall1 + tall2 + tall3) / 3
MsgBox("Gjennomsnittet er " & snitt)
Lagre programmet ditt og velg Kjør
Har du gjort det riktig skal du no ha et program som regner ut gjennomsnittet av tre tall.
Det var kort om variabler. Fortsettelse vil følge. Der vil komme et innlegg om konstanter og ett som eg lovet tidligere om datatyper
Om eg ikke blir brutt opp i bits eller inntar en binær form så vil det snart komme en ny blogg med nye erfaringer fra Mitt IT-eventyr!
søndag 9. september 2012
Programmering og Navnsetting av objekter
Hei igjen!
Som eg nevnte i sist innlegg om Visual Basic så er en ting å tenke på hvordan du navnsetter det du legger inn i programkoden din.
Og da tenker eg på textbokser, knapper, labels, alle typer objekter du kommer til å ha masse av.
Og de tre eg har nevnt over er noe du kommer til å ha mye av.
Når EG setter navn så gjør eg det slik:
Textboks der fornavn er innholdet - txtFornavn
En knapp som skal regne ut noe - btnUtregning
Labels som skal vise en streng (for eksempel hele navnet) - lblFulltNavn
Dette er navn på objektene som sier noe om innholdet. Du MÅ ikke navnsette i dine egne private prosjekter. Visual Basic.Net gjør det for deg. Etter sin enkle standard.
TextBox1
Label1
Button1
...and counting!
Utviklingsmiljøet teller dette for deg automatisk, men...
Hva med den dagen da du finner ut at du må OPPDATERE din software? Kanskje du ikke lengre skal være den eneste brukeren?
Du starter et firma, får en kompanjong og så skal Dere begge få ting til å fungere.
Hvis du da skal sette deg ned og forbedre ditt eget program som du skrev for 4 år siden og det eneste du finner i koden er TextBox1, TextBox2, TextBox3 osv til TextBox40 så vil du ha et stort problem med å finne frem.
En annen grunn til at du bør navnsette skikkelig er fordi det vil hjelpe deg mens du utvikler.
Litt senere skal vi få hentet inn informasjon fra en bestemt tekstboks når vi trykker på en bestemt knapp, og da vil du se verdien ganske kjapt.
Om eg ikke blir brutt opp i bits eller inntar en binær form så vil det snart komme en ny blogg med nye erfaringer fra Mitt IT-eventyr!
Som eg nevnte i sist innlegg om Visual Basic så er en ting å tenke på hvordan du navnsetter det du legger inn i programkoden din.
Og da tenker eg på textbokser, knapper, labels, alle typer objekter du kommer til å ha masse av.
Og de tre eg har nevnt over er noe du kommer til å ha mye av.
Når EG setter navn så gjør eg det slik:
Textboks der fornavn er innholdet - txtFornavn
En knapp som skal regne ut noe - btnUtregning
Labels som skal vise en streng (for eksempel hele navnet) - lblFulltNavn
Dette er navn på objektene som sier noe om innholdet. Du MÅ ikke navnsette i dine egne private prosjekter. Visual Basic.Net gjør det for deg. Etter sin enkle standard.
TextBox1
Label1
Button1
...and counting!
Utviklingsmiljøet teller dette for deg automatisk, men...
Hva med den dagen da du finner ut at du må OPPDATERE din software? Kanskje du ikke lengre skal være den eneste brukeren?
Du starter et firma, får en kompanjong og så skal Dere begge få ting til å fungere.
Hvis du da skal sette deg ned og forbedre ditt eget program som du skrev for 4 år siden og det eneste du finner i koden er TextBox1, TextBox2, TextBox3 osv til TextBox40 så vil du ha et stort problem med å finne frem.
En annen grunn til at du bør navnsette skikkelig er fordi det vil hjelpe deg mens du utvikler.
Litt senere skal vi få hentet inn informasjon fra en bestemt tekstboks når vi trykker på en bestemt knapp, og da vil du se verdien ganske kjapt.
Om eg ikke blir brutt opp i bits eller inntar en binær form så vil det snart komme en ny blogg med nye erfaringer fra Mitt IT-eventyr!
lørdag 8. september 2012
Visual Basic - Hello World!
Heisann!
Om du ikke er kjent med programmering lurer du sikkert veldig på overskriften på dagens blogg.
Hello World! - har nesten blitt en felles standard for alle programmeringsspråk, om enn de alle sammen er litt forskjellige.
Og det er ikke slik at om du kan ett språk så kan du de andre, men det å først lære et, som Visual Basic kan være med å senke terskelen for å lære andre.
Men hvorfor Hello World! ?
I de fleste programmeringsspråk eg har sett på er den første opplæringen kalt Hello World!
Med andre ord; lage et program som sier Hello World!
Det blir på en måte en introduksjon til språket, og en fremstilling av hvor enkelt det er å begynne.
Det er faktisk blitt så mye brukt at det har fått sin egen side på wikipedia som omtaler fenomenet:
http://no.wikipedia.org/wiki/Hello,_world
Bortsett fra å være en introduksjon til språket er det også en grei måte å sjekke om kompilatorer og skriptfunksjonalitet fungerer.
Hva er en kompilator? Og hva er et skript?
Det får vi komme tilbake til
I dag skal vi si Hallo til verden, og det gjør vi på følgende måte:
(Går utifra at du har installert utviklingsmiljøet på din maskin)
Som med blogginnleggene min om HTML og CSS så må du her og lage deg en mappe på desktopen.
Kall den gjerne Hello World
Start utviklingsmiljøet (om du ikke alt har gjort det)
Start et nytt prosjekt
En ting å sjekke av er om du får muligheten til å velge sti/bane til mappen der du vil det skal lagres.
Hvis du kun får sette navn må du gjøre følgende:
Trykk Cancel
Velg meny -> Tools
Menyvalg -> Options
Projects and Solutions på venstresiden
Og hake av på høyresiden for 'Save new projects when created'
Gå tilbake til å Starte et nytt prosjekt.
No skal du ha muligheten til å velge mappe (sti) i tillegg til å velge navn på prosjektet.
. Hvis du
Det første du ser når du starter et prosjekt er et bilde med Form1.
Derav Visual. Du ser kordan det du lager blir seendes ut.
Med mindre du spesifiserer noe annet vil det du lager på Form1 være det første brukeren ser når de starter ditt program.
På din venstre side vil du no ha en toolbox. Finn der en knapp / button. Dra den bort til Form1 og slipp den. Marker knappen (du får en stiplete firkantet strek på knappen) og gå så til Properties på din høyre side av skjermen og finn feltet Text der.
I feltet til høyre for Text skriver du inn Hello World!
Når du flytter deg vekk igjen fra det feltet vil du se at teksten på din knapp har endret seg fra Button1 til Hello World!
Det neste vi skal gjøre er å legge til bittelitt kode til den knappen. Og her får du mye hjelp. Hvis du dobbeltklikker på knappen vil du få opp noe som ser ut som det her:
Private Sub Button1_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button1.Click
End Sub
Det du egentlig har satt i gang er at du vil noe skal skje når den knappen blir trykket på i ditt program.
Og hva ønsker vi å gjøre? Denne gangen her skal vi lage en box som sier Hello World! når noen trykker på knappen.
Vi legger inn følgende kode:
MsgBox("Hello World!")
Koden skal da se slik ut
Private Sub Button1_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button1.Click
MsgBox("Hello World!")
End Sub
Når du har gjort dette skal du lagre dette.
Til det bruker du Save All knappen (den som ser ut som 3 disketter oppå hverandre)
På samme knapperad som Save All vil du finne noe som ser ut som en Grønn Play knapp - Trykk på den (Alternativt trykk funskjonstast F5)
Og du ser programmet ditt starter. Slik vil det se ut. Om du nå trykker på knappen din vil du se at koden din virker.
Velg den Blå Stopp knappen når du har testet nok.
Det var det! Du har laget ditt eget litt Hello World! progam! Gratulerer!
I neste innlegg om Visual Basic vil eg ta opp Navnsetting av objekter. Og det er en viktig ting å ta med seg fordi det vil gjøre programmeringen din mye mer oversiktlig og lettere å komme tilbake til.
Legger ved en liten video, litt dårlig lyd kanskje, men forståelig. Og ser du gjennom hele vil du også kunne plukke opp 2 ekstra tips du kan legge til dette programmet.
Om eg ikke blir brutt opp i bits eller inntar en binær form så vil det snart komme en ny blogg med nye erfaringer fra Mitt IT-eventyr!
Om du ikke er kjent med programmering lurer du sikkert veldig på overskriften på dagens blogg.
Hello World! - har nesten blitt en felles standard for alle programmeringsspråk, om enn de alle sammen er litt forskjellige.
Og det er ikke slik at om du kan ett språk så kan du de andre, men det å først lære et, som Visual Basic kan være med å senke terskelen for å lære andre.
Men hvorfor Hello World! ?
I de fleste programmeringsspråk eg har sett på er den første opplæringen kalt Hello World!
Med andre ord; lage et program som sier Hello World!
Det blir på en måte en introduksjon til språket, og en fremstilling av hvor enkelt det er å begynne.
Det er faktisk blitt så mye brukt at det har fått sin egen side på wikipedia som omtaler fenomenet:
http://no.wikipedia.org/wiki/Hello,_world
Bortsett fra å være en introduksjon til språket er det også en grei måte å sjekke om kompilatorer og skriptfunksjonalitet fungerer.
Hva er en kompilator? Og hva er et skript?
Det får vi komme tilbake til
I dag skal vi si Hallo til verden, og det gjør vi på følgende måte:
(Går utifra at du har installert utviklingsmiljøet på din maskin)
Som med blogginnleggene min om HTML og CSS så må du her og lage deg en mappe på desktopen.
Kall den gjerne Hello World
Start utviklingsmiljøet (om du ikke alt har gjort det)
Start et nytt prosjekt
En ting å sjekke av er om du får muligheten til å velge sti/bane til mappen der du vil det skal lagres.
Hvis du kun får sette navn må du gjøre følgende:
Trykk Cancel
Velg meny -> Tools
Menyvalg -> Options
Projects and Solutions på venstresiden
Og hake av på høyresiden for 'Save new projects when created'
Gå tilbake til å Starte et nytt prosjekt.
No skal du ha muligheten til å velge mappe (sti) i tillegg til å velge navn på prosjektet.
. Hvis du
Det første du ser når du starter et prosjekt er et bilde med Form1.
Derav Visual. Du ser kordan det du lager blir seendes ut.
Med mindre du spesifiserer noe annet vil det du lager på Form1 være det første brukeren ser når de starter ditt program.
På din venstre side vil du no ha en toolbox. Finn der en knapp / button. Dra den bort til Form1 og slipp den. Marker knappen (du får en stiplete firkantet strek på knappen) og gå så til Properties på din høyre side av skjermen og finn feltet Text der.
I feltet til høyre for Text skriver du inn Hello World!
Når du flytter deg vekk igjen fra det feltet vil du se at teksten på din knapp har endret seg fra Button1 til Hello World!
Det neste vi skal gjøre er å legge til bittelitt kode til den knappen. Og her får du mye hjelp. Hvis du dobbeltklikker på knappen vil du få opp noe som ser ut som det her:
Private Sub Button1_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button1.Click
End Sub
Det du egentlig har satt i gang er at du vil noe skal skje når den knappen blir trykket på i ditt program.
Og hva ønsker vi å gjøre? Denne gangen her skal vi lage en box som sier Hello World! når noen trykker på knappen.
Vi legger inn følgende kode:
MsgBox("Hello World!")
Koden skal da se slik ut
Private Sub Button1_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button1.Click
MsgBox("Hello World!")
End Sub
Når du har gjort dette skal du lagre dette.
Til det bruker du Save All knappen (den som ser ut som 3 disketter oppå hverandre)
På samme knapperad som Save All vil du finne noe som ser ut som en Grønn Play knapp - Trykk på den (Alternativt trykk funskjonstast F5)
Og du ser programmet ditt starter. Slik vil det se ut. Om du nå trykker på knappen din vil du se at koden din virker.
Velg den Blå Stopp knappen når du har testet nok.
Det var det! Du har laget ditt eget litt Hello World! progam! Gratulerer!
I neste innlegg om Visual Basic vil eg ta opp Navnsetting av objekter. Og det er en viktig ting å ta med seg fordi det vil gjøre programmeringen din mye mer oversiktlig og lettere å komme tilbake til.
Legger ved en liten video, litt dårlig lyd kanskje, men forståelig. Og ser du gjennom hele vil du også kunne plukke opp 2 ekstra tips du kan legge til dette programmet.
Om eg ikke blir brutt opp i bits eller inntar en binær form så vil det snart komme en ny blogg med nye erfaringer fra Mitt IT-eventyr!
onsdag 5. september 2012
Databaser Første del
Hei igjen!
Du har helt sikkert hørt om databaser.
Og du er helt garantert omtalt i opptil flere.
Fra det øyeblikket jordmor på sykehuset fører inn i journalen at du har blitt født, til den dagen det blir registrert at du ikke lenger er blant oss, legges det inn opplysninger om oss i databaser. Opptil flere ganger for dagen.
Men hva ER en database? Ka bruker vi den til?
Og hva er forskjellen på en database og et databasesystem?
Og kor vil eg hen med dette innlegget.
Tanken min med starten av denne tråden er for det første hjelp til selvhjelp. Eg skal gjennom mange fag de neste årene og én ting har eg lært, at det å skrive ned samtidig som man leser kan øke graden av hukommelse og forståelse.
Så eg vil gå gjennom ord og uttrykk og modeller og håper at noen der ute vil kommentere og gi meg feedback om eg har misforstått noe eller påstår noe som ikke er reelt.
Så hva er en database?
Wikipedia sier dette:
En database er en strukturert samling av relaterte data, begrepet er vanligvis knyttet til elektroniske datasystemer.
Med dette forstår man at en datanase inneholder opplysninger som satt sammen gir en helhetlig mening, et bilde på det virkelige liv.
Som eksempel: et selger firma med 4 ansatte som selger kontorutstyr.
I dette firmaet sin database kan det være riktig å lagre data om de ansatte, varene som skal selges, kundene det er solgt til og gjerne bruke som underlag for å vite når man skal bestille flere varer inn på lager.
Wikipedia sier om databasesystem:
Et databasesystem har to deler – databasehåndteringssystemet (DBMS) som er programvaren som administrerer systemet, og selve databasen, som er de data som håndteres av systemet. DBMSen organiserer dataene og styrer all lesing og skriving til databasen. For å kommunisere med DBMSen brukes et spørrespråk.
Begge definisjonene fra Wikipedia finner du her:
http://no.wikipedia.org/wiki/Database
I neste innlegg om Databaser har eg tenkt å skrive litt om Relasjonsmodellen, hva er en relasjon og gjerne også forklare noen uttrykk.
En liten video hentet fra youtube:
Om eg ikke blir brutt opp i bits eller inntar en binær form så vil det snart komme en ny blogg med nye erfaringer fra Mitt IT-eventyr!
Du har helt sikkert hørt om databaser.
Og du er helt garantert omtalt i opptil flere.
Fra det øyeblikket jordmor på sykehuset fører inn i journalen at du har blitt født, til den dagen det blir registrert at du ikke lenger er blant oss, legges det inn opplysninger om oss i databaser. Opptil flere ganger for dagen.
Men hva ER en database? Ka bruker vi den til?
Og hva er forskjellen på en database og et databasesystem?
Og kor vil eg hen med dette innlegget.
Tanken min med starten av denne tråden er for det første hjelp til selvhjelp. Eg skal gjennom mange fag de neste årene og én ting har eg lært, at det å skrive ned samtidig som man leser kan øke graden av hukommelse og forståelse.
Så eg vil gå gjennom ord og uttrykk og modeller og håper at noen der ute vil kommentere og gi meg feedback om eg har misforstått noe eller påstår noe som ikke er reelt.
Så hva er en database?
Wikipedia sier dette:
En database er en strukturert samling av relaterte data, begrepet er vanligvis knyttet til elektroniske datasystemer.
Med dette forstår man at en datanase inneholder opplysninger som satt sammen gir en helhetlig mening, et bilde på det virkelige liv.
Som eksempel: et selger firma med 4 ansatte som selger kontorutstyr.
I dette firmaet sin database kan det være riktig å lagre data om de ansatte, varene som skal selges, kundene det er solgt til og gjerne bruke som underlag for å vite når man skal bestille flere varer inn på lager.
Wikipedia sier om databasesystem:
Et databasesystem har to deler – databasehåndteringssystemet (DBMS) som er programvaren som administrerer systemet, og selve databasen, som er de data som håndteres av systemet. DBMSen organiserer dataene og styrer all lesing og skriving til databasen. For å kommunisere med DBMSen brukes et spørrespråk.
Begge definisjonene fra Wikipedia finner du her:
http://no.wikipedia.org/wiki/Database
I neste innlegg om Databaser har eg tenkt å skrive litt om Relasjonsmodellen, hva er en relasjon og gjerne også forklare noen uttrykk.
En liten video hentet fra youtube:
Om eg ikke blir brutt opp i bits eller inntar en binær form så vil det snart komme en ny blogg med nye erfaringer fra Mitt IT-eventyr!
fredag 31. august 2012
Programmering Intro
Hei igjen!
Programmering er for mange et veldig mystisk og uforståelig ord. Veldig mange vet ikke hva det innebærer å lage et program.
Skal man lage et program må man først begynne med å bestemme seg for hva det programmet skal gjøre, hvilke problemer det skal løse.
Når det er på plass kan det være greit å se på hvilke muligheter som er tilstede, velge seg et programmeringsspråk. Der finnes veldig mange språk, og noen passer kanskje bedre til det du skal løse enn andre.
Søk opp ordet Programmeringsspråk på http://no.wikipedia.org og les hva som blir sagt der.
Utover høsten skal eg gjennomføre et kurs og ta eksamen i Programmeringsspråket Visual Basic.Net, samtidig med det skal eg prøve å komme med blogginnlegg her om opplevelsen og gjerne også inspirere til at nettopp du har lyst til å gi det et forsøk.
Visual Basic.Net er Microsoft sitt produkt. Det har tidligere vært Visual basic og Basic.
For å begynne å programmere i Visual Basic.Net kan det være lurt med et verktøy. Selv bruker eg Visual Basic 2010 Express.
Dette kan du laste ned gratis fra Microsoft sine sider:
http://www.microsoft.com/visualstudio/en-us/products/2010-editions/visual-basic-express
Der finnes andre versjoner, så søk litt rundt og finn det som passer deg best.
Personlig har eg i mange år drevet og stilt masse spørsmål til folk som kan programmere og eg har søkt rundt på nettet etter informasjon. Og når det gjelder programmering er det greit å ha et litt edruelig forhold til det og gjerne samtidig innse at Rom ikke ble bygd på en dag.
Du vil ikke etter å ha lest mine blogginnlegg om Visual Basic kunne lage det neste store operativsystemet. Du vil ikke lage det neste store antivirus verktøyet og du vil ikke kunne konkurrere med de store spill selskapene.
Slike store prosjekter krever ekstremt mye koding og det er snakk om flere hundre mennesker bak de store prosjektene.
Men alle skal begynne et sted!
Utover høsten skal eg prøve å komme med litt tips, litt forslag til små programmer, litt forklaring på begreper og kanskje gi deg det lille du trenger.
Og ha det i tankene, eg er også under opplæring. Eg er ingen fullerfaren utvikler, men bruker denne bloggen mye for min egen del, samtidig som du også kan ta del i, og kanskje snappe opp noen gode triks.
Etter å ha sett denne videoen kan det være interessant å sjekke denne siden:
http://thenewboston.org/tutorials.php
Ser du nøye etter vil du se at han har lagt ut 200 tutorials angående Visual Basic.
Om eg ikke blir brutt opp i bits eller inntar en binær form så vil det snart komme en ny blogg med nye erfaringer fra Mitt IT-eventyr!
Programmering er for mange et veldig mystisk og uforståelig ord. Veldig mange vet ikke hva det innebærer å lage et program.
Skal man lage et program må man først begynne med å bestemme seg for hva det programmet skal gjøre, hvilke problemer det skal løse.
Når det er på plass kan det være greit å se på hvilke muligheter som er tilstede, velge seg et programmeringsspråk. Der finnes veldig mange språk, og noen passer kanskje bedre til det du skal løse enn andre.
Søk opp ordet Programmeringsspråk på http://no.wikipedia.org og les hva som blir sagt der.
Utover høsten skal eg gjennomføre et kurs og ta eksamen i Programmeringsspråket Visual Basic.Net, samtidig med det skal eg prøve å komme med blogginnlegg her om opplevelsen og gjerne også inspirere til at nettopp du har lyst til å gi det et forsøk.
Visual Basic.Net er Microsoft sitt produkt. Det har tidligere vært Visual basic og Basic.
For å begynne å programmere i Visual Basic.Net kan det være lurt med et verktøy. Selv bruker eg Visual Basic 2010 Express.
Dette kan du laste ned gratis fra Microsoft sine sider:
http://www.microsoft.com/visualstudio/en-us/products/2010-editions/visual-basic-express
Der finnes andre versjoner, så søk litt rundt og finn det som passer deg best.
Personlig har eg i mange år drevet og stilt masse spørsmål til folk som kan programmere og eg har søkt rundt på nettet etter informasjon. Og når det gjelder programmering er det greit å ha et litt edruelig forhold til det og gjerne samtidig innse at Rom ikke ble bygd på en dag.
Du vil ikke etter å ha lest mine blogginnlegg om Visual Basic kunne lage det neste store operativsystemet. Du vil ikke lage det neste store antivirus verktøyet og du vil ikke kunne konkurrere med de store spill selskapene.
Slike store prosjekter krever ekstremt mye koding og det er snakk om flere hundre mennesker bak de store prosjektene.
Men alle skal begynne et sted!
Utover høsten skal eg prøve å komme med litt tips, litt forslag til små programmer, litt forklaring på begreper og kanskje gi deg det lille du trenger.
Og ha det i tankene, eg er også under opplæring. Eg er ingen fullerfaren utvikler, men bruker denne bloggen mye for min egen del, samtidig som du også kan ta del i, og kanskje snappe opp noen gode triks.
Etter å ha sett denne videoen kan det være interessant å sjekke denne siden:
http://thenewboston.org/tutorials.php
Ser du nøye etter vil du se at han har lagt ut 200 tutorials angående Visual Basic.
Om eg ikke blir brutt opp i bits eller inntar en binær form så vil det snart komme en ny blogg med nye erfaringer fra Mitt IT-eventyr!
onsdag 29. august 2012
Sosial markedsføring og synergieffekter
Hei igjen!
Før i tiden hørte man stort sett om markedsføring av bedrifter. Det var store firmaer som sloss om oppdrag for å få markedsføre enda større firmaer. Vel sånn er det vel kanskje enda, men det har skjedd en endring. Nå for tiden er det mer snakk om å markedsføre seg selv, i sosiale medier og på internett.
Man får hele tiden råd om hva man IKKE bør ha liggende ute på facebook og man tipses om å også koble seg på twitter om man vil nå ut med budskapet sitt.
Tidligere i sommer har eg snakket litt om blogging, og hvordan eg bruker IFTTT til å fortelle verden at eg har lagt ut et nytt blogginnlegg.
Og dette er en ganske så enkel måte å markedsføre seg selv på. Men om man tenker seg om så underbygger det uttrykket: "Man høster hva man sår", og det er litt slik og med Sosial markedsføring.
Eg skriver blogg, publiserer den, IFTTT snapper opp at det har skjedd en endring på min blogg, publiserer dette på Twitter og Facebook. Etterhvert er det noen som snapper opp på twitter at det sitter en liten vestlending å skriver jevnlig innlegg på sin IT-blogg som de kan få følge med på om de følger vedkommende. Dette gjør til at mengden mennesker som følger en, øker. Og dette er den enkle biten, fordi dette går sakte, men sikkert av seg selv.
Men det er også viktig å være litt aktiv ved å gi venner og bekjente adressen til bloggen sin, selv om de ikke hverken er venn med deg på facebook, eller orker å følge med på twitter. For det kan godt hende at de har valgt seg et annet sosialt medie å følge, dem finnes det etterhvert mange av, selv om det er de to store som dominerer i nyhetsbildet. Og det kan godt hende at de omtaler deg der.
Når eg skal markedsføre meg selv, så velger eg stort sett å fortelle at eg har en IT blogg, og er folk interessert forteller eg de at de kan få melding på twitter, eller så viser eg de at de kan abonnerer på min blogg via RSS.
Senest i dag fikk eg vite at eg hadde fått en ny "follower" på twitter. Og en av grunnene til at han følger meg er at vi deler en felles interesse, så naturlig nok la eg meg inn på vedkommendes "follower" liste.
For en liten stund tilbake så eg et innlegg på internett om kjente folk, stjerner, som har flere hundretusener av "followers", men som selv kanskje bare har valgt 1 å følge. Det gir ikke det helt store inntrykket.
Poenget er, og det gjelder med alt som har med markedsføring å gjøre, enten det er av deg selv, ditt enmannsfirma eller større firma for den saks skyld. Spre informasjonen over flere kanaler, og gjør det regelmessig.
For å gjøre dette litt visuelt; tegn 4 søyler, og la de være hvite. Så kan du se for deg at for hver gang du poster et innlegg på bloggen din, eller tvitrer, eller sprer lenken din, så øker det litt etter litt på hver av søylene. Et innlegg på bloggen din kan føre til at flere av søylene øker. Poster du noe på facebook som en av dine venner liker, eller kommenterer så kan du være sikker på at noen av vedkommendes venner ser det.
Som eg ofte gjør så har eg også denne gangen tatt turen innom youtube. For å finne en video som sier litt om det eg sier, men kanskje på en litt annen måte.
Videoen i dag er 3 år gammel, men her er mange gode poenger. Selv om det fokuseres på ditt firma, så gjelder dette i aller høyeste grad om du vil markedsføre deg selv.
Om eg ikke blir brutt opp i bits eller inntar en binær form så vil det snart komme en ny blogg med nye erfaringer fra Mitt IT-eventyr!
Før i tiden hørte man stort sett om markedsføring av bedrifter. Det var store firmaer som sloss om oppdrag for å få markedsføre enda større firmaer. Vel sånn er det vel kanskje enda, men det har skjedd en endring. Nå for tiden er det mer snakk om å markedsføre seg selv, i sosiale medier og på internett.
Man får hele tiden råd om hva man IKKE bør ha liggende ute på facebook og man tipses om å også koble seg på twitter om man vil nå ut med budskapet sitt.
Tidligere i sommer har eg snakket litt om blogging, og hvordan eg bruker IFTTT til å fortelle verden at eg har lagt ut et nytt blogginnlegg.
Og dette er en ganske så enkel måte å markedsføre seg selv på. Men om man tenker seg om så underbygger det uttrykket: "Man høster hva man sår", og det er litt slik og med Sosial markedsføring.
Eg skriver blogg, publiserer den, IFTTT snapper opp at det har skjedd en endring på min blogg, publiserer dette på Twitter og Facebook. Etterhvert er det noen som snapper opp på twitter at det sitter en liten vestlending å skriver jevnlig innlegg på sin IT-blogg som de kan få følge med på om de følger vedkommende. Dette gjør til at mengden mennesker som følger en, øker. Og dette er den enkle biten, fordi dette går sakte, men sikkert av seg selv.
Men det er også viktig å være litt aktiv ved å gi venner og bekjente adressen til bloggen sin, selv om de ikke hverken er venn med deg på facebook, eller orker å følge med på twitter. For det kan godt hende at de har valgt seg et annet sosialt medie å følge, dem finnes det etterhvert mange av, selv om det er de to store som dominerer i nyhetsbildet. Og det kan godt hende at de omtaler deg der.
Når eg skal markedsføre meg selv, så velger eg stort sett å fortelle at eg har en IT blogg, og er folk interessert forteller eg de at de kan få melding på twitter, eller så viser eg de at de kan abonnerer på min blogg via RSS.
Senest i dag fikk eg vite at eg hadde fått en ny "follower" på twitter. Og en av grunnene til at han følger meg er at vi deler en felles interesse, så naturlig nok la eg meg inn på vedkommendes "follower" liste.
For en liten stund tilbake så eg et innlegg på internett om kjente folk, stjerner, som har flere hundretusener av "followers", men som selv kanskje bare har valgt 1 å følge. Det gir ikke det helt store inntrykket.
Poenget er, og det gjelder med alt som har med markedsføring å gjøre, enten det er av deg selv, ditt enmannsfirma eller større firma for den saks skyld. Spre informasjonen over flere kanaler, og gjør det regelmessig.
For å gjøre dette litt visuelt; tegn 4 søyler, og la de være hvite. Så kan du se for deg at for hver gang du poster et innlegg på bloggen din, eller tvitrer, eller sprer lenken din, så øker det litt etter litt på hver av søylene. Et innlegg på bloggen din kan føre til at flere av søylene øker. Poster du noe på facebook som en av dine venner liker, eller kommenterer så kan du være sikker på at noen av vedkommendes venner ser det.
Som eg ofte gjør så har eg også denne gangen tatt turen innom youtube. For å finne en video som sier litt om det eg sier, men kanskje på en litt annen måte.
Videoen i dag er 3 år gammel, men her er mange gode poenger. Selv om det fokuseres på ditt firma, så gjelder dette i aller høyeste grad om du vil markedsføre deg selv.
Om eg ikke blir brutt opp i bits eller inntar en binær form så vil det snart komme en ny blogg med nye erfaringer fra Mitt IT-eventyr!
mandag 27. august 2012
Google II - Google Sites
Hei igjen!
Tidligere i år, i midten av mai kom eg med 1 innlegg om Google sitt mangfoldige tilbud. I forbindelse med at eg nå har blitt IT-student åpner det seg endelig en mulighet til å få testet ut enda flere av alle muligheter som ligger ute, klar til å ta i bruk.
I løpet av denne sommeren har eg presentert en del innlegg som går på det å lage hjemme sider, eller sider med HTML koder, en liten introduksjon til CSS har det også blitt. Ikke alle synes det er like kjekt å bruke masse tid på å lære seg avansert koding for å få frem sitt budskap.
Google Hjemmeside tjeneste - https://sites.google.com
Her kan du med enkle grep, veldig likt slik oppsettet for å skrive blogginnlegg, lage deg en hjemmeside.Selv uten den helt store innsikten er terskelen for å sette i gang veldig lav.
Skrive inn tekst, legge inn bilder, hyperkoblinger, til og med tabeller er enkelt å sette inn.
Og igjen, akkurat som eg tidligere har sagt om blogging, det er deg det kommer an på. Hva du ønsker å skrive om.
Kanskje du har en hobby, eller kanskje du vil ha en enkel hjemmeside der du kan presentere deg selv på web for en fremtidig arbeidsgiver?
Om eg ikke blir brutt opp i bits eller inntar en binær form så vil det snart komme en ny blogg med nye erfaringer fra Mitt IT-eventyr!
Tidligere i år, i midten av mai kom eg med 1 innlegg om Google sitt mangfoldige tilbud. I forbindelse med at eg nå har blitt IT-student åpner det seg endelig en mulighet til å få testet ut enda flere av alle muligheter som ligger ute, klar til å ta i bruk.
I løpet av denne sommeren har eg presentert en del innlegg som går på det å lage hjemme sider, eller sider med HTML koder, en liten introduksjon til CSS har det også blitt. Ikke alle synes det er like kjekt å bruke masse tid på å lære seg avansert koding for å få frem sitt budskap.
Google Hjemmeside tjeneste - https://sites.google.com
Her kan du med enkle grep, veldig likt slik oppsettet for å skrive blogginnlegg, lage deg en hjemmeside.Selv uten den helt store innsikten er terskelen for å sette i gang veldig lav.
Skrive inn tekst, legge inn bilder, hyperkoblinger, til og med tabeller er enkelt å sette inn.
Og igjen, akkurat som eg tidligere har sagt om blogging, det er deg det kommer an på. Hva du ønsker å skrive om.
Kanskje du har en hobby, eller kanskje du vil ha en enkel hjemmeside der du kan presentere deg selv på web for en fremtidig arbeidsgiver?
Om eg ikke blir brutt opp i bits eller inntar en binær form så vil det snart komme en ny blogg med nye erfaringer fra Mitt IT-eventyr!
torsdag 23. august 2012
CSS og grafikk
Heisann!
Eg har tidligere lovet at eg skal skrive litt om CSS og grafikk. Og ingenting er vel en bedre knagg å henge det på en sangen der vi synger: "med blanke ark og fargestifter til.."
Vi lager oss en ny html side. Som vi kaller index.html Om du har glemt hvordan, så kan du se her. Eg tar også med linjen som henviser til css filen. Lag en ny css fil som du kaller style.css. Og som vanlig holder vi oss til Charset UTF-8
index.html:
<!DOCTYPE HTML>
<HTML>
<HEAD>
<TITLE>Grafikkeksempel med CSS</TITLE>
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
</HEAD>
<BODY>
</BODY>
</HTML>
Lagre filen index.html i en ny mappe. Lag så en undermappe som du kaller images
For øyeblikket har eg utelatt å legge inn noe under <BODY> - taggen. Grunnen til det er at vi no skal finne oss et img å lage grafikk med.
Ikke alle bilder er bra til den øvelsen vi no skal gjøre; husk at vi skal gjerne ha tekst opp bakgrunnen og da er det best å ha en motsetting av skrift fargen. Skal du ha en mørk farge på skrift er en lys bakgrunn best.
Eg har tidligere lovet at eg skal skrive litt om CSS og grafikk. Og ingenting er vel en bedre knagg å henge det på en sangen der vi synger: "med blanke ark og fargestifter til.."
Vi lager oss en ny html side. Som vi kaller index.html Om du har glemt hvordan, så kan du se her. Eg tar også med linjen som henviser til css filen. Lag en ny css fil som du kaller style.css. Og som vanlig holder vi oss til Charset UTF-8
index.html:
<!DOCTYPE HTML>
<HTML>
<HEAD>
<TITLE>Grafikkeksempel med CSS</TITLE>
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
</HEAD>
<BODY>
</BODY>
</HTML>
Lagre filen index.html i en ny mappe. Lag så en undermappe som du kaller images
For øyeblikket har eg utelatt å legge inn noe under <BODY> - taggen. Grunnen til det er at vi no skal finne oss et img å lage grafikk med.
Ikke alle bilder er bra til den øvelsen vi no skal gjøre; husk at vi skal gjerne ha tekst opp bakgrunnen og da er det best å ha en motsetting av skrift fargen. Skal du ha en mørk farge på skrift er en lys bakgrunn best.
Eg søkte på google med søkeord paper.gif og fant dette bildet.
Det vi nå skal gjøre er å dekke hele bakgrunnen med dette bildet, det vil gi siden vår en effekt av å være et papir. Finn et lignende bilde og lagre det i undermappen images. For denne øvelsen er det ikke så viktig hva du velger som bakgrunnsbilde, men det er greit å ha i bakhodet at en dårlig bakgrunn fort kan ødelegge helhetsinntrykket av siden.
La oss lage filen style.css, Charset UTF-8 og lagre denne i samme mappe som vi la index.html.
Ta style.css opp i notepad og legg inn følgende kode:
body
{
background-image:url('images/paper.gif');
}
{
background-image:url('images/paper.gif');
}
Som du ser av taggen så er det området på siden din som heter BODY som vil bli endret.
Det vi ønsker å endre er bakgrunns bildet og vi legger også inn linken til dette bildet.
Som du ser har vi fremdeles ikke lagt inn noe under <BODY> i vår html fil.
Lagre begge filene og åpne index.html i en nettleser. Se om du kan finne flere bakgrunnsbilder og lek litt med de på samme måte.
Samtidig kan det være greit å gå gjennom de andre blogginnleggene eg har publisert om html og css for å teste hvordan siden nå vil se ut, med tekst og bilder oppå denne bakgrunnen.
Om eg ikke blir brutt opp i bits eller inntar en binær form så vil det snart komme en ny blogg med nye erfaringer fra Mitt IT-eventyr!
tirsdag 21. august 2012
Blogging
Heisann!
Siden dette er innlegg nummer 35 og vi snart har passert 1100 visninger av bloggen syntes eg det var på tide å snakke om blogging.
Hva er det?
Hva kan det brukes til?
Hvorfor skal eg blogge?
Hvordan blogger eg?
Hvordan får eg andre til å lese bloggen min?
Blogging er sammen med twitter og facebook en måte å vise seg frem på. Dette liker eg, dette kan eg og dette vil eg gjerne dele med resten av verden.
Det fine med blogging er at du er din egen redaktør og kan selv velge hva du skal skrive og hvordan du skal presentere det du har på hjertet.
Hva kan det brukes til? Man kan bruke det til å lære opp venner, inspirere andre mennesker, eller man kan gjøre det for seg selv å lage seg et "kunnskaps-bibliotek"
Kanskje du studerer historie eller medisin og vil skrive om temaer som du senere kan ha nytte av.
Dette fører oss over til hvorfor skal man blogge. Mennesker lærer på forskjellig vis. Noen lærer av å lese, andre av å skrive, mens en tredje gruppe gjerne lærer best gjennom å høre at det blir opplest. En god kombinasjon av alle tre kan være med på å gi et godt grunnlag for å lære mest mulig.
Hvordan blogger man? Her kan eg kun dra ut av egne erfaringer. Når eg bestemte meg for å begynne å blogge valgte eg å gjøre dette via Blogger.com
Grunnen til det er at Google bruker disse.
I tillegg til å kunne sitte på en vanlig pc med nettilgang har eg også lastet ned appen til Blogger på min iPad. Det vil si at når eg sitter i sofakroken hjemme og kun vil surfe litt på nettbrettet har eg mulighet til å drodle ned noen tanker / lage et utkast til et blogginnlegg eg vil skrive på et senere tidspunkt.
Etter at du har skrevet blogginnlegget og publisert det er det jo alltid kjekt om andre leser det, og kanskje også kommer med tilbakemelding på det du har skrevet. Men hvordan skal folk vite om bloggen din? I en jungel av veldig mange andre blogger?
Personlig har eg valgt å publisere linkene på twitter og facebook. Dette fordi det er store sosiale nettverkstjenester som veldig mange benytter seg av. Facebook for å nå vennene mine og Twitter for å nå resten av verden.
Har tidligere skrevet et innlegg om IFTTT; If This Than That
På denne tjenesten har eg laget meg 2 oppskrifter slik at når eg publiserer et innlegg på min blogg vil mine statuser på henholdsvis facebook og twitter automatisk oppdatere seg. På denne måten slipper eg å tenke på å måtte logge meg inn for å fortelle at eg har skrevet noe nytt!
Velger denne gangen å IKKE legge ved en video. Der er mange videoer på youtube ang temaet, og det er gjerne aller best å se en tutorial (opplæring) etter man har valgt blogging tjeneste.
Siden dette er innlegg nummer 35 og vi snart har passert 1100 visninger av bloggen syntes eg det var på tide å snakke om blogging.
Hva er det?
Hva kan det brukes til?
Hvorfor skal eg blogge?
Hvordan blogger eg?
Hvordan får eg andre til å lese bloggen min?
Blogging er sammen med twitter og facebook en måte å vise seg frem på. Dette liker eg, dette kan eg og dette vil eg gjerne dele med resten av verden.
Det fine med blogging er at du er din egen redaktør og kan selv velge hva du skal skrive og hvordan du skal presentere det du har på hjertet.
Hva kan det brukes til? Man kan bruke det til å lære opp venner, inspirere andre mennesker, eller man kan gjøre det for seg selv å lage seg et "kunnskaps-bibliotek"
Kanskje du studerer historie eller medisin og vil skrive om temaer som du senere kan ha nytte av.
Dette fører oss over til hvorfor skal man blogge. Mennesker lærer på forskjellig vis. Noen lærer av å lese, andre av å skrive, mens en tredje gruppe gjerne lærer best gjennom å høre at det blir opplest. En god kombinasjon av alle tre kan være med på å gi et godt grunnlag for å lære mest mulig.
Hvordan blogger man? Her kan eg kun dra ut av egne erfaringer. Når eg bestemte meg for å begynne å blogge valgte eg å gjøre dette via Blogger.com
Grunnen til det er at Google bruker disse.
I tillegg til å kunne sitte på en vanlig pc med nettilgang har eg også lastet ned appen til Blogger på min iPad. Det vil si at når eg sitter i sofakroken hjemme og kun vil surfe litt på nettbrettet har eg mulighet til å drodle ned noen tanker / lage et utkast til et blogginnlegg eg vil skrive på et senere tidspunkt.
Etter at du har skrevet blogginnlegget og publisert det er det jo alltid kjekt om andre leser det, og kanskje også kommer med tilbakemelding på det du har skrevet. Men hvordan skal folk vite om bloggen din? I en jungel av veldig mange andre blogger?
Personlig har eg valgt å publisere linkene på twitter og facebook. Dette fordi det er store sosiale nettverkstjenester som veldig mange benytter seg av. Facebook for å nå vennene mine og Twitter for å nå resten av verden.
Har tidligere skrevet et innlegg om IFTTT; If This Than That
På denne tjenesten har eg laget meg 2 oppskrifter slik at når eg publiserer et innlegg på min blogg vil mine statuser på henholdsvis facebook og twitter automatisk oppdatere seg. På denne måten slipper eg å tenke på å måtte logge meg inn for å fortelle at eg har skrevet noe nytt!
Velger denne gangen å IKKE legge ved en video. Der er mange videoer på youtube ang temaet, og det er gjerne aller best å se en tutorial (opplæring) etter man har valgt blogging tjeneste.
Om eg ikke blir brutt opp i bits eller inntar en binær form så vil det snart komme en ny blogg med nye erfaringer fra Mitt IT-eventyr!
tirsdag 14. august 2012
Terms of Service; Didn't Read
Utover de neste 2 ukene vil klasse etter klasse, skole etter skole starte opp igjen etter en lang sommer. Kanskje har du brukt sommeren til å jobbe, kanskje brukt tid på å slappe av, men en ting er eg sikker på. Har du en smart telefon eller et nettbrett har du garantert fått tips av venner om apper og sosiale nettverk som du må laste ned og begynne med.
Alle steder der man må opprette en bruker for å kunne bruke tjenesten har de en Terms of Service eller brukervilkår.
Har du lest brukervilkårene til facebook eller twitter? Vel du er ikke alene om du ikke har gjort det.
Er det noe de fleste av oss er dårlige på så er det å lese brukervilkårene før vi krysser av på 'I Agree' og velger Submit.
ToS;DR eller Terms of Service; Didn't Read om du vil er et prosjekt som startet i Juni i år som HAR lest brukervilkårene og rangerer de fra Class A (Beste) til Class E (verste).
Sidene til prosjektet er http://tos-dr.info/
Personlig synes eg dette er en spennende tanke! Å sette merkelapper på tjenester nesten på lik linje med Svanemerket eller andre merkinger av produkter.
Det skal bli kjekt å følge dette prosjektet videre!
Alle steder der man må opprette en bruker for å kunne bruke tjenesten har de en Terms of Service eller brukervilkår.
Har du lest brukervilkårene til facebook eller twitter? Vel du er ikke alene om du ikke har gjort det.
Er det noe de fleste av oss er dårlige på så er det å lese brukervilkårene før vi krysser av på 'I Agree' og velger Submit.
ToS;DR eller Terms of Service; Didn't Read om du vil er et prosjekt som startet i Juni i år som HAR lest brukervilkårene og rangerer de fra Class A (Beste) til Class E (verste).
Sidene til prosjektet er http://tos-dr.info/
Personlig synes eg dette er en spennende tanke! Å sette merkelapper på tjenester nesten på lik linje med Svanemerket eller andre merkinger av produkter.
Det skal bli kjekt å følge dette prosjektet videre!
Om eg ikke blir brutt opp i bits eller inntar en binær form så vil det snart komme en ny blogg med nye erfaringer fra Mitt IT-eventyr!
PLN - Personlig Lærings nettverk
Hei igjen!
Mange av Dere har sikkert hørt om PLN, uten å ha noe videre kunnskap eller forståelse for hva det er.
PLN som overskriften tilsier står for Personal Learning network eller personlige læringsnettverk.
Her siterer eg rett og slett Svend Andreas Horgen:
Et PLN består av et sett av verktøy, strategier og metoder for å lære, typisk i nettverk sammen med andre. Et PLN er personlig og kan variere for hver enkelt person. Sosiale medier (som Twitter, Facebook og blogg), samskrivingsverktøy (som Google Docs, Etherpad og wikier), samhandlingsverktøy (som Skype og Adobe Connect) og informasjonshåndteringssystemer (RSS, sosiale bokmerkesystemer og liknende) er noen eksempler på verktøy som kan være sentrale i et PLN. Et PLN endres over tid, både innholdsmessig og med tanke på bruk av verktøy, informasjonskilder og personer i nettverkene.
Med andre ord, et PLN er de tjenester som nettet tilbyr oss for å innhente informasjon. Hvem kjenner seg ikke igjen der poden kommer med et spørsmål så vanskelig at man må slå opp på wikipedia, eller logge seg inn på facebook for å spørre en venn?
Det som gjør det personlig er at man velger selv i hvilken grad man ønsker å bruke de forskjellige mulighetene. Hva som gir en de beste svarene.
Hva er ditt PLN? Ka bruker du selv, bortsett fra Twitter og Facebook?
Høsten er over oss og det er på tide å gå tilbake i det eg tidligere har blogget om. Både i april og i mai hadde eg innlegg som gjaldt flere av de ovennevnte mulighetene.
I tiden fremover vil eg veksle mellom å være IT-student og familiefar i fullt arbeid.
Om du er interessert i PLN, her er en liten teaser:
Om eg ikke blir brutt opp i bits eller inntar en binær form så vil det snart komme en ny blogg med nye erfaringer fra Mitt IT-eventyr!
Mange av Dere har sikkert hørt om PLN, uten å ha noe videre kunnskap eller forståelse for hva det er.
PLN som overskriften tilsier står for Personal Learning network eller personlige læringsnettverk.
Her siterer eg rett og slett Svend Andreas Horgen:
Et PLN består av et sett av verktøy, strategier og metoder for å lære, typisk i nettverk sammen med andre. Et PLN er personlig og kan variere for hver enkelt person. Sosiale medier (som Twitter, Facebook og blogg), samskrivingsverktøy (som Google Docs, Etherpad og wikier), samhandlingsverktøy (som Skype og Adobe Connect) og informasjonshåndteringssystemer (RSS, sosiale bokmerkesystemer og liknende) er noen eksempler på verktøy som kan være sentrale i et PLN. Et PLN endres over tid, både innholdsmessig og med tanke på bruk av verktøy, informasjonskilder og personer i nettverkene.
Med andre ord, et PLN er de tjenester som nettet tilbyr oss for å innhente informasjon. Hvem kjenner seg ikke igjen der poden kommer med et spørsmål så vanskelig at man må slå opp på wikipedia, eller logge seg inn på facebook for å spørre en venn?
Det som gjør det personlig er at man velger selv i hvilken grad man ønsker å bruke de forskjellige mulighetene. Hva som gir en de beste svarene.
Hva er ditt PLN? Ka bruker du selv, bortsett fra Twitter og Facebook?
Høsten er over oss og det er på tide å gå tilbake i det eg tidligere har blogget om. Både i april og i mai hadde eg innlegg som gjaldt flere av de ovennevnte mulighetene.
I tiden fremover vil eg veksle mellom å være IT-student og familiefar i fullt arbeid.
Om du er interessert i PLN, her er en liten teaser:
Om eg ikke blir brutt opp i bits eller inntar en binær form så vil det snart komme en ny blogg med nye erfaringer fra Mitt IT-eventyr!
mandag 13. august 2012
Css og fonter Del 2
Hei igjen!
Vet at eg lovet et innlegg om CSS og grafikk, men aller først vil eg at vi skal gå litt videre med fonter. Forrige innlegg snakket eg litt om de fem store nettleserne og foreslo at du kanskje kunne laste de ned.
I innlegget om fonter la vi inn en font som heter Sansation_Light, har du testet den siden i Internet Explorer? Virker ikke helt slik du hadde forventet kanskje..
Internet Explorer krever en annen type format på fontene. Det vil si at vi må skaffe oss den og for vårt bibliotek. Bruk google.com og søk på Sansation_Light.eot, pakk den ut og legg den på samme sted som den andre fonten.
Vi har allerede i vår CSS fil laget klart for denne fonten, så om du ikke allerede har lagt inn resten av banen, så er dette et godt tidspunkt å gjøre dette på.
Oppdater din Internet Explorer 9, og se at dette endrer seg! :)
Nå ser du kanskje viktigheten av å teste i mer enn en nettleser, og kanskje du også etterhvert ser hvor viktig det er å åpne for i dine CSS filer muligheten for at alle brukerne kan få fullt utbytte av det du har laget.
Kanskje du nå kan laste ned flere fonter og teste.
Om eg ikke blir brutt opp i bits eller inntar en binær form så vil det snart komme en ny blogg med nye erfaringer fra Mitt IT-eventyr!
Vet at eg lovet et innlegg om CSS og grafikk, men aller først vil eg at vi skal gå litt videre med fonter. Forrige innlegg snakket eg litt om de fem store nettleserne og foreslo at du kanskje kunne laste de ned.
I innlegget om fonter la vi inn en font som heter Sansation_Light, har du testet den siden i Internet Explorer? Virker ikke helt slik du hadde forventet kanskje..
Internet Explorer krever en annen type format på fontene. Det vil si at vi må skaffe oss den og for vårt bibliotek. Bruk google.com og søk på Sansation_Light.eot, pakk den ut og legg den på samme sted som den andre fonten.
Vi har allerede i vår CSS fil laget klart for denne fonten, så om du ikke allerede har lagt inn resten av banen, så er dette et godt tidspunkt å gjøre dette på.
Oppdater din Internet Explorer 9, og se at dette endrer seg! :)
Nå ser du kanskje viktigheten av å teste i mer enn en nettleser, og kanskje du også etterhvert ser hvor viktig det er å åpne for i dine CSS filer muligheten for at alle brukerne kan få fullt utbytte av det du har laget.
Kanskje du nå kan laste ned flere fonter og teste.
Om eg ikke blir brutt opp i bits eller inntar en binær form så vil det snart komme en ny blogg med nye erfaringer fra Mitt IT-eventyr!
lørdag 11. august 2012
Browsere
Hei igjen!
De fleste av oss vet hva en browser er. Eller på norsk, nettleser. Når du kjøper en pc får du gjerne en forhåndsinstallert nettleser på maskinen din. For eksempel Internet Explorer.
Men det er ikke dermed sagt at det er det eneste eller beste valget for deg. Der finnes mange nettlesere der ute, de støtter litt forskjellig teknologi og de har litt forskjellige måter å vise frem sidene på.
Når eg har skrevet mine blogginnlegg har eg snakket om de 5 store.
Og skal du drive med webutvikling er det absolutt en fordel å kunne teste sidene sine i mer enn 1 nettleser.
Internet Explorer.
Internet Explorer er laget av Microsoft, det samme selskapet som tilbyr deg Windows. Mange av oss kjører på pc'er med en eller annen versjon av Microsoft Windows, og da er det helt naturlig at nettleseren vi blir tilbudt er laget av samme selskap. Men om du leste mitt forrige innlegg om CSS og fonter så ser du at for at vi skulle få fonten Sansation til å fungere måtte vi laste ned en egen versjon for Internet Explorer.
Internet Explorer har lenge vært på markedet og har bygget seg et godt merkenavn.
Vil du lese mer om denne nettleseren kan du gå her:
http://windows.microsoft.com/en-us/internet-explorer/products/ie/home
Google Chrome.
Dette er en nettleser mange foretrekker, og eg stiller meg i rekken av beundrere her. Google Chrome er laget av Google Inc. Den har en behagelig måte å vise frem informasjonen på. Google Chrome er freeware og har over 32% av markedet for nettlesere.
Vil du lese mer om Google Chrome kan disse sidene være interessante:
http://en.wikipedia.org/wiki/Google_Chrome
https://www.google.com/intl/no/chrome/browser/?hl=no
Opera:
Opera er norsk og startet som et prosjekt i norges største telekom selskap Telenor.
Denne nettlesere er tilgjengelig for Windows, Mac og Linux. For de som bruker mobile enheter er den mulig å laste ned både for android og iOS.
Vil du lese mer om Opera kan du gå til denne siden:
http://www.opera.com/products/
Mozilla Firefox
Hos Mozilla omtaler de seg ikke som et tradisjonelt programvare firma, men som et samfunn. Mozilla står blant annet bak epost klienter som Thunderbird og Sunbird, som er en kalender applikasjon. Også Mozilla har sett verdien av å være cross-plattform, dvs at den ikke bare kan brukes utelukkende av en.
Les mer om Mozilla her:
http://www.mozilla.org/en-US/
Den siste nettleseren eg vil nevne i denne omgang er Safari.
Safari er nettleseren fra Apple og naturligvis den du får med når du skaffer deg en iPhone eller iPad.
Min bruk av Safari for PC er veldig begrenset, men på Apple apparatene iPhone og iPad har det fungert strålende hittil.
Vil du vite mer om denne leseren går du her:
http://www.apple.com/no/safari/
Uten å fortelle deg hva du skal eller ikke skal bruke så er mitt generelle tips at du bør laste ned og teste hver av de. Et mulig problem som kan oppstå da er at en av disse kan sette seg opp som den foretrukne browseren hvis du klikker på linker fra mail, og det er ikke sikkert at du ønsker. Men har du flere apparater kan du jo gjerne fordele nettleserne litt og så sammenligne.
Nedenfor ser du en test av en hjemmeside i alle disse fem nettleserne. Dette er fra september i fjor.
Ha en god helg og lek deg gjerne med html5 og CSS og test dine sider i disse nettleserne.
Om eg ikke blir brutt opp i bits eller inntar en binær form så vil det snart komme en ny blogg med nye erfaringer fra Mitt IT-eventyr!
De fleste av oss vet hva en browser er. Eller på norsk, nettleser. Når du kjøper en pc får du gjerne en forhåndsinstallert nettleser på maskinen din. For eksempel Internet Explorer.
Men det er ikke dermed sagt at det er det eneste eller beste valget for deg. Der finnes mange nettlesere der ute, de støtter litt forskjellig teknologi og de har litt forskjellige måter å vise frem sidene på.
Når eg har skrevet mine blogginnlegg har eg snakket om de 5 store.
Og skal du drive med webutvikling er det absolutt en fordel å kunne teste sidene sine i mer enn 1 nettleser.
Internet Explorer.
Internet Explorer er laget av Microsoft, det samme selskapet som tilbyr deg Windows. Mange av oss kjører på pc'er med en eller annen versjon av Microsoft Windows, og da er det helt naturlig at nettleseren vi blir tilbudt er laget av samme selskap. Men om du leste mitt forrige innlegg om CSS og fonter så ser du at for at vi skulle få fonten Sansation til å fungere måtte vi laste ned en egen versjon for Internet Explorer.
Internet Explorer har lenge vært på markedet og har bygget seg et godt merkenavn.
Vil du lese mer om denne nettleseren kan du gå her:
http://windows.microsoft.com/en-us/internet-explorer/products/ie/home
Google Chrome.
Dette er en nettleser mange foretrekker, og eg stiller meg i rekken av beundrere her. Google Chrome er laget av Google Inc. Den har en behagelig måte å vise frem informasjonen på. Google Chrome er freeware og har over 32% av markedet for nettlesere.
Vil du lese mer om Google Chrome kan disse sidene være interessante:
http://en.wikipedia.org/wiki/Google_Chrome
https://www.google.com/intl/no/chrome/browser/?hl=no
Opera:
Opera er norsk og startet som et prosjekt i norges største telekom selskap Telenor.
Denne nettlesere er tilgjengelig for Windows, Mac og Linux. For de som bruker mobile enheter er den mulig å laste ned både for android og iOS.
Vil du lese mer om Opera kan du gå til denne siden:
http://www.opera.com/products/
Mozilla Firefox
Hos Mozilla omtaler de seg ikke som et tradisjonelt programvare firma, men som et samfunn. Mozilla står blant annet bak epost klienter som Thunderbird og Sunbird, som er en kalender applikasjon. Også Mozilla har sett verdien av å være cross-plattform, dvs at den ikke bare kan brukes utelukkende av en.
Les mer om Mozilla her:
http://www.mozilla.org/en-US/
Den siste nettleseren eg vil nevne i denne omgang er Safari.
Safari er nettleseren fra Apple og naturligvis den du får med når du skaffer deg en iPhone eller iPad.
Min bruk av Safari for PC er veldig begrenset, men på Apple apparatene iPhone og iPad har det fungert strålende hittil.
Vil du vite mer om denne leseren går du her:
http://www.apple.com/no/safari/
Uten å fortelle deg hva du skal eller ikke skal bruke så er mitt generelle tips at du bør laste ned og teste hver av de. Et mulig problem som kan oppstå da er at en av disse kan sette seg opp som den foretrukne browseren hvis du klikker på linker fra mail, og det er ikke sikkert at du ønsker. Men har du flere apparater kan du jo gjerne fordele nettleserne litt og så sammenligne.
Nedenfor ser du en test av en hjemmeside i alle disse fem nettleserne. Dette er fra september i fjor.
Ha en god helg og lek deg gjerne med html5 og CSS og test dine sider i disse nettleserne.
Om eg ikke blir brutt opp i bits eller inntar en binær form så vil det snart komme en ny blogg med nye erfaringer fra Mitt IT-eventyr!
fredag 10. august 2012
CSS og fonter
I sist innlegg lovet eg å skrive et innlegg om CSS og fonter.
Den siste CSS standarden heter CSS3, og det er denne eg har tatt utgangspunkt i når eg skriver dette innlegget.
Som alltid så refererer eg til www.w3schools.com sine sider.
Og linken til CSS3 er: http://www.w3schools.com/css3/default.asp
Om du har brukt CSS til å behandle font tidligere så er det kanskje noen nye ting å lære seg.
Det fine med CSS3 kontra det som tidligere har vært tilfelle er at man no kan bruke hvilken font man ønsker.
Hver oppmerksom på at det ikke er alle browsere (nettlesere) som støtter det samme, derfor vil det i eksemplene bli definert på en måte slik at flere browsere støtter dine CSS krumspring.
Browserene det henvises oftest til er: Firefox, Chrome, Safari, Opera og Internet Explorer. Det kan kanskje være artig å se siden din i flere browsere etterhvert, så om du ikke har lastet de ned allerede kan det være greit. Om ikke annet enn for å teste noe annet enn det du vanligvis bruker.
Når det gjelder fonter finnes det flere typer. Du kan lese om de her http://www.fileinfo.com/filetypes/font
Du kan gjerne lese litt der om .ttf .otf og .eot
Til dette blogginnlegget synes eg det kan være greit å lage en ny html side og css fil. Om du velger å bruke det du har startet på går det også helt fint.
Mal:
<!DOCTYPE HTML>
<HTML>
<HEAD>
<link rel="stylesheet" type="text/css" href="style.css" />
</HEAD>
<BODY>
</BODY>
</HTML>
Du må også lage style.css om du velger å begynne på nytt (legg disse to filene i en ny mappe.)
Den fonten vi skal bruke heter Sansation_Light. Om du ikke har den bør du laste den ned. Et kjapt søk på google.com gir deg muligheten til det.
Om du ikke har en winzip versjon som fungerer og ikke har lyst å kjøpe til 30 USD så går det an å laste ned alternativer. Denne gangen valgte eg å laste ned 7-zip og legge fonten i en mappe som heter 'sansation' som er en undermappe av den du har lagret siden din i.
Igjen velger eg å bruke <h4> som tag til teksten. Legg inn tekst og lukk igjen med </h4>
For å helt tydelig se forskjell så lager eg også en tekst med <h5> taggen. Husk å lukke igjen etter du har skrevet det du skal.
Min html side ble seende slik ut:
<!DOCTYPE HTML>
<HTML>
<HEAD>
<meta name="author" content="Brumle Blichfeldt" />
<meta charset="UTF-8" />
<link rel="stylesheet" type="text/css" href="style.css" />
</HEAD>
<BODY>
<h4>Dette er et forsøk på å bruke CSS3 og @font-face</h4>
<h5>Her er en tekst som ikke er modifisert</h5>
</BODY>
</HTML>
Om du ser etter har eg også lagt inn at det er eg som har laget siden og eg har valgt charset UTF-8. Om du følger de oppskriftene eg tidligere har lagt ut på bloggen vet du at eg bruker UTF-8 uten BOM. Derfor har eg valgt dette charset.
CSS filen vår. Her skal vi legge inn det som får skriften til å endre seg. (Forutsetter at du har fonten)
Vi skal bruke en funksjon som heter @font-face. Ved å bruke funksjonen kan du bruke den fonten du selv måtte ønske.
vi legger inn i style.css
@font-face
{
font-family: minH4font;
src: url('sansation/Sansation_Light.ttf')
,url('Sansation_Light.eot'); /* IE9+ */
}
font-family blir på en måte en tag eller krok om du vil der du henger på informasjon om hvilken font du vil bruke. Så når vi etter på skal fortelle hva som skal endres, så kan vi fortelle at vi ønsker å knytte teksten vår til den font-family som heter minH4font.
Som du ser at url'en eg har valgt har eg en mappe som heter sansation der eg har lagt denne fonten inn. Om du skal få dette til å fungere i IE9 må du ha Sansation_Light.eot også tilgjengelig.
Neste skritt er å legge inn følgende i style.css
h4
{
font-family:minH4font;
}
Dette skal få teksten du la inn mellom <h4> og </h4> til å endre seg, mens teksten du la inn mellom <h5> og </h5> vil være som den var.
Om du vil lese litt mer om css og fonter kan dette kanskje være en god side å starte på:
http://www.w3schools.com/css/css_font.asp
Der finnes litt forskjellige videoer på youtube av ymse kvalitet, men om du ønsker å titte ekstra på det kan du kanskje plukke opp noen tips. Som for eksempel siden http://www.fontsquirrel.com/ Denne refereres det mye til!
I neste blogginnlegg om CSS vil eg vise noen andre små triks som kan lage en litt kul bakgrunn på din hjemmeside. For eksempel noe som ligner på et tregulv.
Om eg ikke blir brutt opp i bits eller inntar en binær form så vil det snart komme en ny blogg med nye erfaringer fra Mitt IT-eventyr!
Den siste CSS standarden heter CSS3, og det er denne eg har tatt utgangspunkt i når eg skriver dette innlegget.
Som alltid så refererer eg til www.w3schools.com sine sider.
Og linken til CSS3 er: http://www.w3schools.com/css3/default.asp
Om du har brukt CSS til å behandle font tidligere så er det kanskje noen nye ting å lære seg.
Det fine med CSS3 kontra det som tidligere har vært tilfelle er at man no kan bruke hvilken font man ønsker.
Hver oppmerksom på at det ikke er alle browsere (nettlesere) som støtter det samme, derfor vil det i eksemplene bli definert på en måte slik at flere browsere støtter dine CSS krumspring.
Browserene det henvises oftest til er: Firefox, Chrome, Safari, Opera og Internet Explorer. Det kan kanskje være artig å se siden din i flere browsere etterhvert, så om du ikke har lastet de ned allerede kan det være greit. Om ikke annet enn for å teste noe annet enn det du vanligvis bruker.
Når det gjelder fonter finnes det flere typer. Du kan lese om de her http://www.fileinfo.com/filetypes/font
Du kan gjerne lese litt der om .ttf .otf og .eot
Til dette blogginnlegget synes eg det kan være greit å lage en ny html side og css fil. Om du velger å bruke det du har startet på går det også helt fint.
Mal:
<!DOCTYPE HTML>
<HTML>
<HEAD>
<link rel="stylesheet" type="text/css" href="style.css" />
</HEAD>
<BODY>
</BODY>
</HTML>
Du må også lage style.css om du velger å begynne på nytt (legg disse to filene i en ny mappe.)
Den fonten vi skal bruke heter Sansation_Light. Om du ikke har den bør du laste den ned. Et kjapt søk på google.com gir deg muligheten til det.
Om du ikke har en winzip versjon som fungerer og ikke har lyst å kjøpe til 30 USD så går det an å laste ned alternativer. Denne gangen valgte eg å laste ned 7-zip og legge fonten i en mappe som heter 'sansation' som er en undermappe av den du har lagret siden din i.
Igjen velger eg å bruke <h4> som tag til teksten. Legg inn tekst og lukk igjen med </h4>
For å helt tydelig se forskjell så lager eg også en tekst med <h5> taggen. Husk å lukke igjen etter du har skrevet det du skal.
Min html side ble seende slik ut:
<!DOCTYPE HTML>
<HTML>
<HEAD>
<meta name="author" content="Brumle Blichfeldt" />
<meta charset="UTF-8" />
<link rel="stylesheet" type="text/css" href="style.css" />
</HEAD>
<BODY>
<h4>Dette er et forsøk på å bruke CSS3 og @font-face</h4>
<h5>Her er en tekst som ikke er modifisert</h5>
</BODY>
</HTML>
Om du ser etter har eg også lagt inn at det er eg som har laget siden og eg har valgt charset UTF-8. Om du følger de oppskriftene eg tidligere har lagt ut på bloggen vet du at eg bruker UTF-8 uten BOM. Derfor har eg valgt dette charset.
CSS filen vår. Her skal vi legge inn det som får skriften til å endre seg. (Forutsetter at du har fonten)
Vi skal bruke en funksjon som heter @font-face. Ved å bruke funksjonen kan du bruke den fonten du selv måtte ønske.
vi legger inn i style.css
@font-face
{
font-family: minH4font;
src: url('sansation/Sansation_Light.ttf')
,url('Sansation_Light.eot'); /* IE9+ */
}
font-family blir på en måte en tag eller krok om du vil der du henger på informasjon om hvilken font du vil bruke. Så når vi etter på skal fortelle hva som skal endres, så kan vi fortelle at vi ønsker å knytte teksten vår til den font-family som heter minH4font.
Som du ser at url'en eg har valgt har eg en mappe som heter sansation der eg har lagt denne fonten inn. Om du skal få dette til å fungere i IE9 må du ha Sansation_Light.eot også tilgjengelig.
Neste skritt er å legge inn følgende i style.css
h4
{
font-family:minH4font;
}
Dette skal få teksten du la inn mellom <h4> og </h4> til å endre seg, mens teksten du la inn mellom <h5> og </h5> vil være som den var.
Om du vil lese litt mer om css og fonter kan dette kanskje være en god side å starte på:
http://www.w3schools.com/css/css_font.asp
Der finnes litt forskjellige videoer på youtube av ymse kvalitet, men om du ønsker å titte ekstra på det kan du kanskje plukke opp noen tips. Som for eksempel siden http://www.fontsquirrel.com/ Denne refereres det mye til!
I neste blogginnlegg om CSS vil eg vise noen andre små triks som kan lage en litt kul bakgrunn på din hjemmeside. For eksempel noe som ligner på et tregulv.
Om eg ikke blir brutt opp i bits eller inntar en binær form så vil det snart komme en ny blogg med nye erfaringer fra Mitt IT-eventyr!
lørdag 4. august 2012
CSS og farger
Hei!!
Endelig har vi fått litt fart på blogginnleggene. Og du lærer no å lage enkle html sider i et litt større tempo enn vi gjorde i starten! BRA!
Sist gang snakket eg litt om HTML og CSS.
For å repetere kjapt.
Denne linjen må ligge i <HEAD> - delen av html siden din for at css skal virke:
<link rel="stylesheet" type="text/css" href="style.css" />
Filen din trenger ikke hete style.css, men så lenge vi kun opererer med 1 CSS fil synes eg det er greit å bruke det som en standard. På større sider kan du om du sjekker kilden se at de har opptil flere css tilknytninger. Det kan gjerne være gunstig når man skal begynne med toppmenyer og menyer på venstresiden osv.
Det er mange veier til ROM. Som kjent fører alle veier dit. Og litt sånn er det med CSS og farger også.
I forrige blogg viste eg litt med HEX-koder. Svart og Hvit.Motsetninger av hverandre. Men det finnes jo så klart et hav av andre farger. Ikke alle farger er gode nok til å bruke på web. Derfor er det laget Charts som viser hva man kan bruke, med HEX-kodene.
For noen år tilbake ble det laget en liste med 216 gode farger å bruke på web. Stort sett skulle det holde, og det er den eg tar utgangspunkt i her.
Listen finner du her:
http://www.w3schools.com/cssref/css_colors.asp
Under overskriften 'Web Safe Colors?'
Bruk gjerne den som referanse til å begynne med, til du føler du har kontroll på CSS og farger.
Men det er flere måter å velge ut fargen på enn å bruke hex-koder som #ffffff
Du har for eksempel RGB, som står for Red, Green, Blue.
Velger du å bruke denne metoden vil det i din CSS-fil se slik ut:
body
{
background: rgb(255,0,0);
}
Som gir fargen rød. Setter du rgb(0,255,0); vil du få grønn.
Du skjønner sikkert tegningen etterhvert.
Om man tar skrittet videre kan man også definere rgba.
Bokstaven a står her for alpha channel.
Og hva er så en alpha channel? Her må eg si at eg lett kan tråkke i salaten og tar gjerne i mot innspill og forbedringer av blogginnlegget.
Men en alpha channel ifølge w3schools er en forlengelse av RGB som sier noe om gjennomsiktigheten til en farge.
Måten du bruker det på:
body
{
background: rgba(255,0,0,0.5);
}
Skalaen går fra 0.0 til 1.0.
Lek litt med denne for å få den ønskede effekten.
Så langt har vi nevnt: Hex og RGB.
Vi har enda en HSL; Hue, Saturation, Light.
Hue står for fargetone
Saturation står for metning.
I dag stoler eg på ordbøker :)
HSL skriver vi slik i CSS:
body
{
background: hsl(120, 65%, 75%)
}
Test det ut og se hvordan det virker. Også på HSL har vi en alpha channel. Da heter det HSLA.
Det siste eg vil nevne er Cross browser predefined farger.
Her er 147 farger som er predefinert med fargenavn istedet for koder.
Listen finner du her:
http://www.w3schools.com/cssref/css_colornames.asp
Skal du bruke farger på denne måten blir det slik i CSS:
body{
background: blue;
}
Det finnes veldig mange browsere. Ikke alle browsere støtter alt.
Som du sikker har merket henviser eg veldig ofte til www.w3schools.com sin sider.
Så langt har eg funnet det meste av det eg trenger der, og de kan være en grei side å bookmarke.
19.04.2012 skrev eg et blogginnlegg om Delicious.
Som er en smart måte å bookmarke sider på. Bruk denne og bookmark sidene eg har listet opp.
I dag har det vært mye å lese og lære. Men eg håper at du har fått littegrann verktøy å leke med siden din.
Neste gang tenker eg at vi snakker litt om fonter.
Som Dere alle etterhvert vet, så liker eg å friste med en liten video:
Om eg ikke blir brutt opp i bits eller inntar en binær form så vil det snart komme en ny blogg med nye erfaringer fra Mitt IT-eventyr!
Endelig har vi fått litt fart på blogginnleggene. Og du lærer no å lage enkle html sider i et litt større tempo enn vi gjorde i starten! BRA!
Sist gang snakket eg litt om HTML og CSS.
For å repetere kjapt.
Denne linjen må ligge i <HEAD> - delen av html siden din for at css skal virke:
<link rel="stylesheet" type="text/css" href="style.css" />
Filen din trenger ikke hete style.css, men så lenge vi kun opererer med 1 CSS fil synes eg det er greit å bruke det som en standard. På større sider kan du om du sjekker kilden se at de har opptil flere css tilknytninger. Det kan gjerne være gunstig når man skal begynne med toppmenyer og menyer på venstresiden osv.
Det er mange veier til ROM. Som kjent fører alle veier dit. Og litt sånn er det med CSS og farger også.
I forrige blogg viste eg litt med HEX-koder. Svart og Hvit.Motsetninger av hverandre. Men det finnes jo så klart et hav av andre farger. Ikke alle farger er gode nok til å bruke på web. Derfor er det laget Charts som viser hva man kan bruke, med HEX-kodene.
For noen år tilbake ble det laget en liste med 216 gode farger å bruke på web. Stort sett skulle det holde, og det er den eg tar utgangspunkt i her.
Listen finner du her:
http://www.w3schools.com/cssref/css_colors.asp
Under overskriften 'Web Safe Colors?'
Bruk gjerne den som referanse til å begynne med, til du føler du har kontroll på CSS og farger.
Men det er flere måter å velge ut fargen på enn å bruke hex-koder som #ffffff
Du har for eksempel RGB, som står for Red, Green, Blue.
Velger du å bruke denne metoden vil det i din CSS-fil se slik ut:
body
{
background: rgb(255,0,0);
}
Som gir fargen rød. Setter du rgb(0,255,0); vil du få grønn.
Du skjønner sikkert tegningen etterhvert.
Om man tar skrittet videre kan man også definere rgba.
Bokstaven a står her for alpha channel.
Og hva er så en alpha channel? Her må eg si at eg lett kan tråkke i salaten og tar gjerne i mot innspill og forbedringer av blogginnlegget.
Men en alpha channel ifølge w3schools er en forlengelse av RGB som sier noe om gjennomsiktigheten til en farge.
Måten du bruker det på:
body
{
background: rgba(255,0,0,0.5);
}
Skalaen går fra 0.0 til 1.0.
Lek litt med denne for å få den ønskede effekten.
Så langt har vi nevnt: Hex og RGB.
Vi har enda en HSL; Hue, Saturation, Light.
Hue står for fargetone
Saturation står for metning.
I dag stoler eg på ordbøker :)
HSL skriver vi slik i CSS:
body
{
background: hsl(120, 65%, 75%)
}
Test det ut og se hvordan det virker. Også på HSL har vi en alpha channel. Da heter det HSLA.
Det siste eg vil nevne er Cross browser predefined farger.
Her er 147 farger som er predefinert med fargenavn istedet for koder.
Listen finner du her:
http://www.w3schools.com/cssref/css_colornames.asp
Skal du bruke farger på denne måten blir det slik i CSS:
body{
background: blue;
}
Det finnes veldig mange browsere. Ikke alle browsere støtter alt.
Som du sikker har merket henviser eg veldig ofte til www.w3schools.com sin sider.
Så langt har eg funnet det meste av det eg trenger der, og de kan være en grei side å bookmarke.
19.04.2012 skrev eg et blogginnlegg om Delicious.
Som er en smart måte å bookmarke sider på. Bruk denne og bookmark sidene eg har listet opp.
I dag har det vært mye å lese og lære. Men eg håper at du har fått littegrann verktøy å leke med siden din.
Neste gang tenker eg at vi snakker litt om fonter.
Som Dere alle etterhvert vet, så liker eg å friste med en liten video:
Om eg ikke blir brutt opp i bits eller inntar en binær form så vil det snart komme en ny blogg med nye erfaringer fra Mitt IT-eventyr!
fredag 3. august 2012
HTML Kodeskriving VI
Hei igjen!
Etter forrige blogginnlegg fikk eg tilbakemelding om at det å skrive HTML egentlig ikke var programmering siden det ikke skulle kompileres. Eg ser veldig mange steder på nett at det omtales som HTML programmering, men lytter til vedkommende og omdøper det til Kodeskriving. Så får resten av Dere velge selv :)
Sommeren er over og det er tid for å ta fatt på nye blogginnlegg.
Siste innlegg var av det korte slaget, så eg regner med at du er klar for å ta fatt på nye utfordringer.
<!DOCTYPE HTML>
<HTML>
<HEAD>
<TITLE>HER SKAL VI LEGGE INN TITTELEN</TITLE>
</HEAD>
<BODY>
<img src="images/bilde2.jpg" width="200" height="200" alt="bilde 2" /><br />
<h4>Dette bildet er tatt på forsommeren av en iPhone4 og redigert av en iPhone4S med en liten app</h4>
<br />
<h4>Bildet er tatt av Brumle Blichfeldt</h4>
</BODY>
</HTML>
Nå har vi et godt utgangspunkt for ett av temaene eg vil ta opp; CSS
Men før eg skal gå inn på det temaet vil eg fortelle om noe som heter 'id'
'id' er en Global attributt. Det vil si at når du har tildelt et element den attributten vil det elementet kunne adresseres av blant annet en CSS fil. Eller et Javascript.
Vi skal etterhvert se på CSS. Det står for Cascading Style Sheets og er blitt mer eller mindre standard for måten layout/grafikk defineres på en html side.
På side 2 har vi et bilde, eller et <img>. Dette kan vi tildele en 'id'
La oss kalle bilde for bilde2. Bak taggen <img> som definerer dette bildet legger vi til attributten slik. id="bilde2"
Da vil html kode for side2.html se slik ut:
<!DOCTYPE HTML>
<HTML>
<HEAD>
<TITLE>HER SKAL VI LEGGE INN TITTELEN</TITLE>
</HEAD>
<BODY>
<img src="images/bilde2.jpg" id="bilde2" width="200" height="200" alt="bilde 2" /><br />
<h4>Dette bildet er tatt på forsommeren av en iPhone4 og redigert av en iPhone4S med en liten app</h4>
<br />
<h4>Bildet er tatt av Brumle Blichfeldt</h4>
</BODY>
</HTML>
Med CSS kan vi definerer farger, vi kan dele inn siden vår i deler (for senere å bygge menyer), vi kan bestemme posisjonen til elementene ved å knytte css opp mot 'id'en som vi nettopp definerte, vi kan endre tekst; font og farger.
Nok snakk om CSS. La oss opprette en css fil og sette i gang! Eg tar utgangspunkt i at du no vet hvordan du skal opprette nye dokumenter til websiden. Lag en ny tom side som du lagrer som style.css
Dette skal du lagre i samme mappen som dine html sider. Har du gjort det rett vil ikonet i mappen se ut som et papirark med et tannhjul på og under egenskaper vil du få beskjed om at det er en css fil. Egenskapene til en fil finner du ved å høyreklikke.
La style.css bare være tom for øyeblikket. VI kommer fort nok i gang med tastingen.
Nå skal vi knytte sammen html sidene dine og css filen.
Det gjør vi ved å legge inn følgende informasjon inn i <HEAD>-taggen:
<link rel="stylesheet" type="text/css" href="style.css" />
Dette gjør du på begge html sidene dine.Grunnen til dette er, og det er også hovedformålet med CSS, at du da kan endre fellesinformasjon ett sted.
Tenk deg at du har laget 15-20 html sider og må endre informasjon hele tiden på alle. Det er tungvint!
Din <HEAD>-tag på begge sidene skal se slik ut:
<HEAD>
<TITLE>HER SKAL VI LEGGE INN TITTELEN</TITLE>
<link rel="stylesheet" type="text/css" href="style.css" />
</HEAD>
Nå skal vi legge inn den første informasjonen i vår style.css
Lim inn følgende:
body
{
background: #000000;
}
Du skjønner kanskje alt no at noe skal skje med bakgrunnen på websidene.
Lagre style.css og om du allerede har sidene dine oppe, Trykk F5.
#000000 er en HEX kode for fargen svart. Der finnes andre måter å definere farger på med CSS, men eg foretrekker personlig HEX-kodene.
På min side2.html valgte eg å skrive littegranne skrift med <H4>.
<H4> kan vi også behandle med CSS.
Legg inn følgende:
h4
{
color: #ffffff;
}
#ffffff er koden for fargen hvit.
Du ser måten eg skriver koden inn i CSS på.
Element som skal endres på
Åpningsbracket
Hva som skal endres: hvordan;
Lukkebracket
Du har no fått en liten smakebit på CSS. Kanskje du kan endre litt på fargene selv. Om du har lest mine tidligere blogginnlegg om det heksadesimale tallsystem så vet du at det går fra 0-9 og videre fra A-F. Av de 6 tallene du kan endre på kan du erstatte en 0 med hvilket som helst av de tallene i det heksadesimale system.
Skal snakke litt mer om css og farger i et senere innlegg!
Om eg ikke blir brutt opp i bits eller inntar en binær form så vil det snart komme en ny blogg med nye erfaringer fra Mitt IT-eventyr!
Etter forrige blogginnlegg fikk eg tilbakemelding om at det å skrive HTML egentlig ikke var programmering siden det ikke skulle kompileres. Eg ser veldig mange steder på nett at det omtales som HTML programmering, men lytter til vedkommende og omdøper det til Kodeskriving. Så får resten av Dere velge selv :)
Sommeren er over og det er tid for å ta fatt på nye blogginnlegg.
Siste innlegg var av det korte slaget, så eg regner med at du er klar for å ta fatt på nye utfordringer.
<!DOCTYPE HTML>
<HTML>
<HEAD>
<TITLE>HER SKAL VI LEGGE INN TITTELEN</TITLE>
</HEAD>
<BODY>
<img src="images/bilde2.jpg" width="200" height="200" alt="bilde 2" /><br />
<h4>Dette bildet er tatt på forsommeren av en iPhone4 og redigert av en iPhone4S med en liten app</h4>
<br />
<h4>Bildet er tatt av Brumle Blichfeldt</h4>
</BODY>
</HTML>
Nå har vi et godt utgangspunkt for ett av temaene eg vil ta opp; CSS
Men før eg skal gå inn på det temaet vil eg fortelle om noe som heter 'id'
'id' er en Global attributt. Det vil si at når du har tildelt et element den attributten vil det elementet kunne adresseres av blant annet en CSS fil. Eller et Javascript.
Vi skal etterhvert se på CSS. Det står for Cascading Style Sheets og er blitt mer eller mindre standard for måten layout/grafikk defineres på en html side.
På side 2 har vi et bilde, eller et <img>. Dette kan vi tildele en 'id'
La oss kalle bilde for bilde2. Bak taggen <img> som definerer dette bildet legger vi til attributten slik. id="bilde2"
Da vil html kode for side2.html se slik ut:
<!DOCTYPE HTML>
<HTML>
<HEAD>
<TITLE>HER SKAL VI LEGGE INN TITTELEN</TITLE>
</HEAD>
<BODY>
<img src="images/bilde2.jpg" id="bilde2" width="200" height="200" alt="bilde 2" /><br />
<h4>Dette bildet er tatt på forsommeren av en iPhone4 og redigert av en iPhone4S med en liten app</h4>
<br />
<h4>Bildet er tatt av Brumle Blichfeldt</h4>
</BODY>
</HTML>
Med CSS kan vi definerer farger, vi kan dele inn siden vår i deler (for senere å bygge menyer), vi kan bestemme posisjonen til elementene ved å knytte css opp mot 'id'en som vi nettopp definerte, vi kan endre tekst; font og farger.
Nok snakk om CSS. La oss opprette en css fil og sette i gang! Eg tar utgangspunkt i at du no vet hvordan du skal opprette nye dokumenter til websiden. Lag en ny tom side som du lagrer som style.css
Dette skal du lagre i samme mappen som dine html sider. Har du gjort det rett vil ikonet i mappen se ut som et papirark med et tannhjul på og under egenskaper vil du få beskjed om at det er en css fil. Egenskapene til en fil finner du ved å høyreklikke.
La style.css bare være tom for øyeblikket. VI kommer fort nok i gang med tastingen.
Nå skal vi knytte sammen html sidene dine og css filen.
Det gjør vi ved å legge inn følgende informasjon inn i <HEAD>-taggen:
<link rel="stylesheet" type="text/css" href="style.css" />
Dette gjør du på begge html sidene dine.Grunnen til dette er, og det er også hovedformålet med CSS, at du da kan endre fellesinformasjon ett sted.
Tenk deg at du har laget 15-20 html sider og må endre informasjon hele tiden på alle. Det er tungvint!
Din <HEAD>-tag på begge sidene skal se slik ut:
<HEAD>
<TITLE>HER SKAL VI LEGGE INN TITTELEN</TITLE>
<link rel="stylesheet" type="text/css" href="style.css" />
</HEAD>
Nå skal vi legge inn den første informasjonen i vår style.css
Lim inn følgende:
body
{
background: #000000;
}
Du skjønner kanskje alt no at noe skal skje med bakgrunnen på websidene.
Lagre style.css og om du allerede har sidene dine oppe, Trykk F5.
#000000 er en HEX kode for fargen svart. Der finnes andre måter å definere farger på med CSS, men eg foretrekker personlig HEX-kodene.
På min side2.html valgte eg å skrive littegranne skrift med <H4>.
<H4> kan vi også behandle med CSS.
Legg inn følgende:
h4
{
color: #ffffff;
}
#ffffff er koden for fargen hvit.
Du ser måten eg skriver koden inn i CSS på.
Element som skal endres på
Åpningsbracket
Hva som skal endres: hvordan;
Lukkebracket
Du har no fått en liten smakebit på CSS. Kanskje du kan endre litt på fargene selv. Om du har lest mine tidligere blogginnlegg om det heksadesimale tallsystem så vet du at det går fra 0-9 og videre fra A-F. Av de 6 tallene du kan endre på kan du erstatte en 0 med hvilket som helst av de tallene i det heksadesimale system.
Skal snakke litt mer om css og farger i et senere innlegg!
Om eg ikke blir brutt opp i bits eller inntar en binær form så vil det snart komme en ny blogg med nye erfaringer fra Mitt IT-eventyr!
torsdag 2. august 2012
HTML programmering Del V
For en stund siden lovet eg at eg skulle komme tilbake med en ny blogg der eg skulle vise hvordan man gjør bildene om til linker.
Og løfter skal man holde. Det er vi opplært til alle som en.
Sist vi holdt på avsluttet vi med følgende webside:
<!DOCTYPE HTML>
<HTML>
<HEAD>
<TITLE>HER SKAL VI LEGGE INN TITTELEN</TITLE>
</HEAD>
<BODY>
<H1>Mine linker!</H1>
<br />
<H2>Linker fra nett:</H2>
<a href="http://www.vg.no" target="_blank" title="vg.no">vg.no</a><br>
<br />
<H2>Mine egne sider:</H2>
<a href="side2.html">Side2</a>
<br />
<img src="images/bilde1.jpg" alt="bilde 1" /><br />
<img src="images/bilde2.jpg" width="200" height="200" alt="bilde 2" /><br />
<img src="images/bilde3.jpg" alt="bilde 3" />
</BODY>
</HTML>
La oss ta utgangspunkt i bilde 2 som er det minste bildet.
Erstatt linjen som ser slik ut:
<img src="images/bilde2.jpg" width="200" height="200" alt="bilde 2" /><br />
Med en linje som ser slik ut:
<a href="side2.html" target="_blank"> <img src="images/bilde2.jpg" width="200" height="200" alt="bilde 2" border="0"></a><br />
Det vi nå får er et bilde som er omgjort til en link. Klikker du på bildet slik du ville gjort med en link kommer du til side2.html som vi tidligere har laget. Med mindre du selv har gjort noe får du opp en blank side.
Til neste gang kan du gjerne leke litt med side2.html slik at den senere ikke bare kommer opp som en blank side. Så skal eg gjøre det samme.
Det nærmer seg et punkt der det er naturlig å snakke litt om CSS. Det kan vi se litt på neste gang når vi har 2 sider å leke med!
Om eg ikke blir brutt opp i bits eller inntar en binær form så vil det snart komme en ny blogg med nye erfaringer fra Mitt IT-eventyr!
Og løfter skal man holde. Det er vi opplært til alle som en.
Sist vi holdt på avsluttet vi med følgende webside:
<!DOCTYPE HTML>
<HTML>
<HEAD>
<TITLE>HER SKAL VI LEGGE INN TITTELEN</TITLE>
</HEAD>
<BODY>
<H1>Mine linker!</H1>
<br />
<H2>Linker fra nett:</H2>
<a href="http://www.vg.no" target="_blank" title="vg.no">vg.no</a><br>
<br />
<H2>Mine egne sider:</H2>
<a href="side2.html">Side2</a>
<br />
<img src="images/bilde1.jpg" alt="bilde 1" /><br />
<img src="images/bilde2.jpg" width="200" height="200" alt="bilde 2" /><br />
<img src="images/bilde3.jpg" alt="bilde 3" />
</BODY>
</HTML>
La oss ta utgangspunkt i bilde 2 som er det minste bildet.
Erstatt linjen som ser slik ut:
<img src="images/bilde2.jpg" width="200" height="200" alt="bilde 2" /><br />
Med en linje som ser slik ut:
<a href="side2.html" target="_blank"> <img src="images/bilde2.jpg" width="200" height="200" alt="bilde 2" border="0"></a><br />
Det vi nå får er et bilde som er omgjort til en link. Klikker du på bildet slik du ville gjort med en link kommer du til side2.html som vi tidligere har laget. Med mindre du selv har gjort noe får du opp en blank side.
Til neste gang kan du gjerne leke litt med side2.html slik at den senere ikke bare kommer opp som en blank side. Så skal eg gjøre det samme.
Det nærmer seg et punkt der det er naturlig å snakke litt om CSS. Det kan vi se litt på neste gang når vi har 2 sider å leke med!
Om eg ikke blir brutt opp i bits eller inntar en binær form så vil det snart komme en ny blogg med nye erfaringer fra Mitt IT-eventyr!
onsdag 1. august 2012
Outlook.com
Hei igjen!
Flere av nettstedene som har hovedfokus på it-relaterte hendelser har i dag skrevet om at Microsoft no har kommer med outlook.com. Den ble lansert i går.
Når eg skal oppdatere meg på it-nyheter starter eg som oftest med å gå inn på denne siden:
http://itgutta.no/it-nyheter/
En av de som omtaler Microsoft sin nye mail tjeneste på web er ComputerWorld, og en av tingene de legger vekt på er at denne nye tjenesten etterhvert skal overta for hotmail.
Det var jo klart at eg måtte teste denne!
Om du tar opp siden outlook.com og logger deg inn med hotmail kontoen din setter du i gang en prosess for å gjøre hotmail om til outlook.
I prosessen får du mulighet til å endre brukeren din, så om du var lite fornøyd med hotmailnavnet ditt har du nå fått en ny sjanse! Om du er raskt ute slipper du kanskje å bli anita527. Enda en i rekken av personer som har nesten samme mailadresse som deg.
Outlook.com er ganske flott å se på, men minner veldig om noe man har sett før om man har fartet rundt på nettet en stund.
Prosessen for å bli Outlook.com bruker er nesten smertefri, men Microsoft har fremdeles noen få ting de burde endret på... Som for eksempel å kutte ned på antall meldinger med sifre man må taste inn for at man skal få opprettet en konto, som når man har logget av og på igjen et par ganger virker som den skal.
En annen fin ting er at Microsoft på en enkel måte lar deg flytte alle de gamle hotmailene inn i en egen mappe og lover å videresende mailer som kommer til den gamle adressen og flytte de til denne mappen.
Sånt liker vi!
For ingenting er kjekkere når man får en ny mail enn at den faktisk er TOM, samtidig som man ikke mister det gamle!
Om noen vil lese ComputerWorld sin artikkel er dette linken:
http://www.idg.no/computerworld/article250258.ece
Her er en liten video som forteller litt (amerikansk tale)
En annen ting som gjerne er vært å nevne før man logger ut er at outlook.com er sterkt knyttet opp mot facebook og twitter. Og knyttet til Microsofts Sky tjeneste.
Om eg ikke blir brutt opp i bits eller inntar en binær form så vil det snart komme en ny blogg med nye erfaringer fra Mitt IT-eventyr!
Flere av nettstedene som har hovedfokus på it-relaterte hendelser har i dag skrevet om at Microsoft no har kommer med outlook.com. Den ble lansert i går.
Når eg skal oppdatere meg på it-nyheter starter eg som oftest med å gå inn på denne siden:
http://itgutta.no/it-nyheter/
En av de som omtaler Microsoft sin nye mail tjeneste på web er ComputerWorld, og en av tingene de legger vekt på er at denne nye tjenesten etterhvert skal overta for hotmail.
Det var jo klart at eg måtte teste denne!
Om du tar opp siden outlook.com og logger deg inn med hotmail kontoen din setter du i gang en prosess for å gjøre hotmail om til outlook.
I prosessen får du mulighet til å endre brukeren din, så om du var lite fornøyd med hotmailnavnet ditt har du nå fått en ny sjanse! Om du er raskt ute slipper du kanskje å bli anita527. Enda en i rekken av personer som har nesten samme mailadresse som deg.
Outlook.com er ganske flott å se på, men minner veldig om noe man har sett før om man har fartet rundt på nettet en stund.
Prosessen for å bli Outlook.com bruker er nesten smertefri, men Microsoft har fremdeles noen få ting de burde endret på... Som for eksempel å kutte ned på antall meldinger med sifre man må taste inn for at man skal få opprettet en konto, som når man har logget av og på igjen et par ganger virker som den skal.
En annen fin ting er at Microsoft på en enkel måte lar deg flytte alle de gamle hotmailene inn i en egen mappe og lover å videresende mailer som kommer til den gamle adressen og flytte de til denne mappen.
Sånt liker vi!
For ingenting er kjekkere når man får en ny mail enn at den faktisk er TOM, samtidig som man ikke mister det gamle!
Om noen vil lese ComputerWorld sin artikkel er dette linken:
http://www.idg.no/computerworld/article250258.ece
Her er en liten video som forteller litt (amerikansk tale)
En annen ting som gjerne er vært å nevne før man logger ut er at outlook.com er sterkt knyttet opp mot facebook og twitter. Og knyttet til Microsofts Sky tjeneste.
Om eg ikke blir brutt opp i bits eller inntar en binær form så vil det snart komme en ny blogg med nye erfaringer fra Mitt IT-eventyr!
søndag 29. juli 2012
Short URL's
Dagens tema er Short URL.
Og hva er så en URL?
Kjært barn har mange navn. URL, link, hyperkobling.
Kort fortalt så er det adressen til den siden du vil lese på internett.
Når du skal lese min blogg har du enten fått linken tilsendt av meg eller en annen som har lest bloggen.
Eller kanskje du har funnet meg på twitter eller facebook.
Før eg begynte å bruke IFTTT (se forrige blogg) så min URL slik ut:
http://bamsehiet.blogspot.com/ når eg la den ut på sosiale medier.
Etter at eg har begynt å la automatikken råde så ordner IFTTT det slik at når det legges ut ser det slik ut:
http://bit.ly/Nr0jjz (dette er linken til bloggen om IFTTT)
Og det er her vi snakker om Short URL's
Som du ser så er den kortere enn den vanlige linken til bloggen min, og denne er til og med spesifikk til den ene bloggen.
Skulle eg selv lagt ut linken til den ene spesifikke bloggen ville det sett slik ut:
http://bamsehiet.blogspot.no/2012/07/if-this-then-that_22.html
I dette tilfellet er det bitly.com som har levert en kortere link.
http://bitly.com/
Hvem er så bitly.com og hva kan de gjøre for meg?
Allerede på forsiden, før du har bedt om en konto eller sett noe særlig på konseptet får du muligheten til å lage Short Url's
Hvorfor skal du lage Short URL's? Tvitrer du?
Veldig mange sider på nettet har veldig lange linker.
Og skal du da på twitter (som kanskje er det beste eksemplet) dele en link, forsvinner dine 140
tegn ganske fort.
Tar du turen rundt på nettet vil du se at bitly sine Short URL's er mye brukt.
Her er en liten video:
Om eg ikke blir brutt opp i bits eller inntar en binær form så vil det snart komme en ny blogg med nye erfaringer fra Mitt IT-eventyr!
Og hva er så en URL?
Kjært barn har mange navn. URL, link, hyperkobling.
Kort fortalt så er det adressen til den siden du vil lese på internett.
Når du skal lese min blogg har du enten fått linken tilsendt av meg eller en annen som har lest bloggen.
Eller kanskje du har funnet meg på twitter eller facebook.
Før eg begynte å bruke IFTTT (se forrige blogg) så min URL slik ut:
http://bamsehiet.blogspot.com/ når eg la den ut på sosiale medier.
Etter at eg har begynt å la automatikken råde så ordner IFTTT det slik at når det legges ut ser det slik ut:
http://bit.ly/Nr0jjz (dette er linken til bloggen om IFTTT)
Og det er her vi snakker om Short URL's
Som du ser så er den kortere enn den vanlige linken til bloggen min, og denne er til og med spesifikk til den ene bloggen.
Skulle eg selv lagt ut linken til den ene spesifikke bloggen ville det sett slik ut:
http://bamsehiet.blogspot.no/2012/07/if-this-then-that_22.html
I dette tilfellet er det bitly.com som har levert en kortere link.
http://bitly.com/
Hvem er så bitly.com og hva kan de gjøre for meg?
Allerede på forsiden, før du har bedt om en konto eller sett noe særlig på konseptet får du muligheten til å lage Short Url's
Hvorfor skal du lage Short URL's? Tvitrer du?
Veldig mange sider på nettet har veldig lange linker.
Og skal du da på twitter (som kanskje er det beste eksemplet) dele en link, forsvinner dine 140
tegn ganske fort.
Tar du turen rundt på nettet vil du se at bitly sine Short URL's er mye brukt.
Her er en liten video:
Om eg ikke blir brutt opp i bits eller inntar en binær form så vil det snart komme en ny blogg med nye erfaringer fra Mitt IT-eventyr!
lørdag 28. juli 2012
Mindmaps
Hei igjen!!
Det nærmer seg studiestart for mange, selv om vi enda har noen uker igjen med "sommer" De aller fleste av oss har veldig hektisk dager, og det blir ikke akkurat mindre hektisk jo eldre vi blir.
Jobb, barn, barnas fritidssysler, egne interesser skal pleies, og når man da i tillegg slenger inn en Bachelor utdannelse så er timeplanen så godt som fullstappet.
Da er det viktig å være strukturert, planlegge godt, og kanskje ikke aller minst ha de riktige verktøyene.
Og det er et slikt verktøy eg vil trekke frem denne gangen.
For en del år tilbake ble eg introdusert for et fenomen som heter Mind-maps. Som er en glimrende måte å jobbe på iforbindelse med læring, prosjekter, øke hukommelsen og det siste spesielt er viktig når man skal lese til eksamener.
Og hva er så et mindmap?
Jo! Det er en måte å visualisere det man kan rundt et tema. La oss ta utgangspunkt i temaet verdenshistorien.
Umåtelig stort tema, hvor det er mye å lese og veldig mye å huske.
Siden eg ikke er noen historiker kan det godt være at eg kommer med noen feile detaljer her, men
det er kun for å eksemplifisere hva mind-maps er.
Ta et stort hvitt ark. A4 er stort nok til denne øvelsen. Sett ordet 'verdenshistorien' midt på arket med en sirkel rundt. Dette er utgangspunktet ditt. Tegn en liten strek (1 cm eller no) ut fra sirkelen din og skriv et nytt ord 'verdenskrigene'. Sett en sirkel rundt det og.
Utifra det ordet kan man lage 2 nye bobler 'Første verdenskrig' og 'Andre verdenskrig'. Og slik kan du fortsette. Utifra ditt eget hode. Og det er litt av poenget her. Det er utifra DITT hode.
Det fine er at du kan bruke farger, små tegninger, ord, bilder, hva det nå enn måtte være som
får DEG til å huske.
Se på denne videoen av Tracy Gardner på youtube
Men dette er ment å være en blogg innen IT så denne innledningen fører til et tips. Eg har ikke lagt skjul
på i min blogg fascinasjonen for nettbrett og andre bærbare enheter.
Der finnes en app som er både for iPad og Android som heter MindJet.
Denne har eg testet og det tok ikke lange tiden før eg hadde laget et digert mindmap over mitt nyeste prosjekt! Og det er viktig når man skal velge seg apper, at de er så enkle at man slipper å tenke over hvordan man skal bruke de, man kan bare sette i gang. På MindJet har man blant annet mulighet for å legge til farger, man kan legge inn lister, og man har hele tiden oversikten over hva man har gjort.
Når man så er ferdig kan man velge om man bare skal lagre det, eller om man skal for eksempel sende det videre som en mail. Da får man mailen som tekst, samtidig som man får mindmappet som et tillegg i form av en PDF-fil. PDF står for Portable Document Format og er et veldig godt filformat til dette.
Hjemmesiden til MindJet er http://www.mindjet.com
Der kan du finne en del informasjon om produktene Deres, samt litt om hvem de er. Kan være verdt å ta en liten titt.
Som de fleste andre litt større aktører på nett som har et godt produkt og respekt for seg selv så er det laget youtube videoer for å illustrere hvor enkle produktene er. MindJet har også slike.
Video for MindJet for iPad & iPhone
Video for MindJet for Android
Tre videoer denne gangen! Også Android brukerne er tatt godt hånd om!
Håper dette blogginnlegget har gitt deg et tips du kan bruke utover høsten!
Om eg ikke blir brutt opp i bits eller inntar en binær form så vil det snart komme en ny blogg med nye erfaringer fra Mitt IT-eventyr!
Det nærmer seg studiestart for mange, selv om vi enda har noen uker igjen med "sommer" De aller fleste av oss har veldig hektisk dager, og det blir ikke akkurat mindre hektisk jo eldre vi blir.
Jobb, barn, barnas fritidssysler, egne interesser skal pleies, og når man da i tillegg slenger inn en Bachelor utdannelse så er timeplanen så godt som fullstappet.
Da er det viktig å være strukturert, planlegge godt, og kanskje ikke aller minst ha de riktige verktøyene.
Og det er et slikt verktøy eg vil trekke frem denne gangen.
For en del år tilbake ble eg introdusert for et fenomen som heter Mind-maps. Som er en glimrende måte å jobbe på iforbindelse med læring, prosjekter, øke hukommelsen og det siste spesielt er viktig når man skal lese til eksamener.
Og hva er så et mindmap?
Jo! Det er en måte å visualisere det man kan rundt et tema. La oss ta utgangspunkt i temaet verdenshistorien.
Umåtelig stort tema, hvor det er mye å lese og veldig mye å huske.
Siden eg ikke er noen historiker kan det godt være at eg kommer med noen feile detaljer her, men
det er kun for å eksemplifisere hva mind-maps er.
Ta et stort hvitt ark. A4 er stort nok til denne øvelsen. Sett ordet 'verdenshistorien' midt på arket med en sirkel rundt. Dette er utgangspunktet ditt. Tegn en liten strek (1 cm eller no) ut fra sirkelen din og skriv et nytt ord 'verdenskrigene'. Sett en sirkel rundt det og.
Utifra det ordet kan man lage 2 nye bobler 'Første verdenskrig' og 'Andre verdenskrig'. Og slik kan du fortsette. Utifra ditt eget hode. Og det er litt av poenget her. Det er utifra DITT hode.
Det fine er at du kan bruke farger, små tegninger, ord, bilder, hva det nå enn måtte være som
får DEG til å huske.
Se på denne videoen av Tracy Gardner på youtube
Men dette er ment å være en blogg innen IT så denne innledningen fører til et tips. Eg har ikke lagt skjul
på i min blogg fascinasjonen for nettbrett og andre bærbare enheter.
Der finnes en app som er både for iPad og Android som heter MindJet.
Denne har eg testet og det tok ikke lange tiden før eg hadde laget et digert mindmap over mitt nyeste prosjekt! Og det er viktig når man skal velge seg apper, at de er så enkle at man slipper å tenke over hvordan man skal bruke de, man kan bare sette i gang. På MindJet har man blant annet mulighet for å legge til farger, man kan legge inn lister, og man har hele tiden oversikten over hva man har gjort.
Når man så er ferdig kan man velge om man bare skal lagre det, eller om man skal for eksempel sende det videre som en mail. Da får man mailen som tekst, samtidig som man får mindmappet som et tillegg i form av en PDF-fil. PDF står for Portable Document Format og er et veldig godt filformat til dette.
Hjemmesiden til MindJet er http://www.mindjet.com
Der kan du finne en del informasjon om produktene Deres, samt litt om hvem de er. Kan være verdt å ta en liten titt.
Som de fleste andre litt større aktører på nett som har et godt produkt og respekt for seg selv så er det laget youtube videoer for å illustrere hvor enkle produktene er. MindJet har også slike.
Video for MindJet for iPad & iPhone
Video for MindJet for Android
Tre videoer denne gangen! Også Android brukerne er tatt godt hånd om!
Håper dette blogginnlegget har gitt deg et tips du kan bruke utover høsten!
Om eg ikke blir brutt opp i bits eller inntar en binær form så vil det snart komme en ny blogg med nye erfaringer fra Mitt IT-eventyr!
søndag 22. juli 2012
If this then that…
Det høres nesten ut som en setning som kommer ut fra en far som prøver å få barna til å forstå
at enkelte ting er ikke akseptert.I dette tilfellet er dette noe mye mer positivt og så absolutt inn i tiden,
selv om tjeneste ble lansert for halvannet år siden. Jfr Nr7/2012 Hjemme PC
I det siste Hjemme PC bladet har de en artikkel om ifttt.com, som var det som fikk meg til å sperre opp øynene!
Poenget med hele tjenesten er å automatisere internett for deg.
Ta for eksempel meg. Eg blogger, og grunnen til at eg blogger er for å dele en av mine interesser med andre.
Hvordan skal eg få delt med andre min blogg?
Eg har valgt å spre mitt budskap utover facebook og twitter.
Og frem til eg fant denne løsningen har det blitt gjort manuelt, når eg har hatt en mulighet.
Ikke nok med at man skal skrive og redigere bloggen sin, men man skal også sørge for å få det delt med andre.
Ifttt.com er en tjeneste som hjelper deg med blant annet slikt.
Etter man har laget seg en konto velger man å lage en oppskrift (eller flere) på hvordan man ønsker at ting skal være.
Personlig har eg 2 oppskrifter. Når eg legger ut en ny blogg skal den tvitres og den skal legges ut på facebook.
Ifttt.com kjøres hvert 15 minutt, så i ”verste” fall kan det ta 15 minutter før det er publisert!
Løsningen ifttt.com har valgt er veldig intuitiv. Med det mener eg at det er veldig lett å lage en oppskrift.
Blogger, Facebook, Twitter og DropBox med flere blir kalt channels, eller kanaler.
Totalt støtter ifttt.com 47 kanaler. Så i tillegg til å gjøre ting lettere for deg,
så blir du kanskje kjent med nye tjenester og muligheter gjennom å bruke ifttt.com?
Linken til ifttt: http://ifttt.com/
Det nærmer seg sommerferie, og vi har nettopp vært gjennom en serie blogginnlegg som omhandler bilder. Med ifttt kan du lagre bilder fra Instagram til DropBox.
Her er ifttt.com sin egen side om hvem de er og hva de gjør:
http://ifttt.com/wtf
God sommer!
Om eg ikke blir brutt opp i bits eller inntar en binær form så vil det snart komme en ny blogg med nye erfaringer fra Mitt IT-eventyr!
at enkelte ting er ikke akseptert.I dette tilfellet er dette noe mye mer positivt og så absolutt inn i tiden,
selv om tjeneste ble lansert for halvannet år siden. Jfr Nr7/2012 Hjemme PC
I det siste Hjemme PC bladet har de en artikkel om ifttt.com, som var det som fikk meg til å sperre opp øynene!
Poenget med hele tjenesten er å automatisere internett for deg.
Ta for eksempel meg. Eg blogger, og grunnen til at eg blogger er for å dele en av mine interesser med andre.
Hvordan skal eg få delt med andre min blogg?
Eg har valgt å spre mitt budskap utover facebook og twitter.
Og frem til eg fant denne løsningen har det blitt gjort manuelt, når eg har hatt en mulighet.
Ikke nok med at man skal skrive og redigere bloggen sin, men man skal også sørge for å få det delt med andre.
Ifttt.com er en tjeneste som hjelper deg med blant annet slikt.
Etter man har laget seg en konto velger man å lage en oppskrift (eller flere) på hvordan man ønsker at ting skal være.
Personlig har eg 2 oppskrifter. Når eg legger ut en ny blogg skal den tvitres og den skal legges ut på facebook.
Ifttt.com kjøres hvert 15 minutt, så i ”verste” fall kan det ta 15 minutter før det er publisert!
Løsningen ifttt.com har valgt er veldig intuitiv. Med det mener eg at det er veldig lett å lage en oppskrift.
Blogger, Facebook, Twitter og DropBox med flere blir kalt channels, eller kanaler.
Totalt støtter ifttt.com 47 kanaler. Så i tillegg til å gjøre ting lettere for deg,
så blir du kanskje kjent med nye tjenester og muligheter gjennom å bruke ifttt.com?
Linken til ifttt: http://ifttt.com/
Det nærmer seg sommerferie, og vi har nettopp vært gjennom en serie blogginnlegg som omhandler bilder. Med ifttt kan du lagre bilder fra Instagram til DropBox.
Her er ifttt.com sin egen side om hvem de er og hva de gjør:
http://ifttt.com/wtf
God sommer!
Om eg ikke blir brutt opp i bits eller inntar en binær form så vil det snart komme en ny blogg med nye erfaringer fra Mitt IT-eventyr!
fredag 6. juli 2012
HTML programmering Del IV
Legge til bilder
Så er vi kommet til det vi har bygget opp til i det siste. Hvordan legge ut bilder på websiden vår. Dette er ikke en veldig avansert affære, men det er greit at vi gjør det på en ryddig og god måte!
For et par blogginnlegg siden, der vi startet opp serien med HTML programmering
ble du bedt om å lage en mappe på desktopen. Finn denne mappen og åpne den. Inni denne mappen lager du en mappe til som du kaller images
I denne undermappen skal du legge alle bildene du ønsker å bruke.
Grunnen til at vi gjør det slik er at etterhvert som du blir bedre og bedre på å lage sider så vil du inkludere mere materiell.
Om du da legger alt i en mappe kan det fort bli uoversiktlig. Og er tanken din å eksempelvis etterhvert lage en side for å selge produter eller promotere ditt eget firma er det "et must" at du har kontroll.
Eg legger bildene: bilde1, bilde2 og bilde3 inn i min images mappe.
Disse kjenner du til fra før om du har sett de andre blogginnleggene ang bilder.
Taggen vi skal bruke heter <img>
Her er det vi skal legge inn:
<img src="images/bilde1.jpg" alt="bilde 1" />
Om du finner frem html filen du allerede har laget, skal den se omtrentlig slik ut:
<!DOCTYPE HTML>
<HTML>
<HEAD>
<TITLE>HER SKAL VI LEGGE INN TITTELEN</TITLE>
</HEAD>
<BODY>
<H1>Mine linker!</H1>
<br />
<H2>Linker fra nett:</H2>
<a href="http://www.vg.no/" target="_blank" title="vg.no">vg.no</a><br>
<br />
<H2>Mine egne sider:</H2>
<a href="side2.html">Side2</a>
</BODY>
</HTML>
La oss legge inn bildene under linken til side2.html
Slik:
<!DOCTYPE HTML>
<HTML>
<HEAD>
<TITLE>HER SKAL VI LEGGE INN TITTELEN</TITLE>
</HEAD>
<BODY>
<H1>Mine linker!</H1>
<br />
<H2>Linker fra nett:</H2>
<a href="http://www.vg.no/" target="_blank" title="vg.no">vg.no</a><br>
<br />
<H2>Mine egne sider:</H2>
<a href="side2.html">Side2</a>
<br />
<img src="images/bilde1.jpg" alt="bilde 1" />
<img src="images/bilde2.jpg" alt="bilde 2" />
<img src="images/bilde3.jpg" alt="bilde 3" />
</BODY>
</HTML>
Det du da vil se er 3 bilder liggende under hverandre på venstresiden, og kanskje
de er blitt ganske så store.
Grunnen til dette er igjen det at vi har ikke opprettet en CSS fil, vi har heller
ikke sagt noe om hvor store de skal være.
La oss ta utgangspunkt i bilde 2:
<img src="images/bilde2.jpg" alt="bilde 2" />
For å sette størrelsen må vi inkludere informasjon om høyde og bredde:
width="336" height="69"
Da blir det seende slik ut:
<img src="images/bilde2.jpg" width="200" height="200" alt="bilde 2" />
Har du no gjort det riktig vil siden din se slik ut:
<!DOCTYPE HTML>
<HTML>
<HEAD>
<TITLE>HER SKAL VI LEGGE INN TITTELEN</TITLE>
</HEAD>
<BODY>
<H1>Mine linker!</H1>
<br />
<H2>Linker fra nett:</H2>
<a href="http://www.vg.no/" target="_blank" title="vg.no">vg.no</a><br>
<br />
<H2>Mine egne sider:</H2>
<a href="side2.html">Side2</a>
<br />
<img src="images/bilde1.jpg" alt="bilde 1" /><br />
<img src="images/bilde2.jpg" width="200" height="200" alt="bilde 2" /><br />
<img src="images/bilde3.jpg" alt="bilde 3" />
</BODY>
</HTML>
For den observante leser så ser du kanskje at eg har lagt inn noen <br />
Dette er for å sikre at ikke bildene kommer ved siden av hverandre, men under hverandre.
Kanskje du kan eksperimentere litt? Så skal eg om ikke så lenge komme med en blogg
der eg viser kordan du kan gjøre om bildene til linker!
Om eg ikke blir brutt opp i bits eller inntar en binær form så vil det snart komme en ny blogg med nye erfaringer fra Mitt IT-eventyr!
Så er vi kommet til det vi har bygget opp til i det siste. Hvordan legge ut bilder på websiden vår. Dette er ikke en veldig avansert affære, men det er greit at vi gjør det på en ryddig og god måte!
For et par blogginnlegg siden, der vi startet opp serien med HTML programmering
ble du bedt om å lage en mappe på desktopen. Finn denne mappen og åpne den. Inni denne mappen lager du en mappe til som du kaller images
I denne undermappen skal du legge alle bildene du ønsker å bruke.
Grunnen til at vi gjør det slik er at etterhvert som du blir bedre og bedre på å lage sider så vil du inkludere mere materiell.
Om du da legger alt i en mappe kan det fort bli uoversiktlig. Og er tanken din å eksempelvis etterhvert lage en side for å selge produter eller promotere ditt eget firma er det "et must" at du har kontroll.
Eg legger bildene: bilde1, bilde2 og bilde3 inn i min images mappe.
Disse kjenner du til fra før om du har sett de andre blogginnleggene ang bilder.
Taggen vi skal bruke heter <img>
Her er det vi skal legge inn:
<img src="images/bilde1.jpg" alt="bilde 1" />
Om du finner frem html filen du allerede har laget, skal den se omtrentlig slik ut:
<!DOCTYPE HTML>
<HTML>
<HEAD>
<TITLE>HER SKAL VI LEGGE INN TITTELEN</TITLE>
</HEAD>
<BODY>
<H1>Mine linker!</H1>
<br />
<H2>Linker fra nett:</H2>
<a href="http://www.vg.no/" target="_blank" title="vg.no">vg.no</a><br>
<br />
<H2>Mine egne sider:</H2>
<a href="side2.html">Side2</a>
</BODY>
</HTML>
La oss legge inn bildene under linken til side2.html
Slik:
<!DOCTYPE HTML>
<HTML>
<HEAD>
<TITLE>HER SKAL VI LEGGE INN TITTELEN</TITLE>
</HEAD>
<BODY>
<H1>Mine linker!</H1>
<br />
<H2>Linker fra nett:</H2>
<a href="http://www.vg.no/" target="_blank" title="vg.no">vg.no</a><br>
<br />
<H2>Mine egne sider:</H2>
<a href="side2.html">Side2</a>
<br />
<img src="images/bilde1.jpg" alt="bilde 1" />
<img src="images/bilde2.jpg" alt="bilde 2" />
<img src="images/bilde3.jpg" alt="bilde 3" />
</BODY>
</HTML>
Det du da vil se er 3 bilder liggende under hverandre på venstresiden, og kanskje
de er blitt ganske så store.
Grunnen til dette er igjen det at vi har ikke opprettet en CSS fil, vi har heller
ikke sagt noe om hvor store de skal være.
La oss ta utgangspunkt i bilde 2:
<img src="images/bilde2.jpg" alt="bilde 2" />
For å sette størrelsen må vi inkludere informasjon om høyde og bredde:
width="336" height="69"
Da blir det seende slik ut:
<img src="images/bilde2.jpg" width="200" height="200" alt="bilde 2" />
Har du no gjort det riktig vil siden din se slik ut:
<!DOCTYPE HTML>
<HTML>
<HEAD>
<TITLE>HER SKAL VI LEGGE INN TITTELEN</TITLE>
</HEAD>
<BODY>
<H1>Mine linker!</H1>
<br />
<H2>Linker fra nett:</H2>
<a href="http://www.vg.no/" target="_blank" title="vg.no">vg.no</a><br>
<br />
<H2>Mine egne sider:</H2>
<a href="side2.html">Side2</a>
<br />
<img src="images/bilde1.jpg" alt="bilde 1" /><br />
<img src="images/bilde2.jpg" width="200" height="200" alt="bilde 2" /><br />
<img src="images/bilde3.jpg" alt="bilde 3" />
</BODY>
</HTML>
For den observante leser så ser du kanskje at eg har lagt inn noen <br />
Dette er for å sikre at ikke bildene kommer ved siden av hverandre, men under hverandre.
Kanskje du kan eksperimentere litt? Så skal eg om ikke så lenge komme med en blogg
der eg viser kordan du kan gjøre om bildene til linker!
Om eg ikke blir brutt opp i bits eller inntar en binær form så vil det snart komme en ny blogg med nye erfaringer fra Mitt IT-eventyr!
Abonner på:
Innlegg (Atom)