Viser innlegg med etiketten bilder. Vis alle innlegg
Viser innlegg med etiketten bilder. Vis alle innlegg

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!

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!

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!

torsdag 5. juli 2012

Bilderedigering

Så du bildene fra forrige blogg?
Fine, ikke sant?

En av mange ting som har vært med på å drive det teknologiske racet de siste årene er
folks ønsker og krav om å kunne drive med en stor hobby.
Bilder, bilderedigering, bildemanipulering, deling av bilder, listen er lang.

Dette har ført til at smart telefoner og små bærbare pc'er har blitt veldig kraftige,
overføringshastigheten på linjene bedre og for å ikke snakke om verktøyene tilgjengelig.

Og når vi snakker om verktøy så er eg stor fan av de verktøyene som koster minst, men likevel
gir det man trenger.

Vi startet med smart telefoner som eksempel og kan like så godt fortsette med smart telefoner.
Bilde 2 på forrige blogg var redigert på en iPhone4S med en liten app som heter Filter Mania 2.
Dette er en gratis app, og det liker vi! Denne appen kan ta det mest kjedelige motivet og få det
til å se ut som en magisk scene fra en eventyrfilm!
På itunes sies det at det er over 300 filtre som kan legges på! Mer enn nok for de fleste med andre ord!

Her er et bilde med filter lagt oppå.



Her er linken til appen på itunes:
http://itunes.apple.com/us/app/filtermania-2/id527880592?mt=8

Har dessverre ikke satt meg inn i bilde apper for android, men om det er ønskelig er det bare å legge
inn en kommentar på denne bloggen, eller besøke meg på facebook, så skal eg sette meg ned og teste!

Det er alltid ekstra kjekt å teste noe nytt, og en liten utfordring hadde vært på sin plass snart!

Noe eg HAR testet litt, på PC, er et program som heter GIMP.
GIMP står for GNU Image Manipulation Program og adressen til hjemmesiden deres er:
http://www.gimp.org/

GIMP er vel noe av det beste eg har kommet borti på PC for redigering av bilder, og kan absolutt anbefales. Men samtidig skal det sies at dette er et avansert verktøy og det krever at man setter seg litt mer inn i hvordan det virker, kontra en liten app.

Om du har lyst å se litt, og danne deg et lite inntrykk kan du se her:
http://www.gimp.org/screenshots/ (også hentet fra samme hjemmeside som i sted)

Det tredje eksempelet eg vil trekke frem, og da er vi tilbake i apple sin verden.
Er såkalte booth på iPad.

Der finnes massevis av slike på App Store og Play Butikk (android).
Ipad 2, som eg sjøl har, kom med en slik ferdig installert, Om man har barn merker man fort kor morsomt en slik app kan være, og for å trene på å legge inn bilder på din egen hjemmeside er de ekstra morsomme. Tenk så morsomt det er for poden å komme i barnehagen eller på skolen å fortelle om at de er på internett!

Kort liten blogg i dag, håper at Dere åpner inspirasjonsskuffen og leker med bilder slik at Dere er klare til vi skal legge bilder inn på hjemmesiden vi lager!

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 2. juli 2012

Bilder på web

Hei igjen!

I forrige blogg tipset eg om at du kanskje kunne ta mobilen ut og knipse litt.
Eller kanskje du har funnet noen gamle bilder på en cd / dvd plate.

Et par ting som er viktig å vite når man skal holde på med bilder, spesielt med
tanke på at man skal bruke de på en webside, er at de tar veldig mye mer plass enn vanlig tekst.
Så her er bildeformat og størrelse en ting å tenke på.

Det er klart. har du bare et bilde er det ikke så viktig, men om du ser på sider som vg.no som har masse grafikk er dette ting å tenke over.

Eg skal først presentere deg for et par formater som er vanlig å velge når man skal legge ut bilder på web.

Bildeformater og forskjeller.
GIF, JPG og PNG.

Vi begynner med GIF.
Hva er GIF og når bruker vi det?

GIF står får Graphichs Interchange Format.
Dette formatet støtter opptil 256 forskjellige farger. Formatet har tapsfri komprimering.
Det vil si at man kan redusere størrelsen på bildet uten å redusere kvaliteten.

GIF passer best for enkle bilder som grafikk eller logoer.
Det er også mulighet for enkle animasjoner.

JPEG og hva er så det?
JPEG står for Joint Photographic Experts Group som er gruppen som har utviklet dette formatet.
En av de store forskjellene mellom GIF og JPEG (JPG) er at her kan man komprimere MED tap.
Det fører til at vi kan redusere filstørrelsen betraktelig.
Formatet er laget utifra hvordan vårt øye fungerer. Det er en del ting øyet uansett ikke oppfatter
som kan fjernes uten at bildekvaliteten forringes.
JPEG passer best til bilder med mange farger uten skarpe kanter eller linjer.

Tredje og siste bildeformat til bruk på nett er PNG
Som står for Portable Network Graphics
Dette er et format som ble laget for å erstatte GIF.
PNG er ikke begrenset til 256 farger slik GIF er.
Dette formatet passer best til bilder som har store felter med lik farge. Veldig mye
av grafikken på web er av slik art.

Om du vil lese mer om disse filformatene vil eg anbefale no.wikipedia.org

Nå vet du noe om bilder og filformater.

I sist blogg hintet eg om at du kanskje kunne skaffe deg et par bilder.
Vel... Her er et bilde eg tok en vakker dag og som eg sendte til min samboer for
redigering senere samme vakre kveld. Høres fint ut ikke sant?





Dette er det samme bildet, bilde 1 er tatt av en iPhone4,
bilde 2 er redigert på en annen iPhone4S og dette bringer oss videre til neste blogg.
Redigering og behandling av bilder.

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 16. mai 2012

17 mai appen

I dag er det 16. mai, enda en dagen før dagen opplevelse.
For mange vil dagen i dag bestå i å gjøre en siste panikkhandel, kvalitetssikre at skoene til barna fra i fjor fremdeles er for små, samt gjøre unna alt husarbeidet i panikk før 16. mai kampen sendes på tv i kveld.

I morgen er det den 17. mai, en dag veldig mange nordmenn ser frem til, en dag for fest, selv om den største festingen kanskje skjer i kveld. En mulighet for å kle seg litt fint, presse den en gang så ungdommelige kroppen inn i konfirmasjonsdressen eller en bunad som passet FØR man fikk barn.
Og vi blir alle så staselige. Så staselig at man nesten bør ta bilde av det. Og om man ikke tar så mange bilder ellers i året så er jo dette en FLOTT dag for å oppfriske kunnskapene om fotografering.

For hvem har jo ikke blitt spurt av tanter og besteforeldre om man tok bilder av familiens yngste på en slik dag?

Mange av oss, omtrent 50% av den norske befolkning har en smart telefon av et slag, og mange av oss har både iPhone og iPad. Kameraene på disse apparatene har blitt etterhvert så bra at de fortjener å bli nevnt. Det fine med slike smart telefoner og nettbrett er at det finnes et hav av apper, eller bruker programmer om du vil.

OK, så har du tatt mange bilder på dagen. Minsten i ny dress, med flagg og 17 mai fløyte, eller av eldstemann som "går" i russetoget, og totalt sett har du fått en minnerik samling av bilder.
Hadde det ikke vært kjekt å gjort litt mer med de enn bare å la de ligge som en fil på telefonen som du kan sende på mail til tanter og besteforeldre?

Og her kommer grunnen til at eg litt forsiktig nevnte iPhone og iPad. Det finnes en app som heter Pic Collage +
Såvidt eg vet er dette en gratis app, det var det iallefall når eg sjøl lastet den ned.

Når man kommer inn i appen får man velge blant mange forskjellige rammer der man kan ha mellom 1-4 bilder satt sammen på forskjellige måter.
Man velger ramme, får opp rammen med store plusstegn der man skal legge inn bildet, velger sine bilder blant det man har lagret på telefonen, justerer bildene sine, størrelse og hvilken del av bildet som skal med, og så lagre.

Da lagrer man 1 nytt bilde istedet for 4, slik at man på den måten kan lage et tema, redusere antall bilder og også redusere mengden med data som sendes på MMS eller mail.

På forhånd, Gratulerer med dagen! og Lykke til med bildene!

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!