Jag har varit ute på min första period med Lärande I Arbete. (Praktik)
Jag är på en webbyrå som heter CMS Connected. Ett mycket trevligt företag!
Förutom att lära mig lite om företaget så har jag börjat med hemside layout i Photoshop, pillat med Woocommerce och WordPress och knackat HTML och CSS-koder.
Jag har även på torsdagen varit på Göteborgskontoret och skrivit organiska SEO-texter och börjat med Google Adwords.
Jag lägger ut bilder på det jag gjort på sidan Praktikportfolio för LIA 1.
Slutspurten för denna kursen har nu kommit till ända och jag sitter nu här sista dagen för att känna att allt är så klart som jag vill.
Vår uppgift blev att göra en e-handelslösning med 30 redigerade bilder och en färdig startsida.
Ett HTML/CSS dokument med länkar skall också in
Och sedan är det även denna bloggen som betygssätts.
I tisdags slutar sidan jag använde, Wix, att fungera. Vilket gav ramaskri över både mig och många andra i klassen.
Jag var dock klar med min E-handelsida, men kände nu att när den var uppe igen efter två dagar, var det skönt att ändå köra lite sista-minuten-fix på den 🙂
Kände att mitt arbete dock är klart nu och skall bara komprimera det och skicka in så kan jag sova utan att stressa 🙂
klicka på bilden för att komma till sidan.
Min e-handel heter OddSportsClothing och är en sida för ”specialsporter” som man inte hittar i handeln så lätt… tex. Crossfit, Rollerderby, Cheerleading…
Har haft tanken om en liknande sida länge, (fast i verkligheten) men jag är en fegis som inte vågar ta steget att bli egenföretagare i vilken idé det än gäller.. så det fick bli ett skolprojekt istället 😉
Känner att jag lärt mig mycket på denna kursen! Även om jag känner att jag hela tiden varit i framkant och haft ett någorlunda hum om det har det gett mig bra möjligheter att utveckla mina kunskaper inom mestadels Photoshop, hemsidor och HTML/CSS.
Jag är nöjd över denna bloggen, och mitt arbete jag lagt ner under kursen. Jag tycker jag skrivit på ett bra sätt i min blogg som är rolig och intressant att läsa. Den är anpassad efter min målgrupp, med en bra blandning mellan text och bild. Jag är nöjd och tycker jag uppfyllde kraven för kursen med god bravur och jag hoppas att min lärare, Johan, (Hej! 😀 ) blir det med.
Kommer nu att försöka ta tag i att både fotografera och Photoshoppa mer framöver och har nu köpt mig ett guldmedlemskap på moderskeppet.se. Nu skall det bli redigerare och fotograf av mig! 🙂
Hoppas ni uppskattade denna bloggen och välkomna tillbaka 🙂
Vi har lärt oss hur man enkelt kan göra en hemmastudio för produktfotografering. Vi tittade på pinterest och hittade instuktioner på hur man enkelt kan göra eget hemma.
Exempelvis den här;
Lite inställningar m,an kan tänka på när man gör produktfotografering:
Vill man använda en lampa man har hemma är det en bra idé att använda ett smörpapper eller liknande (som de gjort på exempelbilden ovan ) för att få ett mjukare ljus.
Fick tyvärr inte testa detta, men det får bli ett senare projekt 🙂
Vi satte oss sedan att frilägga bilder. Mest med magic wand eller lasso tool i photoshop.
Det finns många riktigt bra tutorials om hur man gör det på youtube.
Jag använder oftast Magic Wand när jag skall frilägga något. Kan även använda en snabbmask (men det har vi inte gått igenom ännu, så det är överkurs.)
Snabbt förklarat; Magic Wanden använder du så att när du öppnat bilden du vill ha, duplicerar bilden så du får två lager, du klickar på de fält du vill ta bort på bilden och tar bort det. (delete/backspace) Gör det tills du är nöjd, finlira lite på kanterna, sen drar du över din bild i den andra bakrunden du vill ha, och ändrar storlek genom free transform (ctrl+T/cmd+T).
Denna dagen gick det dock riktigt dåligt för mig. Ingenting fungerade, men efter en omstart av datorn var det inte längre några problem. Så förvånansvärt hur mycket det kan påverka. Och så irriterad jag blir att jag inte kom på det lite tidigare.
Fick i alla fall tillslut ihop en fin bild på en sko som produktbild.
Sen när jag kom hem så var jag så irriterad på att det hade gått så dåligt på lektionen så jag satte mig en stund till och gjorde en bild till. Jag kallar den ”Linnéor i rum”. Mycket konstnärlig.
(kom på ett sätt senare hur jag kunde gjort skuggorna, men då var jag hungrig och hade hittat på något annat 🙂 )
Vi pratade på eftermiddagen sedan om vad det finns för system som används i de större företagen.
Exempel på detta var;
Vi pratade även igenom lite om sociala medier och hur man kan använda PR för att nå ut till sin målgrupp.
Vår grupp Grönbilen tror vi hade använt Facebook i första hand som social kanal.
Vi hade annars fortfarande gjort ganska traditionell reklam med utskick i brevlådan och kanske i den lokala tidningen då vår målgrupp framförallt var äldre par med villa.
Vad man kan göra för att få knappen utstickande och göra läsaren klicksugen kan tex. vara:
Andra mötet ihop med vårt grupparbete GrönBilen.
(Vår idé som kommer ta över hela världen! 😉 )
Möttes hemma hos Kristina på morgonen i Munkebäck för finlir på texter och hemsida.
Vi jobbar hårt och Victor sitter redan i kundtjänsten och tar emot viktiga samtal. 😉
Vi kände oss färdiga efter några timmar och ser fram emot vår redovisning som vi skall hålla på onsdag.
Idag påbörjade vi att försöka få ihop våra tankar från fredagens lektion och vårt grupparbete vi skulle göra.
Jag, Kristina, Victor, Martin och Alexander valde att göra en tjänst som hämtar återvinning hemma hos privatpersoner. Fick denna idén då vi kommit på hur sjukt jobbigt det är att gå iväg med återvinningen, och när man bor i villa är det ännu längre bort än vad det är om man bor i lägenhet.
Vi kom då på Grönbilen som är en miljövänlig bil som åker omkring i Göteborg med omnejd och hämtar återvinning hos villaägare.
Vår målgrupp var DINKS (Double Income, No Kids) Men vi ändrade målgruppen lite till äldre DINKs (också kallats WHOPs = Weathy, Heathy, Older People, som är den äldre versionen av DINKS (med utflugna barn exempelvis) )
Påbörjade en snygg hemsida, som finns på sidan http://gronbilen.tk, och vi kom ganska långt idag.
Jag gjorde lite produktbilder, loggan och lite annat photoshop pill, och de andra delades upp på att påbörja hemsidan och skriva säljande texter.
Riktigt roligt!
Nu kommer vi ha kursen kundservice och försäljning i två veckor, och sedan kommer jag återkomma till att blogga igen, när denna kursen Webb och Interaktionsdesign fortsätter.
God morgon!
Dagen påbörjades med att leta upp olika e-handelslösningar, olika paket och sidor där du kan göra en webbshop.
Vi började med att hitta 25 olika för att sedan fokusera på 10 som verkade bra för att sedan skala ner det till fem stycken som vi sedan i grupp skulle redovisa för- och nackdelar för klassen.
Jag redovisade om Tictail.se, som hade blivit redovisats om innan jag redovisade.
Men jag gillar det företaget, jag har själv endast använt den i föreningssammanhang, och då vi inte hade en jättestor shop så passar tictail väldigt bra.
Det är enkelt att starta, billigt och du kan anpassa den bra efter dina behov.
Är du dock ett större företag kan tictail ha vissa begränsningar.
Efter lunch fortsatte vi våra programmeringskunskaper och började lära oss CSS (Står för Cascadins Style Sheets) som komplement till gårdagens HTML.
Här kan man jobba i samma program som vi gjorde med HTMLen.
CSS styr hur HTML dokumentet skall se ut layout- och stilmässigt. Man använder endast ett CSS dokument för hur många HTML dokument som helst.
Har man inte jobbat med detta tidigare kan man se skillnaden på HTML och CSS genom att i HTML jobbar man med ”< och >”
CSS jobbar man med ”{ och }”.
Man måste länka CSS dokumentet i alla HTML dokumenten, och det gör du med en länk uppe i head;
Den röda texten är det du behöver skriva in för att kunna länka ett CSS dokument, där ”index.css” står för namnet på ditt css-dokument som du lägger i samma mapp som ditt HTML dokument.
<!DOCTYPE html>
<html>
<head>
<title>Välkommen till min awesome sida! </title>
<link rel=”stylesheet” type=”text/css” href=”index.css”>
<meta charset=”UTF-8″ />
</head>
<body>
(INNEHÅLL)
</body>
</html>
(Den gröna texten är koden du behöver lägga in i ditt HTML dokument för att kunna se våra skandinaviska tecken ÅÄÖ.)
Min början på mitt CSS dokument såg ut såhär;
body { Layout
background-image: url(”1.jpeg”); = Bakrundbild jag vill ha som ligger i samma mapp.
background-color: pink; = Bakrundsfärg om bilden av någon anledning inte kan ladda.
background-repeat: repeat; Hur bakrunden repeteras om det är en stor/lång sida.
background-position: fixed; Om bakrunden står stilla eller rullar med texten om du scrollar.
}
h1 { Rubrik överskrift
color: blue; färg
text-align: center; vart på sidan den står (vänster, center, höger)
font-family: ”Times New Roman”; vilket typsnitt
Tips!
/* Vill man göra kommentarer i sitt CSS- dokument, för att komma ihåg saker kan man göra en ”/* och avsluta med */” för att CSS dokumentet inte skall läsa det som kod. */
Bifogar en bild på lite av min CSS-kod för ni skall se hur det ser ut 🙂
Dagen påbörjades med en genomgång om hur webben funkar, och presentation av våra bloggar (denna du läser) som vi gjort till idag.
Det var kul att se vilka bloggar alla valde och efter vilken anledning. Har ännu inte läst igenom alla bloggar från alla i klassen men det får bli kvällens projekt.
Det var även kul att se hur olika personer skriver, är det sakligt, personligt eller en liten blandning.
Efter lunch gick vi igenom en grund i HTML kodning.
Vi laddade ner Notepad++ från Notepad ++ hemsida (för PC) på Mac användes TextWrangler.
Med hjälp av W3schools och självklart vår lärares Johans genomgångar gick vi igenom grunderna i HTML.
Vi gick igenom basic kodning, vad <head> och <body> är, hur man la in en bild internt eller från webben.
Jag har tidigare jobbat lite inom HTML när jag gick kurser på högskolan i Borås och kände att jag kunde detta grundläggande. Men det är ändå trevligt med en genomgång.
Jag hjälpte mina bordsgrannar så mycket jag kunde, självklart för mig, det blir en pay it forward. Jag hade ju aldrig kunnat det om inte en klasskompis i Borås satt och hjälpte mig.
Vill man lära sig grunderna inom detta så är det w3 schools jag rekommenderar, även The new boston på hemsida och speciellt youtube var ett stort stöd och hjälp när jag då låg gråtande på nätterna och försökte lära mig knacka kod.
Imorgon kommer vi gå igenom CSS, som är design- och layoutdelen man integrerar till HTML-koden du precis skrivit.
Eftermiddagen denna fredag spenderades med att lära sig Photoshop.
Photoshop är ett underbart program när man väl förstår det. Jag har petat i det lite tidigare, (men då mest för att ta bort finnar och redigera ljus) men jag har inte så koll på hur exakt jag gör saker, och glömmer lätt bort.
Det vi skulle göra var att efter lite grundläggande saker vi gick igenom på lektionen göra ett montage, med lager, en bakrund, en annan bild och en text.
Så jag tog en bild på mig som jag hittade i min dropbox och gjorde om mig till Jokern från Batman med lite smink och ny hårfärg, sen la jag in mig i en bild över ”Gotham”.
….why so serious..?
Ganska nöjd för att ha gjort mitt första ”riktiga” montage! 😀
(Jag räknar inte med de jag gjorde på gymnasiet när jag la in mina kompisars ansikten på diverse slitzmodeller för att sedan lägga ut på snyggast.nu 😉 (Med deras tillåtelse. såklart..) haha. kul minnen!)
Dagen handlade om bildbehandling.
Vi började med att ladda ner appen Snapseed för att redigera bilder i mobilen.
Google har gjort den och jag vet att den fanns med som standard redigeringsprogram förut i min Android telefon (nexus 5) , men verkade inte göra det längre, efter en uppdatering, vilket gjorde mig jätteglad att hitta denna appen igen!
Jag redigerade två bilder jag hade i telefonen.. Först en på mig som jag ville göra jätteöverexponerad och ljus, då jag i min utstyrsel skulle symbolisera livet när bilden togs.
Min andra bild är på min pojkvän Magnus när han casual går runt på en strand i finkläderna. (Fotades på ett bröllop i somras, lite efter solnedgången, så jag gjorde faktiskt inte så mycket med bilden, älskade det blåa, och jag klippte den och ändrade lite atmosfär endast i princip 🙂 )
Vi testade även programmet fotor.com som fanns online, som var helt okej när man vill redigera online.
Linnéa Runhage 