Julkaisun!laji!! Opinnäytetyö! Sivumäärä!! 39!

Koko: px
Aloita esitys sivulta:

Download "Julkaisun!laji!! Opinnäytetyö! Sivumäärä!! 39!"

Transkriptio

1 MAINOSALANVERKKOSIVUSTONERITYIS0 PIIRTEETJANIIDENTOTEUTTAMINEN HeikkiAla0Nikkola Opinnäytetyö Toukokuu2013 Mediatekniikankoulutusohjelma Tekniikanjaliikenteenala

2 Tekijä(t) ALA0NIKKOLAHeikki Julkaisunlaji Opinnäytetyö Päivämäärä Sivumäärä 39 Julkaisunkieli Suomi Verkkojulkaisulupa myönnetty (X) Työnnimi MAINOSALANVERKKOSIVUSTONERITYISPIIRTEETJANIIDENTOTEUTTAMINEN Koulutusohjelma Mediatekniikankoulutusohjelma Työnohjaaja(t) MANNINEN,Pasi Toimeksiantaja(t) HAUTANEN,Arto0Into0DigitalOy Tiivistelmä Opinnäytetyössätutkittiinerityispiirteitäja0toiminnallisuuksia,joitauseimmatmainosalanverk0 kosivutoteutuksetsisältävät.toimeksiantajanaopinnäytetyössätoimiinto0digitaloy,jonkatoteut0 tamaanverkkosivustohankkeensuunnitteluunjatoteutukseenopinnäytetyöpohjautui.opinnäyte0 työssäkäsiteltiinmainosalansivustojaominaisuustasollajatarkoituksenaolilöytäänäihinominai0 suuksiinkestäviä,luotettaviajamonipuolisiaratkaisuja. Opinnäytetyössävertailtiinmainosalanverkkosivutoteutustenalustaksisoveltuviasisällönhallinta0 järjestelmiä,joistatutkittiintarkemminmainosalansivustojenvaatimuksiinenitensoveltuvaa WordPressiäsenerityisominaisuuksienosalta.Tarkasteltaviaominaisuuksiaopinnäytetyössäolivat kieliversiointi,erikoisfonttienkäyttö,responsiivinensuunnittelujateemojenkäyttö.näidenerityis0 ominaisuuksienmerkitystätutkittiinmainosalanverkkototeutuksienosaltayleisesti. Opinnäytetyössätutkittiinnäitätekniikoitaverkkosivuhankkeenosaltakäytännössä,toteuttamalla niitäjulkiseenverkkosivustoon.hankettakäsiteltiinsuunnittelun,toteutusprosessinsekätulosten osalta.opinnäytetyönpohdintaosiossavertailtiinteoriaosiossatutkittujenerikoisominaisuuksien toteutusmahdollisuuksiahankkeessakäytettyihintoteutuksiin.pohdintaosiossakäsiteltiinerityisesti hankkeessakäytettyjenratkaisujenkannattavuuttaniidenpitkäikäistäkäyttöäjajatkokehitysmah0 dollisuuksiaajatellen.pohdintaosiossaanalysoitiinmyöstulevaisuudennäkymiänäidenratkaisujen jaerikoisominaisuuksienosalta. Hankkeessatutkitutratkaisutosoittautuivatoikeiksiratkaisuiksisivustonvaatimustensuhteen. Ratkaisujentodettiinolevansoveltuviamyösjatkossatoteutettaviahankkeitavarten,joihinon suunniteltusamankaltaisiaratkaisuja.hankkeenlopputuloksenasyntynytverkkosivustojulkaistiin marraskuussa2012. Avainsanat(asiasanat) Sisällönhallintajärjestelmä,Responsiivinensuunnittelu,Kieliversiointi Muuttiedot

3 Author(s) ALA0NIKKOLAHeikki Typeofpublication Bachelor sthesis Date Pages 39 Language Finnish Permissionforweb publication (X) Title COMMONSPECIALFEATURESOFMARKETINGWEBSITESANDTHEIRIMPLEMENTATIONS DegreeProgramme MediaEngineering Tutor(s) MANNINEN,Pasi Assignedby HAUTANEN,Arto0Into0DigitalOy Abstract Thethesisexaminesthespecialfeaturesrequiredbymanymarketingwebsites.Thesubjectofthe thesiswasassignedbyinto0digitaloy.thethesisisbasedontheplanninganddesigningofawebsi0 teprojectsetoutbythecompany.thethesisexamineswebsitesattheleveloffeatures.themain goalofthethesiswastofindsustainablesolutionsforthespecialfeatures. Thethesisalsocomparedcontentmanagementsystemssuitableasaplatformformarketingwebsi0 tes specialfeatures.outofthreecandidateswordpresswaschosenforfurtherexaminationon howthespecialfeaturescouldbeimplemented.thespecialfeaturestobeexaminedweremultilin0 gualcontentmanagementforthecontentmanagementsystem,usingspecialfonts,responsive websitedesignandpackagingallthisfunctionalityasatheme.thesefeaturesandtheirsolutions wereexaminedingeneral. Thetheoriesandsolutionswereappliedtoawebsiteprojectandexamininginapracticethenim0 plementedonacommercialwebsite.theprojectwasinspectedintermsofplanning,design,im0 plementationandresults.theresultsoftheprojectandthesolutionsusedwerethencomparedto theexaminedtheoriesandpossiblesolutions.thesummaryspecificallyexaminedtheviabilityof thechosensolutionsbytheirlongevityandfurtherdevelopmentaspects.thesummaryalsodealt withpossiblefuturescenariosconcerningthespecialfeaturesandthesolutionsused. Thesolutionsexaminedturnedouttobethecorrectsolutionsthatmatchedtherequirementsof thewebsite.thesolutionshavesincebeenappliedtomanymoreprojectswithsimilarrequire0 ments.theproject sresult,thewebsitewaspublishedinnovember2012 Keywords ContentManagementSystem,Responsivedesign,Multilingualsites Miscellaneous

4 1 SISÄLTÖ 1TYÖNLÄHTÖKOHDAT Tausta Toimeksiantaja Tavoite...4 2SISÄLLÖNHALLINTAJÄRJESTELMÄT Yleistä WordPress Drupal Joomla...6 3MARKKINOINTISIVUSTOJENERIKOISOMINAISUUDET Yleistä Kieliversiointi Yleistäkieliversioinnista Toteutustapasisällönhallintajärjestelmässä WordPressinkieliversiointimahdollisuudet Erikoisfonttienkäyttö Yleistäerikoisfonteista Toteutustavat Teemat Yleistäteemoista Teemanrakenne Sivupohjanrakenne Responsiivinensuunnittelu Yleistäresponsiivisestasuunnittelusta Tekniikat MARKKINOINTISIVUSTONTOTEUTUSHANKE Lähtötilanne Tekninensuunnittelu Sisällönhallintajärjestelmänvalinta Huomioonotettavatasiatsisällönhallinnanvalinnassa Valinta...25

5 2 4.4Käyttöönotto Erikoisominaisuuksientoteutus Tulokset POHDINTA...36 LÄHTEET...40 KUVIOT KUVIO1.WordPressWsivunhallintanäkymänkielivalitsin...10 KUVIO2.EsimerkkimediaqueryWtekniikallaporrastetustaresponsiivisuudesta...19 KUVIO3.EsimerkkifluidWtaitosta...20 KUVIO4.MultipleContentBlocksWlisäosankaksiitsenäistäsisältöeditoria...29 KUVIO5.Sisältösivunsivupohja...30 KUVIO6.VäriteemanmäärittäminenCustomFieldinavulla...31 KUVIO7.Etusivunsivupohjanrakenne...32 KUVIO8.Responsiiviseksioptimoitusisältösivu...33

6 3 1TYÖNLÄHTÖKOHDAT 1.1Tausta Verkkosivustojenmerkitysmarkkinointialallaonmuuttunutviimevuosinamerkittä0 västi.vielämuutamiavuosiasittenverkkosivustotmerkitsivättoteuttavaltataholta ostettavaatuotetta,jonkapäivittäminentarkoittihtml0koodiinkiinteästisijoitettu0 jensisältöjenmuokkaamistaasiantuntevanhenkilöntoimesta.myösnämäsivustot suunniteltiinetupäässäselainyhteensopivuuksienpuitteissa.ulkoasussakäytettiin monestiyksinkertaisiaratkaisuja,jotkatoimivathyvinkaikillaselaimillajagrafiikan toteutustapahtuipitkältikuvina. Nykyäänverkkosivustotovatluonteeltaanlähespalvelunomaisia.Neovatminimis0 säänsuurenpalveluntarjoajanhyvinylläpidetyssäwebhotellissasijaitseviasisällönhal0 lintajärjestelmänpäällätoimiviaintuitiivisiakehyksiä,joitaläheskukatahansateks0 tinkäsittelyohjelmaakäyttävähenkilövoitäydentäähaluamallaanmultimediasisällöllä ilmanmerkittävääperehtymistätekniikkaan.sivustojenulkoasutsuunnitellaansisäl0 lönmukaanvenyviksisekäkatseltaviksilähesmillätahansaverkkoyhteyteenkykene0 vällälaitteella.yhäuseampaanlisäosaantaiohjelmistoononsaatavillamyösvarteen0 otettavailmainentaierittäinhalpakevyempivaihtoehto,raskaanjakattavanmaksul0 lisensovelluksensijaan. Mikääninternetistäladattava,palvelimelleasennettavapaketillinentiedostojaeikui0 tenkaanvoiollavalmissivustototeutus,jotenulkoasunsuunnittelusekäteknisento0 teutuksensuunnitteluovatyhämerkittäviäjavälttämättömiävaiheitasivustohank0 keissa.myösvalmiidenlisäosienjasovelluksientarkkaarviointiedesauttaatoteutuk0 senjouhevuutta.huonostitoteutetuntaisattumankauttadefacto0asemaanpääty0 neenlisäosanvalintavoiaiheuttaarunsaastiturhanajankäyttöägooglenkauttahel0 postilöytyneenselvittämättömänongelmanratkomiseen.

7 4 1.2Toimeksiantaja OpinnäytetyöntoimeksiantajanaoliInto0DigitalOy,jokaonJyväskylässä,Lappeen0 rannassajahelsingissätoimivadigitoimisto,jonkaasiakaskuntakoostuupääosinmai0 nostoimistoista.suurimmaksiosaksiinto0digitalinpalvelutkoostuvatbrändisivustois0 ta,kampanjasivuista,facebook0sovelluksista,display0mainoksista,mobiilisovelluksis0 tasekämuistainternetissätapahtuvanmarkkinoinnintoteutuksista.myösmobiiliso0 vellustoteutuksetovatyleistyneetyrityksentoimenkuvassa.into0digitaloyonyksi viestintäkonserniintojaidantytäryhtiöistä,mainostoimistoidaframinohella. 1.3Tavoite Opinnäytetyöntavoitteenaoliselvittäähyviäkäytänteitämainosalanverkkosivusto0 jentoteutukseenjaniihinliittyviinerityisvaatimuksiin.vaatimuksetkäsittävätmones0 tikokosivustonlaajuisenmuokattavuudenasiakkaantoimesta,kieliversioinnin,blogi0 toiminnonkommentointineen,erikoisfonttienkäytönsekäulkoasunresponsiivisuu0 denmobiililaitteitakohtaan.opinnäytetyössäkäsitelläänmyöshanketta,jossaulko0 puolinentahoontoteuttanutsivustongraafisensuunnittelun,käyttöliittymäsuunnit0 telunsekäsivustonrakenteensuunnittelun.toteutettuhankekäsittelisivustonsivus0 tonteknistätoteutusta,jonkainto0digitaloyteki.sivustoonsijoitettuulkopuoliselle palvelimelle,jotenhankeeikäsittelekävijämääriäjapalvelimenmitoitusta. Opinnäytetyössäpyrittiinlöytämäänedellämainittuihinvaatimuksiinjatkossakäytet0 täviäratkaisuja,sillänämäovatalatiyleistyviäperusvaatimuksiamainosalansivus0 toissa.monestinämäsivustotkoostuvatperustaltaanerisivutyypeistä,kutenetu0, sisältö0jayhteystietosivusta.osanäistäerikoistoiminnoistaonyleisestitoteutettava jokoyksittäisinäräätälöinteinätaivaihtoehtoisestietsimälläluotettaviavalmiitalisä0 osia.lisäosienkäyttöonkuitenkinriskialtista,koskamoniintarkoituksiineilöydyns. defacto0ratkaisua,vaanylistettylisäosasaattaaollahyvinkinhuonostitoteutettu.

8 5 2SISÄLLÖNHALLINTAJÄRJESTELMÄT 2.1Yleistä Sisällönhallintajärjestelmäonverkkosivunteknisenäpohjanakäytettäväpalvelimelle asennettavajärjestelmä,jonkakauttasivustonsisältöonhallittavissaeditorienkaut0 ta.tämämahdollistaasivustonhallitsemisenilman,ettämuokkaustoimissatarvitsee osatakäsitellähtml0koodiataityylimäärityksiä.sisällönhallintamyöshoitaakaikki sivustontietokantatoimenpiteet. TässäopinnäytetyössäsisällönhallintajärjestelmätonrajattuvainLAMP0ympäristöön asennettaviinilmaisiinavoimenlähdekoodinsisällönhallintajärjestelmiin,jotkaovat laajaltitunnettujajakäytettyjä. 2.2WordPress WordPressonyksimaailmansuosituimmistaOpenSource0sisällönhallintajärjestel0 mistä.seonhyvinkevytsovellus,jonkasuosioperustuuhelppokäyttöisyyteensekä yksinkertaisuuteen.wordpresskehitettiinb2/cafelog0blogisovelluksenpohjalta20000 luvunalussaamerikkalaistenkehittäjienmattmullenweginjamikelittlentoimesta. WordPressinensimmäinenversiojulkaistiintoukokuussa2003javiimeisinversio 3.5.1onjulkaistutammikuussa2013.Wordpress.comtarjoaavalmiiksiWordPressin palvelimelleasennetunilmaisensisällönhallintapalvelunjawordpress.orgladattavan paketin,jonkavoiasentaaomaanwebhotelliintaipalvelimelle.(about2013;history 2013.) WordPresssisältääitsessäänvainolennaisimmattyökalutblogisivustontaitavan0 omaisemmanverkkosivustonpystyttämiseenjasisällönhallintaan.sesisältääartikke0 leihin,kategorioihin,kommentointiinjaavainsanoihinperustuvanblogitoiminnon, sisältösivutoiminnon,valikkotyökalunsekäkäyttäjienhallinnan.yksinkertaisistape0 rustoiminnallisuuksistahuolimattawordpressinollessaavoimenlähdekoodinsovellus

9 6 jaerittäinhelppomuokattava,senlaajakehittäjäkuntaonkehittänytmerkittävän määränlisäosia,jotkawordpressingnugpl0lisenssinvuoksiovatmyösavoimialäh0 dekoodiltaanjasiksimyösmuokattavissaomiintarpeisiin.lisäosatvoivatollailmaisia taimaksullisia.opinnäytetyönkirjoitushetkelläniitäolisaatavillayli24300erilaista. (About2013.) WordPressinteknisetvaatimuksetovatmyöshyvinyksinkertaiset.Uusinversio3.5.1 vaatiipalvelintilaltaphp5.2.40tukeajamysql5.00tukea.monetwebhotellitriittävät hyvinwordpress0asennukseen.josjostainsyystäesimerkiksiphp5.20tukeaeiole, voidaankäyttäävanhempaawordpress0versiota3.1,jokavaatiiphp4.3jamysql tuen.KaikkivanhatWordPress0versiotovatladattavissaWordPressinsivustolta. MonistayleisimmistälisäosistaonsaatavillaversiotmyösvanhemmilleWordPress0 asennuksille.(requirements2013.) 2.3Drupal DrupalonWordPressinjaJoomla:ntavoinavoimeenlähdekoodiinperustuvasisäl0 lönhallintajärjestelmä,jonkaalkuperäinenkehittäjäondriesbuytaert.senkehitys alkoivuonna1999jasenensimmäinenjulkaisuolitammikuussa2001.viimeisinver0 sio7.22onjulkaistuhuhtikuussa2013.drupalintakanaonuseidenyleisimpiensisäl0 lönhallintajärjestelmientapaanlaajakehittäjäkuntajakattavalisäosavalikoima.kuten WordPress,DrupalvaatiitekniseksipohjaksivainPHP5.20tuensekäMySQL0,Post0 gresql0taisqlite0tietokannan.drupalonpitkältihyvinmodulaarinenjärjestelmä, jostakehittävätahovoiräätälöidäjuurihalutunlaisenkokonaisuuden.(historyof Drupal2013.) 2.4Joomla EdellämainittujenWordPressinjaDrupalinkaltaisestiJoomlaonmyösyksisuosi0 tuimmistaavoimenlähdekoodinsisällönhallintajärjestelmistä.joomlaonvuonna 2005julkaistu,MiroInternationalinkehittämäprojekti,jostaonkehittynytyksimaa0

10 7 ilmantunnetuimmistasisällönhallintajärjestelmistäperinteisienverkkosivujenkehi0 tykseen.joomlanuusinversioon2.59,jokaonjulkaistuhelmikuussa2013.wordp0 ressinollessaenemmänblogikäyttöönorientoitunutsekävapaamuotoisempiohjel0 mointikäytännöiltäänonjoomlaperiaatteeltaansuuremmilleverkkosivustoilleja intraneteillesuunniteltu.joomlakäyttäämvc0arkkitehtuuria(model0view0 Controller),jossakäytetäänkokonaisvaltaisestiolio0ohjelmointiajatoiminnotoneri0 teltyomiinkokonaisuuksiinsa.myösjoomlaonteknisiltävaatimuksiltaanhyvinyk0 sinkertainen.sevaatiiphp5.3jamysql5.0.40tuen.(whatisjoomla?2013;techni0 calrequirements2013;platform2012;featuresoverview2013.)

11 8 3MARKKINOINTISIVUSTOJENERIKOISOMINAISUUDET 3.1Yleistä Kappaleessaesitellyterikoisominaisuudet:kieliversiointi,responsiivisuus,erikoisfont0 tienkäyttöjaulkoasunpaketointiteemaksiovatuseinmainosalansivustototeutuksis0 satoistuviaominaisuuksia.toimeksiantajankäyttäessäuseimmissatoteutuksissa WordPressiä,kappaleessarajataanominaisuuksientoteutustapojenläpikäyntivain WordPressiin. 3.2Kieliversiointi 3.2.1Yleistäkieliversioinnista Verkkosivustojenyksitavanomaisimmistavaatimuksistaonkieliversiointi.Yksinkertai0 sissayhdensivunsivustoissavoidaanmonestitoteuttaasamatekemälläsivustadup0 likaattijakääntämällätekstithalutullekielelle.toinenyksinkertainentapaontehdä lyhytyhteenvetosivu,jossaonlyhyestisivustonkaikkitärkeätietokäännettynä.kat0 tavampitoteutustapakäännöstentoteuttamiseenverkkosivustoissaonkuitenkin tekstisisältöjenversiointierikielilläjaniidenkeskinäistensuhteidenmuodostaminen Toteutustapasisällönhallintajärjestelmässä Sisällönhallintajärjestelmässäpyritäänkieliversioinnintoteutuksessasiihen,ettäsi0 vustonsivurakennepysyisimuuttumattomanajakaikellesisällölleolisimahdollisuus tehdäversioterikielille.monissasisällönhallintajärjestelmissätämäeioleperustoi0 minnallisuus,vaansetäytyytoteuttaauseinerillisenlisäosankautta.monetnäistä lisäosistaovatkuitenkinpuutteellisia,sillähyvänkieliversiointitoiminnontekeminen vaatiimonestisisällönhallintajärjestelmäntietokantarakenteenradikaaliamuokkaus0 ta.käytännössäsivustonsisältöjenvaatimarakennetuleetässärakennemuutoksessa duplikoitumaanerikieliversioidenmääränverran.

12 9 Jottakieliversiointitoiminnonkäyttösisällönhallintajärjestelmänhallinnassaolisi mahdollisimmanjohdonmukaistajayksinkertaista,tuleemuokattavastatekstisisällös0 täpäästäluomaanuusikieliversiotaimuokkaamaanolemassaolevaakieliversiota riittävänhelposti.lisäosassatuleemyösollaselkeätmahdollisuudetmäärittääkieli0 versioinninasetukset.tämäontärkeäasiasivustototeutuksissa,joissasivustonkäyt0 töliittymässäonkielivalitsinjostapääseeaukiolevansivunerikieliversioille.ontär0 keäämäärittääpoikkeustilanteet,mihinohjataanjosaukiolevastasivustaeiolekieli0 versiota WordPressinkieliversiointimahdollisuudet WordPressinvakioasennuksessatuleemukanavielätoistaiseksikokeellinenWord0 PressMultiSite,jotavoikäyttääkieliversiointiin.Seonominaisuus,jokaantaamah0 dollisuudettehdärinnakkaisiaasennuksiaerialiosoitteidenalle.ominaisuusmahdol0 listaatehdäsamaateemaakäyttäenerillisiäwordpress0asennuksia,sekäniidenhal0 linnollisienasetustenmuokkaamisenkeskitetysti.multisiteeikuitenkaanannamah0 dollisuuttalinkittääsisältöjäkeskenääntaitehdäkielivalitsinta,jostapääseeerikieli0 versionvastaavallesivulle.(createanetwork2013.) WordPressilleonuseampiakieliversiointiintarkoitettujalisäosia,jotkatarjoavatnämä puuttuvattoiminnallisuudet.osanäistälisäosistaonilmaisiaosamaksullisia.ilmaisis0 talisäosistayksisuosituimmistaonkiinalaisenqianqininkehittämäqtranslate0 lisäosa,jokatarjoaayksinkertaisenkäännöstoiminnonartikkeleillejasivuille.qtrans0 latentapauksessakääntäminentapahtuujokotekemälläkieliversiottaimerkitsemällä samaansisältöönshort0tageilla(wordpressinsisältöeditorissakäytettäviälyhyitälisä0 osakohtaisiakoodimerkintöjä)tekstinsekaanallaolevanesimerkinmukaisesti (qtranslate2013.): < :en >Englanninkielinen tekstiversio< : > < :fi >Suomenkielinen tekstiversio< : >

13 10 qtranslateonkuitenkinhyvinkevytlisäosa,jokatarjoaavainyksinkertaisimmattar0 peetkieliversiointiin.setarjoaaartikkelienkäännöstyöhönmyösautomaattisenkään0 tämisen.kutenmonetilmaisetpienenkehittäjätahontekemätlisäosat,qtranslateei olejoissaintapauksissatäysinyhteensopivamuidentietokantarakenteitamuuttavien lisäosienkanssa.(qtranslate2013.) MaksullinenvaihtoehtoqTranslatelleonWPML0lisäosaperhe.WPML0lisenssionkehit0 täjäkohtainenjakattaarajattomanmääränsivuja,joitakehittäjäylläpitää.pelkkiin blogitoimintoihinwpmltarjoaa29dollarinarvoistalisenssiä,kuntaas79dollarilla saakokowordpress0toteutuksenkääntämiseenriittävänlisäosavalikoiman.artikke0 leihinjasisältösivuihinwpmltarjoaakäyttöliittymässäänominaisuudettehdäkään0 nösversioita,sekäsisältöjenkopioinnintoisistakieliversioista.wpmltarjoaamyös artikkelienjasivujenlistauksiinindikaattoritjoskieliversiotovatolemassalistatuista sisällöistä,sekälinkitniidenluomiseenjamuokkaamiseen.tämänäkymäonesitetty kuviossa1.(purchase2012;features2012.) KUVIO1.WordPress0sivunhallintanäkymänkielivalitsin NäidenpäätoiminnallisuuksienlisäksiWPMLtarjoaamyöslisäosiamuidenominai0 suuksienkäännöstenhallintaan.wpmlcoretarjoaasivustonreititysmahdollisuudet, kutenaliosoitteidenkäytönkieliversioissajamonipuolisenkielivalitsimen,jonkavoi

14 11 sisällyttääsivustonkäyttöliittymään.wpmlstringtranslationontyökalu,jollasivus0 tollailmeneviätekstejävoikääntää searchandreplace 0periaatteella,kääntäenjo0 kaisenkäännökseenviitatunmerkkijonon,jotkasivustoltalöytyvät.tämätyökaluon erityisenhyödyllinenwidgetejäjaomiapluginejakäyttäessä,jotkaeivätwpml:n kauttanormaalistimahdollistakieliversiointia.wpmlcmsnavigation0lisäosaontyö0 kaluvalikoidenkieliversiointiin.(features2012;wpmlcoreandadd0onplugins 2012.) WPMLonsuurenkehittäjätahontoteuttamajaylläpitämävakaajamonipuolinenli0 säosa,jokatarjoaaajoissatuenuusimmillewordpress0julkaisuille,sekäarkistonvan0 hemmistalisäosienversioistavanhemmillewordpress0versioille.huolellisestitoteu0 tettunawpmlonmyöshyvinyhteensopivamuidenlisäosienkanssa.wpmltarjoaa lisäpalvelunaammattilaiskääntäjienkäännöspalveluja.(features2012.) 3.3Erikoisfonttienkäyttö 3.3.1Yleistäerikoisfonteista Erikoisfonttienkäyttöwebissäontullutainayleisemmäksiajansaatossa.Tässäkon0 tekstissaerikoisfontittarkoittavatfontteja,jotkaeivätolens.websafe0fontteja.web0 safe0fontitovatfontteja,jotkalöytyvätuseiltapäätelaitteiltatainiilleonolemassa hyvinsamankaltaisiakorvaaviafontteja,josvaadittuafonttiaeilöydy.mainosalan verkkosivustoilleniidenkäyttöonjoalanpuolestahyvinominaista.vaatimuksena näidenfonttienkäytölleonesimerkiksibrändiengraafistenulkoasujentiukatmää0 reet.(csswebsafefontcombinations2013.) Minimissäänerikoisfonttienkäyttöverkkosivustoillakäsittääesimerkiksisivustonot0 sikotbrändingraafisenohjeistuksenvaatimallaerikoisfontilla.ääritilanteissakoko sivustontekstisisältösaattaavaatiaerikoisfontinkäyttöä.ideaalitilanteessakuitenkin sivustonleipätekstin,linkkienjalistaustentulisikäyttääwebsafe0fontteja,koska

15 12 useimmissatoteutuksissatämäratkaisuparantaasuorituskykyäjapäätelaitteesta riippumattaonvarmaa,ettätekstisisältönäkyyoikein Toteutustavat Erikoisfonttejaonmahdollistakäyttääuseallatavalla.Luotettavintapatähänonteh0 däteksteistä,joissanäitäfonttejaonkäytetty,kuviajasisällyttääkuvatiedostotteks0 tinsekaan.tämätoteutustapaonerittäintyöläsjatekstienmuokkausvaatiiainauu0 sienkuvientekemisen.lisäksityylimuutokseteivätvaikutakuvamuodossaolevaan tekstiin. Ensimmäisiäerikoisfonttienkäyttötapojaolivatmm.sIFRjaCufón,jotkaovatJava0 Script0kirjastoja,jotkamuuttavatHTML0tiedostossaolevaatekstiäeritekniikoineri0 koisfonteiksi.sifrkääntääfontitflash0elementeiksijacufóncanvas0elementeiksi. Molemmattekniikatvaativatfonttitiedostonkääntämisenomillageneraattoreillaan JavaScript0tiedostoiksisekäoikeudenfonttienupottamiseenverkkosivustoille.Nämä tekniikatovatkuitenkinepävakaitajakerryttävätsuurenosansivustonlatausajasta. MonestiCufónillatehdytfontitkäyttäytyväteritavoinselaimienvälillä.Myösfonttien piirtyminensivustolleonmonestihäiritsevää,koskauseitasatojakilotavujasuurien JavaScript0tiedostojenlatautuminenjasuorittuminensijoittuumelkomyöhäänsivun latauksessa,silläniitäkäytetäänasynkronisesti.(davidson2004;aboutcufón2012.) TämätekniikkavaatiiminimissäänfonttitiedostojensisällyttämisenTrueType0 komennolla.tämätekniikkaonerittäinvakaajanopea.fontitpiirtyvätparhaimmalla mahdollisellatavalla,sekämuotoilutoimiiparemminkuinesimerkiksicufóniakäyttä0 telaitteessa,tuleefontistaollauseitaerityyppisiäversioita.näidenversioidentekemi0

16 13 seenlöytyymuutamiaverkkopalveluita,kutenfontsquirrel.nämäpalvelutmuodos0 Koskafonttienkäyttöoikeuksienostaminenverkkosivustolleupotukseenvoiollaerit0 täinkallista,eiseolevälttämättäparasratkaisulyhytaikaisenkampanjasivustonto0 teutukseen.muutamattahot,kutengoogle,fonts.comjatypekit,tarjoavatpalveluja, jotkatarjoavatfonttejakäytettäväksijokoilmaiseksitaivuosittaistapientämaksua vastaan.nämäpalvelutmuodostavathinnoitteluntaiilmaispalvelunjokosivunkävi0 jämäärienmukaan.esimerkiksitypekitintarjoama49.99dollariavuodessamaksava palvelukattaamainostoimistontarpeeterittäinhyvin,tarjoten500,000sivulatausta kuukaudessa,sekäkaikkienheidäntarjoamienfonttienrajoittamattomankäytönra0 joittamattomassamäärässäverkkosivustoja.vastaavastiyksifonttiperhe,jokasisältää senerivariaatiot,voimaksaatuhansiaeuroja.fontinostaessaanyrityssaayrityskui0 tenkinsenkäyttöoikeudetmyösmuissamedioissa.tämämenetelmäonyleinensiinä tapauksessa,kunsuurempibrändisisällyttääerikoisfonttienkäyttöägraafiseenoh0 jeistukseensa.(pricing2013.) 3.4Teemat 3.4.1Yleistäteemoista WordPress0toteutuksessaulkoasujaperustoimintojenmuokkauksetkootaankoko0 naisuuksiin,joitakutsutaanteemoiksi.teemasisältääsivustostakaiken,mitäeihallita sisällönhallintatyökalujenkautta.teemojentarkoituswordpressissaonmuodostaa yhteenkansioonsisällytettäväkokonaisuustiedostoista,joitatarvitaansivustonulko0 asuun.(themereview2013.)

17 Teemanrakenne WordPress0sivustonulkoasussanäkyväHTML0koodirakentuuteemassasijaitsevista template0tiedostoista,joistasisällytetääntarpeellisiaosiariippuenladattavansivun tyypistä.template0tiedostotsisältäväthtml0koodia,jonneonsijoitettuphp0kielellä WordPressinomillakomennoilla(TemplateTags)haettavaasisältöä,kutentekstisisäl0 töä,otsikoita,kuviataisisältösivunjaartikkelienominaisuuksia,kutenjulkaisupäivä0 määriä,kategoriatietojajakirjoittajatietoja.keskeisimpiäteemanulkoasuelementtejä verkkosivutoteutuksissaovattiedostot:header.php,footer.phpjapage.php,johon headerjafootersisällytetään.teemasisältääjuurikansiossaanmyöstavanomaisen tyylitiedostonstyle.css,johonsivustontyylitjateemantiedotsisällytetään.(theme Review2013;SteppingIntoTemplateTags2013.) Teemasisältääuseintiedostonfunctions.php,jossatehdäänkaikkiWordPressinva0 kiotoiminnallisuudenkäsittely.functions.php:npääasiallinentarkoitusontarjota helppoalustatoiminnallisuuksienmuokkaamiseenjalisäämiseenilman,ettäkehittä0 jäntarvitseemuokatawordpressinlähdekooditiedostoja.wordpresstarjoaatoimin0 tojenmuokkaamiseenhook0komentoja,joillavoidaanlisätäkoodiasuoritettavaksi jonkinwordpressinperustoiminnallisuudenyhteyteen.tällätoiminnallisuuksienkes0 kittämisellähelpotetaanmyösongelmanratkaisua,sekäselkeytetäänkoodinraken0 netta.(themereview2013;creatingyourownpagetemplates2013;steppinginto TemplateTags2013.) Functions.php0tiedostomahdollistaamyössuurenosanWordPress0asennuksenhal0 lintaosionkustomoinnista,kutenperustoiminnallisuuksienkäytönestämisensekä käyttäjätasojenoikeuksienmuokkaamisen.nämämuokkausmahdollisuudetovatkäy0 tännöllisiäniissätapauksissa,jolloinhalutaankarsiahallintaosiostatarpeettomiatoi0 minnallisuuksiapois.(steppingintotemplatetags2013.)

18 15 Teemanpakollisiatiedostojaovat: index.php Sivupohja,jotakäytetäänoletuksenajosmuitasivupohjiaeilöydy. comments.php Sivupohja,jossalistataanartikkelinkommentit screenshot.png Esimerkkikuvateemanvakioulkoasusta,jokanäytetääntee0 manvalintaruudussa style.css Tyylitiedosto,jossaonminimissäänoltavateemantiedot,kuten teemannimi,kehittäjätiedot,versionumerointijaversioyhteensopivuus. TeemaansuositellaansisällyttääuseimpienWordPressinperustoimintojenkäytön mahdollistamiseksi: 404.php Sivupohja,jokanäytetääntilanteessa,jossahaluttuasivuaeilöydy. archive.php Arkistosivupohja,jokalistaaartikkelitjulkaisuajanmukaan page.php Oletuksenakäytettäväsisältösivupohja search.php Sivupohja,jossanäytetäänhauntulokset,Wordpressinhakutoi0 mintoakäytettäessä single.php Yhdenartikkelinnäyttämiseentarkoitettusivupohja header.php Sivustonheaderinsisällönliittämiseentarkoitettutemplate, jonkatulisisisältääkaikkijokasivullakäytettävätelementit,kuten<head>0 elementti. footer.php Sivustonfooterinsisällönliittämiseentarkoitettutemplate.Käy0 tetään,kutenheader.php:ta,muttasivustonpohjaosaan. sidebar.php Sivustonwidgetiensisällyttämiseenkäytettävätemplate. Muitayleisimpiätiedostoja,joitavoidaansisällyttääteemaanvalinnaisesti: author.php WordPress0asennuksenkäyttäjänesittelyyntarkoitettusivupoh0 ja. category.php Kategorianallaolevienartikkeleidenlistaukseentarkoitettusi0 vupohja. tag.php Yhdenasiasananallaolevienartikkeleidenlistaukseentarkoitettusi0 vupohja.

19 16 WordPress0asennuksenmukanatuleeesimerkkiteemaTwentyeleven,jokasisältää kaikilleperustoiminnoilleyksinkertaisettoteutustavatjakattavatesimerkitfunc0 tions.php:neritekniikoidenkäyttötavoista.twentyeleventarjoaamyösvalmiinpoh0 janomanteemanjalostamiselle.(creatingyourownpagetemplates2013.) 3.4.3Sivupohjanrakenne WordPressinsivupohjatpohjautuvatsilmukkatekniikkaan,jotakutsutaanloopiksi.Eri sivupohjat,kutenkategorialistaus,yksittäisenartikkelinsivu,sisältösivu,taihauntu0 lostenlistaussivuperustuvatloopiin.loop0tekniikkakäyttääainasamaasyntaksiaja senhakemasisältöriippuusivupohjantyypistä.loopkäydäänhave_posts()0metodin jawhile0silmukankanssaläpi,jokamahdollistaawordpressinomientemplatetag0 funktioidenkäyttämisensilmukansisällä.templatetag0funktiotovatlyhyitäjaselkei0 täkomentoja,joillasilmukassaolevastaelementistäsaadaanoleellisiatietojatulos0 tettuasivupohjaan.esimerkiksifunktiothe_title()tulostaasuoraanartikkelilletaisi0 vullemääritetynotsikon.vastaavastithe_content()tulostaaartikkelintaisivunsisäl0 lönmuotoiluineen.(theloop2013.) Loopinollessasivupohjanydinonmuuttoistuvatelementit,kutenheader,footerja sivupalkki,tarkoitustulostaaomillepaikoilleenniilletarkoitetuillafunktioilla.esimer0 kiksilaittamallaget_header()0funktiontiedostonalkuun,tulostaafunktiohea0 der.php:nsisällönkohtaan,johonseonsijoitettusivupohjassa.header.phpsisältää kaikenhtml0tiedostonalkuunliittyvätelementitjaulkoasussasivunyläosantoistuvat elementit,kutenlogonjanavigaation.vastaavastifooter.phpsisältääsivustonulko0 asunalaosassaolevatelementitsekäbody0elementinloppuunsisällytettävätasiat, kutenkävijäseurannatjamahdollisetjavascript0tiedostojensisällytykset.(theloop 2013.) Allaonesimerkkiyksinkertaisestasisältösivunakäytettävästäsivupohjasta.Tiedoston alussakommenttiensisässäolevamerkintä TemplateName:Alasivu määrittääsi0

20 17 vupohjannimen,jollasevoidaankiinnittääsisältösivunsivupohjaksihallinnasta. Funktiotget_header(),get_footer()jaget_sidebar()sisällyttävätlopulliseenHTML0 koodiinomattemplate0tiedostonsa.content0elementinsisälläolevawhile0silmukka onloop0tekniikka,jokasisällyttääjokaiseensilmukaniteraatioonpost0elementin. Post0elementinsisälläonkäytettyedellämainittujaWordPressintemplatetag0 komentoja,joistathe_title()tuosivunotsikonjathe_content()sisällönmuotoilui0 neen.(creatingyourownpagetemplates2013.) <?php /* Template Name: Alasivu */ get_header();?> <div id="content" role="main"> <?php while ( have_posts() ) : the_post();?> <div class="post"> <h2 class="page-title"><?php the_title();?></h2> <?php the_content();?> </div> <?php endwhile;?> </div> <?php get_sidebar();?> <?php get_footer();?> 3.5Responsiivinensuunnittelu 3.5.1Yleistäresponsiivisestasuunnittelusta Responsiivinensuunnittelutarkoittaasivustonulkoasunmuokkaamistaparemmin yhteensopivaksilaitteille,joissaonpienempiänäyttöjäkuintavanomaisissatietoko0 neissa.responsiivinensuunnittelukeskittyymonestikäyttöliittymänyksinkertaista0 miseensekätypografianselkeyttämiseenkäytettävyydenparantamiseksi.älypuheli0 mienjatablettitietokoneidenyleistyessäulkoasunoptimoinninoletetaanolevanyhä enemmänitsestäänselväominaisuusmainosalansivustossa.tilastosivustostatcoun0 terinmukaanmobiiliselaintenosuusonjonoussutlähes15%kaikistapäätelaitteista janiidenosuusonjatkuvassanousussa.(mobilevs.desktop2013.)

21 Tekniikat Responsiiviseentoteutukseenonuseampiayksinkertaisiatekniikoita.Teknisentoteu0 tuksenpuolestaresponsiivisensuunnittelunpäämääräinentarkoitusonnäyttäämo0 biililaitteillasisältöpienemmällenäytönresoluutiollesopivallatavallahäiritsemättä sivustonulkoasuanäytettäessätietokoneenselaimella.ideanollessayksinkertainen, monettoteutustavatovatyksinkertaisiajayhteensopiviauseidenvanhempienselain0 versioidenkanssa.(pettit2012.) YleisintapatoteuttaaresponsiivinentaittoteknisestionkäyttääCSS:nmediaquery0 tekniikkaa,jollapäätelaitteentyyppitunnistetaanpäätelaitteenselaintietojenavulla antamallaesimerkiksihtml0koodisssatyylitiedostoonviitatessamedia0attribuutille haluttupäätelaitteentyyppi.allaolevallaesimerkillävoidaankaikkienmobiililaittei0 denkohdallaottaakäyttöönvainmobiililaitteilletarkoitettutyylitiedostomobile.css. (Pettit2012;Patel2012.) <link rel="stylesheet" media="screen" href="style.css" /> <link rel="stylesheet" media="mobile" href="mobile.css" /> Vaihtoehtoisestityylimäärityksiävoidaanottaakäyttöönselaimenleveydenollessa tiettyjenleveyksienrajoissa.esimerkkinätästä,sivuntyylitvoidaanjaotellakäytettä0 väksiyleisimpienmobiililaitteidenleveyksienmukaan:tablettilaitteenvaaka0asento 1024px,tablettilaitteenpystyasento768px,älypuhelimenvaaka0asento480pxjaäly0 puhelimenpystyasento320px.allaolevanesimerkinmukaisessatoteutuksessamedia query0tunnisteetlaitetaansivustonnormaalientyylienalapuolellejaniidensisällä tehdäänpäätelaitekohtaisiamuokkauksia.koskamediaquery0tunnisteillaontässä tapauksessavainmaksimileveydet,periytyvätesimerkiksileveämmilleselaimilletar0 koitetuttyylitmyöskapeammilleselaimille.kuviossa2onesitettyesimerkkisisällön asemoinnistakynnystasoittainerilaitteille.mediaqueryteivätvaikutaesimerkissä työpöytäversioon,muttamuuttavatasemointiatablettilaitteenjaälypuhelimenosal0 ta.(cssmediatypes2013.)

22 screen and (max-width: 1024px) { /* Tyylimääritykset tablettilaitteen vaaka-asennolle */ screen and (max-width: 768px) { /* Tyylimääritykset tablettilaitteen pystyasennolle */ screen and (max-width: 480px) { /* Tyylimääritykset älypuhelimen vaaka-asennolle */ screen and (max-width: 320px) { /* Tyylimääritykset älypuhelimen pystyasennolle */ } KUVIO2.Esimerkkimediaquery0tekniikallaporrastetustaresponsiivisuudesta Sivustostavoidaanmyöstehdäkokonaanerillinenmobiilikäyttööntarkoitettuversio, johonkäyttäjäohjataansaapuessaanmobiililaitteellasivulle.tätätekniikkaakäyte0 tääntilanteissa,joissahalutaannäyttääsivu,jokaonmerkittävästisisällöltäänerilai0

23 20 nenkuindesktop0versio.esimerkiksi,joshalutaannäyttäämobiililaitteillapelkästään tärkeimmättiedot,käytetääntätätekniikkaa.(patel2012.) Verkkosivustonulkoasuvoidaantoteuttaasiten,ettäseskaalautuuselaimenlevey0 destäriippuen.tällöinelementtienleveydetmääritetäänprosentteinapikseliarvojen sijaanjakokoulkoasullemääritetäänmaksimileveys,jolloinsisältökeskitetään.tätä toteutustapaakutsutaanfluid0taitoksi.monessatapauksessa,joissasisältöonasetel0 tupalstoihin,tämätekniikkaonyhdistettynämediaquery:llätehtäviinlaitekohtaisiin porrastuksiin.kuviossa3onesiteltytavanomainenfluid0taitto,jossasisältöelementti0 enleveydetovatsuhteellisiaselaimenleveyteen.(pettit2012.) KUVIO3.Esimerkkifluid0taitosta

24 21 4MARKKINOINTISIVUSTONTOTEUTUSHANKE 4.1Lähtötilanne Hankkeenlähtökohtanaolitilanne,jossasuomalainenyrityshalusiuudenverk0 kosivustonbrändiuudistuksenyhteydessä.yritysoliuudistanutbrändinsäbränditoi0 mistonkanssa,jokaoliluovuttanutgraafisenohjeistuksen,sivustonrautalankamallit jakarkeangraafisenulkoasuninto0digitalilleviimeisteltäväksi.hankkeeseenosallistu0 nutmainostoimistokeskittyiprojektissasisällöntuotantoonjakuvitukseen. Sivustonsisällönsovittiinolevankokonaanmuokattavissa,jottamainostoimistovoisi muokataläheskaikkiasivustollaoleviateksti0jakuvasisältöjä.ratkaisutähänolisi0 vustonrakentaminensisällönhallintajärjestelmänpäälle.sisällönhallinnantulisiolla mahdollisimmanhelppokäyttää,jottaasiakkaaneitarvitsisiopetellaerikoistekniikoi0 ta,vaansisällönhallintaonnistuisiwysiwyg0työkaluilla. Suunnitteluvaiheessasivustokoostuiperinteisistäelementeistä.Sivustollatultaisiin käyttämäänkolmeasisältösivutyyppiä:etusivua,sisältösivua,jayhteystietosivua.li0 säksisivustolletulisiblogiosiosekätapahtumaosio.etusivu,jokatoimisiportaalina muihinsivustonalaosioihin,sisältäisiselkeätlinkitsivustonneljällepääsisältösivulle, listauksetblogiartikkeleistajatapahtumista,sekäfacebookinlikeboxin.sisältösivut olisivatyksinkertaisiasivuja,jotkakoostuisivatkahdestapalstasta:vasenpalstakoko0 naantekstisisällöllejaoikeakuville.yhteystietosivumyötäilisimuutensisältösivun linjoja,muttaoikeapalstasisältäisiinteraktiivisengooglemaps0kartan. Sivustosisältäisikauttalinjansamanheaderinjafooterin.Headersisältäisivainyrityk0 senlogonjakaksitasoisennavigaation.navigaationensimmäinentasoolisiainanäky0 villäjasisältäisisivustonpäätasonsivut.josaukiolevallasisältösivullaolisialasivuja, navigaationensimmäisentasonalapuolelleaukeaisinavigaationtoinentaso,jossa listattaisikaikkisivunkaikkialasivut.footersisältäisivainensimmäisentasonnavigaa0 tionjatekijänoikeustiedot.

25 22 Sivustollesuunniteltiinmyösblogitoiminto,jossayritysvoisikertoakuulumisistaanja menneistätapahtumista.blogitoimintoonsuunniteltiinlistausnäkymä,jossanäkyisi artikkelinotsikko,lyhytkatkelmaartikkelistasekäerikseenmääritettäväartikkeliin liittyväkuva.blogitoimintotulisimyössisältääyksittäisenartikkelinnäkymän,jossa näytetäänedellämainittujenelementtienlisäksikokoartikkelinsisältö,sekäkommen0 tointitoiminto,jossavierailijatvoisivatkommentoidaartikkeliayksinkertaisestakom0 menttilomakkeestajättämällänimensä,sähköpostiosoitteensajakommenttinsa.blo0 gitoiminnonohellasivullehaluttiinmyöstoinenartikkelitoiminto.yrityshalusitapah0 tumalistauksen,jokatoimisisamallatavalla,kutenblogitoimintomuttaeisisältäisi kommentointiaeikäkuvialistauksessa. Sivustonulkoasustasuunniteltiintoteutettavaksikaksiversiota.Toinenversioolisins. työpöytäversioelitietokoneenselaimellakäytettäväkiinteäleveyksinenversio,jossa sisältökeskittyisisivusuunnassajosnäyttöolisileveämpikuin990pikseliäleveäsisäl0 töalue.laitteellejonkanäytönleveysonpienempikuin990pikseliä,toteutettaisiin ulkoasuresponsiivisenataittona. Näidenperustoimintojenlisäksiyrityshalusimyöserivärisettekstiteematjokaista sivustonneljääsisältö0osiotakohden.mahdollisestimyöhemmintoteutuvinatoimin0 toinahaluttiinlomaketyökalu,jollaasiakasvoisiluodasivustolleerinäisiäilmoittau0 tumislomakkeitatapahtumiin,sekäkokosivustonlaajuisenkieliversioinnin.pääpai0 nonasivustontoiminnalletuliollaselkeys,nopealadattavuus,helppokäyttöisyysja helppomuokattavuushallinnanpuolella. 4.2Tekninensuunnittelu Projektinsuunnitteluvaiheessaasetettiinasiakkaantoimestavaatimukset,minkäpuit0 teissasivustotulisiteknisestitoteuttaa.palveluntarjoajaksiilmoitettiinnebulajatek0 niseksialustaksiheidäntarjoamansawebhotelpro0palvelintila.teknisenäpohjana

26 23 tulisisiisolemaanlamp0ympäristö,jotensivustontekniikantulisipohjautuapalveli0 menpuolellaphp0kieleen.levytilaawebhotelprotarjoaa2gt,jotentilaaonriittä0 västiläheskaikkiinphp0pohjaisiincms0järjestelmiin.webhotelproeisisälläsellaise0 naantietokantaa,muttacms:ienvaatimamysql0tietokantaonsaatavillalisäominai0 suutena.(webhotellit2013.) LiikennöintisuositukseksiNebulailmoittaa50Gt/kk,jokaolisiasiakkaanmukaanriit0 tävämääräsivustonoletettuihinkävijämääriin.josliikennöintiylittääsuosituksen, Nebulailmoittaaasiakkaalleylityksestä.ToistuvistaylityksistäNebulavaatiivaihta0 maanpalvelupaketintoiseenpakettiin,jossaonsuurempikapasiteetti.(webhotellit 2013.) 4.3.Sisällönhallintajärjestelmänvalinta 4.3.1Huomioonotettavatasiatsisällönhallinnanvalinnassa Yhtenäasiakkaanperusvaatimuksistaolisivustonhelppohallittavuus,jotenkäytettä0 väncms:nvalintarajoittuiilmaisiin,laajaltikäytössäoleviinopensource0 järjestelmiin.suositunjärjestelmänkäyttöoliaiheellistasiksi,ettäyleisimmätcms:t ovathyvindokumentoitujajaohjeistettujamolemmilletahoille,sekäkehittäjilleettä sisällönhallinnankäyttäjälle.nopeatutustuminenpoikikolmeinto0digitalillejoen0 nestääntuttuaehdokasta:wordpress,joomlajadrupal.kaikkiakolmeaonkäytetty yrityksentekemissätoteutuksissajaovathyväksitodettujaalustoja. Alustanvalinnassatulikiinnittäähuomiopääasiassasiihen,kuinkapaljonresursseja kunkinjärjestelmänkäyttökuluttaisi.työmääränmitoitusriippuipääosinkahdesta asiasta:onkoehdollaolevajärjestelmätoteuttajalleennestääntuttuelitulisikore0 surssejavaratajärjestelmääntutustumiseenjakehitystyönopetteluun,vaionnistuisi0 kototeutussuoraanräätälöimälläennestääntuttuajärjestelmää?josvalintatehdään silläperusteella,ettäjärjestelmäonkehittäjälletuttu,riittäisivätkösenperusominai0

27 24 suudetjalaajastikäytettyjenluotettavienlisäosienominaisuudetsivustonvaatimuk0 siin? Into0Digitalinsisällönhallintaavaativatverkkosivustoprojektittoteutetaanmonesti WordPressinpäällehallintatyökalujenyksinkertaisuudestajohtuen.Koskauseimmissa tilanteissaasiakashaluaaitsemuokatajalisätäsivustonsisältöjä,verkkosivustopro0 jekteissahalutaankäyttäämahdollisimmanpaljonwordpressinvakiotoimintojanii0 denhyvändokumentoinninjawordpressinlevinneisyydentakia.toisinaanwordp0 ressonyrityksenprojekteihinliiankinyksinkertaistettujapelkistetty.näissätapauk0 sissatuleeharkitavaihtoehtoisiaratkaisuja,jottawordpressinperustoiminnallisuutta eivakaus0jatietoturvallisuussyistätarvitsisilähteäliiaksimuokkaamaan. DrupalonollutInto0Digitalinprojekteissakäytössälähinnäniissätilanteissa,jossa tiedetääntarvittavaksitiettyädrupalinolemassaolevaalisäosaa,onverkkosivusto alunperintoteutettujonkintoisentahontoimestadrupalillatainiissäprojekteissa missätiedetään,etteiwordpresssovellukäytettäväksiliianyksinkertaistettunajärjes0 telmänä.verrattunawordpressiin,onyrityksentoteuttamissaprojekteissayleisesti Drupalominaisuuksiensapuolestahiemanmonimutkaisemmanjaraskaammanoloi0 nen,sekäkehitystyöltäänhiemantyöläämpikuinwordpress.tämänlisäksimonissa yrityksenprojekteissadrupaleivakioasennuksenaantarjoatarpeeksiyksinkertaista sisällönhallintatoiminnallisuutta,jolloinsivustonsisältöeiolisitarpeeksihelpostisuo0 raanasiakkaanhallittavana. Joomla:nkäyttöonInto0Digitalintoteuttamissaverkkosivustoissaollutmelkovähäis0 tä.yleensäkäytönsyynäonollutprojektinaikaisempitoteutusjoomla:llajajatkoke0 hitysontehtyinto0digitalintoimesta.joomla:nperustoiminnallisuudetjäävätprojek0 tienvaatimustenpuitteissauseissatapauksissaliianvähällejaesimerkiksiwordpres0 sinyksinkertaisemmathallintatyökalutmielletäänparemminsivustonsisältöähallit0 sevantahontarpeisiinsopivammaksi.

28 Valinta Projektinteknisensuunnittelunmerkittävimpiäkysymyksiäolisisällönhallintajärjes0 telmänvalinta.valintatehtiinperusteella,olisikocms0ratkaisussajovalmiiksimah0 dollisimmanpaljonprojektinvaatimiatoiminnallisuuksiajovalmiina.myöskintoteut0 tajanaikaisempikokemussisällönhallintajärjestelmästäolimerkittäväperustevalin0 nalle. Wordpressnousikolmestavaihtoehdostakärkeenjoalkuvaiheessamyössiksi,että asiakasolitoivonutsenkäyttöäsivustontoteutuksessa.myösvalmiitblogitoiminnot, kutenartikkelit,kategoriatjakommentoinnit,nostivatwordpressinkärkiehdokkaaksi. Muutamiapieniävaatimuksiakutensisältösivujenneljänkategorianerottelujaväri0 teemoilla,eikäkieliversiointiaollutsaatavillasuoraanwordpressintoiminnallisuuksis0 ta.(drupal0joomla0wordpress0comparison2013.) Drupaliaeivalittu,koskaseeiolluttekijälletuttujärjestelmäjasensisällönhallinta0 työkaluteivätolleettarpeeksiyksinkertaisetsiihennähden,ettäasiakastoteuttaisi sisällönsyötönpääosinitse.kieliversiointimahdollisuudetolisivatparemmat,sekä tekniseltäkannaltablogitoiminnallisuuksienjasisältösivujenerotteluoliparemmin toteutettu.tämäolisiollutmahdollisestimerkittäväseikkasivustonjatkokehitystä ennakkoonsuunnitellessa.(wilding2011.) Joomlaeiolisitarjonnuttähänverkkosivustoonyhtäyksinkertaistablogitoiminnalli0 suutta,sekäsenkehitystyöjalisäosateivätolisiolleettuttujakehittäjälle.joomlassa olisitosinollutnatiivitukikieliversioinnille,muttablogitoimintoolisipitänyttoteuttaa lisäosilla. LopulliseksivalinnaksipäätyiWordPresssentarjoamienvalmiidentoiminnallisuuksien jatekijänaikaisemmankokemuksenvuoksi.ainoaksiepäselväksiasiaksijäänytkieli0 versiointionkäytytarkemminläpiluvussa 3.2Kieliversionti

29 26 4.4Käyttöönotto NebulanWebhotelPro:ssavakionakäytössäolevaPHP0versio4.3onnostettujuuri0 kansion.htaccess0tiedostossaversioon5.2,jokamahdollistaauusimmanwordpress0 version3.5.1käytön.asennustavartenhaettiinwordpress.org0sivustoltauusinpaket0 ti,jokasiirrettiinkotisivutilanalikansioon.tilanjuurihakemistossaolitoteutettavan sivustonvanhaversio,jokaotettiinpoiskäytöstävastauudensivustonjulkaisunyh0 teydessä.(php0ohjelmointi2013) WordPressinasennuspalvelimelleontehtyjärjestelmänomanasennusvelhonavulla. Asennusvelhopyytäätarkistettuaanyhteensopivuudenpalvelimenominaisuuksien kanssa,syöttämäänsisällönhallinnanvaatimatperustiedotasennusympäristöstä,ku0 tentietokannantiedotjakäyttäjätunnukset,sivustonnimen,ylläpitäjänsähköpos0 tiosoitteen,halutunylläpitäjänkäyttäjätunnuksenjasalasanan,sekälyhyenkuvauk0 sensivusta.tietokantamäärityksiälukuunottamatta,asetuksetovatmuokattavissa hallintapaneelista. WordPressinviisitoistaminuuttiavievänasennuksenjälkeensivustoolitäysinkäytet0 tävissä.hallinnankauttasivustolletehtiinylläpitäjänlisäksimuutamiakäyttäjätun0 nuksiakatselmointikäyttöönjaasiakkaankäytettäväksi.asennuksenjälkeensivustol0 letehtiinvalmiiksiperusrakenteet,kutensisältösivujenalustavarakenne,navigaatiot valikkotyökalulla,artikkelilistauksienvaatimatkategoriat,sekäotettiinkäyttööntar0 vittavatperusominaisuudetbloginkäyttöön,kutenkommentointijaavainsanojeneli tagienkäyttö. Sivustolleonasennettumuutamiayleishyödyllisiätuttujajaluotettavialisäosiakuten hakukoneoptimointiintarkoitettuallinoneseo0pack,sekäadvancedtinymce0 sisältöeditori,jokamuuttaawordpressinsisältöeditoriaperinteisientekstinkäsittely0 ohjelmienkäyttöliittymääenemmänvastaavaksi.

30 27 4.5Erikoisominaisuuksientoteutus SivustonvaatimusmäärittelyssämainittukieliversiointiontoteutettuWordPressin WPML0lisäosalla.Sivustonpääkielenollessasuomi,onosallesisällöstäolemassamyös ruotsinkielisetversiot.kieliversionpääasiallinenkäyttöliittymäkoostuusivunheade0 rissaolevastakielivalitsimesta,jostasiirrytäänetusivulletaiaukiolevansivunkieliver0 sioon,jossellainenonmääritettysivulle.kielivalitsinontoteutettuwpml:nomalla kielivalitsintoiminnolla,jokaonasetuksiavoimuokatawpml:nhallintapaneelista. Kielivalitsimessaonvakioasetuksenakieliversioidenindikaattorinamaidenliput,mut0 tasivustollaliputonkorvattutekstiversioilla.muokkausontehtymuuttamallakieliva0 litsimenkoodiaheaderinsivupohjastaheader.php0tiedostosta. Sivustollaolijulkaisunyhteydessäasiakkaanpyynnöstätoiminto,jokanäyttääruot0 sinkieliselläsivustollablogiosiossasuomenkielisetblogimerkinnät.tämäeikuulunut WPML:nvakiotoiminnallisuuteen,jotensetoteutettiinmuuttamallablogilistausten sivupohjanloopintoimintaa,suodattamallanäytettävääsisältöä.tämätoimintootet0 tiinmyöhemminpoisjablogikirjoituksistatehtiinkieliversioinnitmolemmillekielille. Erikoisfonttienosaltatämänprojektintapauksessaoligraafisessasuunnittelussakäy0 tettyainoastaanfutura0fonttia.fonttiolisuunniteltukäytettäväksikaikissatekstisi0 sällöissäsekänavigaatioissa.cufónsuljettiinpoisvaihtoehdoistajoaikaisessavai0 täätypekit0yrityksentarjoamaapalveluajossafonttiladataankäyttööntypekitinpal0 velimellasijaitsevanjavascript0tiedostonavulla.fonttionitsessäänmelkoraskas350 kilotavuntiedostokoolla,muttatoimiimoitteettomastikaikillapäätelaitteillajase0 laimilla. Typekitinkäyttöönottotapahtuikirjautumallapalvelunsivustolletilauksenjarekiste0 röinninyhteydessäsaatavillakäyttäjätunnuksellajasalasanalla,jonkajälkeenluotiin projektijohonkäytettävätfontitliitettiin.projektitarkoittaakäytännössäyhtäverk0

31 28 kosivustoajohonladataanvainkäytettävienfonttientarvittavatvariaatiot,jottala0 dattavajavascript0tiedostoeikuormittaisisivustonlatausaikaaliiaksi.projektillease0 tettiinsallitutdomainit,jottajavascript0tiedostoaeivoikäyttääulkopuolisillasivus0 toilla.tämänjälkeenfonttiolikäytettävissätyylitiedostonkauttafont0family0 dosto.erivariaatioidenkäyttöfutura0fontista(bold,heavy,normal)vaatitypekitiä käytettäessäfont0weight0attribuutinnumeroarvoja. Kokosivustonulkoasu,sivupohjat,erikoisominaisuuksienkäyttöönottosekäpienem0 mättoiminnallisuusräätälöinnitonsisällytettysivustolletehtyynomaanteemaan, jokaonalustaastiinto0digitaloy:ntoteuttama.kaikkiperustoiminnot,kutensisältö0 sivut,blogitoimintojanavigaatiotontoteutettuwordpressinperustyökaluillajoka mahdollistaaniidenkäyttämisenhallintapaneelinkautta.sivustonheaderjafooter, toistuvatelementit,sekänavigaatiosijoitettiinheader.php0jafooter.php0tiedostoon, sekätoiminnallisuudetfunctions.php0tiedostoon.sivustonkahdellaeriartikkelilis0 tausnäkymälläoneroavaisuuksiaulkoasussa.tämäonratkaistutekemällämolemmil0 lelistauksilleomatcategory.php0tiedostot,joissakummassakinnäytetäänerielemen0 titartikkelilistauksissa.kaikkiartikkelisivutkäyttävätsamaayksittäisenartikkelinsi0 vupohjaa.blogintoiminnallisuudetovatmuokkaamattomiawordpressinperustoi0 minnallisuuksia.vainulkoasujaonmuokattutyylitiedostonavulla. Sivustonkiinteäsisältökoostuukolmestaerilaisestasivupohjasta:etusivunsivupoh0 jasta,sisältösivunsivupohjastajayhteystietosivunsivupohjasta.sisältösivunjayh0 teystietosivunsivupohjatovathyvintavanomaisia,niissäonheaderinjafooterinvä0 lissäkaksimultiplecontentblocks0lisäosanavullatoteutettuasisältöpalstaavierekkäin aseteltuna.multiplecontentblocksmahdollistaauseampienerisisältöeditorienkautta muokattavienpalstojensisällyttämisensamaansivupohjaan.tämätekniikkamahdol0 listaasen,ettäsivustonsisällönsyöttäjävoivapaastisijoittaahaluamaansasisältöä kumpaankinpalstaanalkuperäisensuunnitelmansijasta,jossatoinenpalstaolisiva0 rattupelkästäänkuvillejatoinenpalstatekstisisällölle.kuviossa4onesiteltymulti0 plecontentblocks0lisäosankaksisisältöeditoria,joistamuokataanvierekkäistenpals0

32 29 tojentekstisisältöjä.näidenpalstojenasemointijasisältösivunsivupohjanrakenneon esiteltykuviossa5. KUVIO4.MultipleContentBlocks0lisäosankaksiitsenäistäsisältöeditoria

33 30 KUVIO5.Sisältösivunsivupohja YhteyssivunsivupohjaeroaasisältösivustaGooglenkarttalisäosanpuolesta.Näiden sivupohjientekstisisällön,sekäheaderinsisällönvärivaihtuusivulleasetettavanväri0 teemanmyötä.näitäväriteemojakäytetäänindikaattorinasivustonneljällepääosal0 le.väriteematonmääritettysisältösivuillekäyttämälläwordpressinomaacustom Field0työkalua,jollasivullevoidaanmäärittääsivupohjallelähetettäväparametri,täs0 sätapauksessaväriteemannimi.tämätoiminnallisuusonesiteltykuviossa6.väri0 teemasisällytetäänbody0elementilleallaolevallakoodilla.

34 31 <?php $color = get_post_meta($postid, 'theme', 'true') $parentcolor = get_post_meta($post->post_parent, 'theme', 'true'); if(empty($color)) { $colortheme = $color.'-theme'; } else if (empty($parentcolor)) { $colortheme = $parentcolor.'-theme'; } else { $colortheme = ''; }?> <body <?php body_class();?>> KUVIO6.VäriteemanmäärittäminenCustomFieldinavulla Etusivunsivupohjaeroaakahdestamuustasivupohjastamerkittävästi.Etusivullaon suurikokoisetkuvinatoteutetutlinkitsivustonneljäänpääosioon,jotkaonsävytetty alasivujenväriteemojenmukaan,joihinlinkitviittaavat.linkeilleonmyöslisättyho0 ver0tyyli,jokapoistaakuviensävytyksenkunhiirenosoitinviedäänlinkinpäälle.sivu0 pohjanoikeassareunassaonsisältöpalstantyylinenpalstajossaonkaikkimuuetusi0 vunsisältö,kutenotsikko,molempiensivustonartikkelikategorioidenlistaukset,sekä sisältötekstipalsta.otsikonallaonjavascriptillätehtyjenefektienavullaaukeavavi0

35 32 deosoitin,jokasisältääsivustollesuunnitellunvideologon.videosoitinonyoutube0 videopalveluntarjoamaembed0elementti,jokasisällytetäänsivupohjaaniframe0 tekniikalla.palstanpohjallaonfacebookinlikebox0lisäosa,jokayoutube0soittimen tavoinsisällytetääniframella.likeboxsisältääsivustontilaajantuoreimmatface0 book0päivitykset,sekälistauksensivustonvierailijankavereistajotkaovattykänneet sivustonfacebook0sivusta.kutenmuutkinsivustonalasivutonetusivunsisältösijoi0 tettunaheaderinjafooterinväliin.kuviossa7onnäkyvilläetusivunsivupohjanraken0 ne. KUVIO7.Etusivunsivupohjanrakenne

36 33 Sivustonresponsiivisuusontoteutettutunnistamallaselaimenleveysmediaquery0 tekniikallajatekemällätablettitietokoneenvaakanäkymääkapeammillenäytöille omatkäyttöliittymät.selaimenleveyksienkynnystasot,jotkaaiheuttavatmuutoksia käyttöliittymässäovatsivustonnormaalialeveyttä990pikseliäpienemmätnäytöt, tablettitietokoneenpystyasento768pikseliä,älypuhelimenvaaka0asento480pikseliä sekäälypuhelimenpystyasento320pikseliä.tablettitietokoneenpystyasennossasi0 vustonsisältöelementtejäonskaalattuhiemanpienemmäksisekäosavierekkäisiin palstoihinsijoitetuistaelementeistäonasemoitupäällekkäin.allaolevassakuviossa8 onhavainnollistettusisältösivunsisältöelementtienuudelleensijoitteluatilanteissa, joissaselainonkapeampikuinsivustonnormaalileveys990px. KUVIO8.Responsiiviseksioptimoitusisältösivu Älypuhelimientapauksessakaikkielementitonasemoitupäällekkäin,sekäkuvituksen jamuidensisältöelementtienkokoaonpienennetty.sivustonresponsiivisuudessaon

!!!!!!!!!!!!! Perehdyttämisen!kehittämistarpeet!pereh1 dyttämisestä!vastaavien!näkökulmasta!! Case:!Keski1Suomen!sairaanhoitopiiri!!!!

!!!!!!!!!!!!! Perehdyttämisen!kehittämistarpeet!pereh1 dyttämisestä!vastaavien!näkökulmasta!! Case:!Keski1Suomen!sairaanhoitopiiri!!!! Perehdyttämisenkehittämistarpeetpereh1 dyttämisestävastaaviennäkökulmasta Case:Keski1Suomensairaanhoitopiiri HannaParviainen Opinnäytetyö Huhtikuu2013 Liiketaloudenkoulutusohjelma Yhteiskuntatieteiden,liiketaloudenjahallinnonala

Lisätiedot

!!!!!!!!!!!!!!! KOTISIVUJEN!UUDISTAMINEN!JA!PROJEKTI1 TOIMINTA!!! Case:!Virtain!kaupunki!!!! Aija!Ylä1Soininmäki!!!!!! Opinnäytetyö!

!!!!!!!!!!!!!!! KOTISIVUJEN!UUDISTAMINEN!JA!PROJEKTI1 TOIMINTA!!! Case:!Virtain!kaupunki!!!! Aija!Ylä1Soininmäki!!!!!! Opinnäytetyö! KOTISIVUJENUUDISTAMINENJAPROJEKTI1 TOIMINTA Case:Virtainkaupunki AijaYlä1Soininmäki Opinnäytetyö Huhtikuu2014 Tietojenkäsittelynkoulutusohjelma Luonnontieteidenala KUVAILULEHTI* Tekijä(t) YLÄ.SOININMÄKI,Aija

Lisätiedot

Maaseutumatkailuyritysten.kestävyyden. markkinointi.valokuvin..

Maaseutumatkailuyritysten.kestävyyden. markkinointi.valokuvin.. Maaseutumatkailuyritysten.kestävyyden. markkinointi.valokuvin.. SannaKastikainen Opinnäytetyö Huhtikuu2015 Matkailunkoulutusohjelma Matkailu

Lisätiedot

Heini Honkalatva & Elina Torro SRE9. Lokakuu Opinnäytetyö Kuntoutusohjaus ja suunnittelu Sosiaali, terveys ja liikunta ala

Heini Honkalatva & Elina Torro SRE9. Lokakuu Opinnäytetyö Kuntoutusohjaus ja suunnittelu Sosiaali, terveys ja liikunta ala Kaikkienpitäälähteäsieltäkolostaantoisten joukkoonkuuntelemaan... OmaishoitajienkuntoutuskurssilleosallistuneidenkokemuksiaOmakunto kurssista HeiniHonkalatva&ElinaTorro SRE9 Lokakuu2011 Opinnäytetyö Kuntoutusohjausja

Lisätiedot

!!!!!!!!!!!! MUOTOILIJOIDEN!TEKIJÄNOIKEUDET!! SOPIMUKSISSA!JA!TOIMEKSIANNOISSA!!!!!! Josette!Nurminen!!!! Opinnäytetyö! Helmikuu!2014!!!

!!!!!!!!!!!! MUOTOILIJOIDEN!TEKIJÄNOIKEUDET!! SOPIMUKSISSA!JA!TOIMEKSIANNOISSA!!!!!! Josette!Nurminen!!!! Opinnäytetyö! Helmikuu!2014!!! MUOTOILIJOIDENTEKIJÄNOIKEUDET SOPIMUKSISSAJATOIMEKSIANNOISSA JosetteNurminen Opinnäytetyö Helmikuu2014 Liiketaloudenkoulutusohjelma Yhteiskuntatieteiden,liiketaloudenjahallinnonala KUVAILULEHTI* Tekijä(t)

Lisätiedot

!!! Uuden!ajan!arvontuotanto!!

!!! Uuden!ajan!arvontuotanto!! Uudenajanarvontuotanto Kuinkaverkostomainenorganisaatiotuottaaarvoa VenlaLuhtanen Opinnäytetyö Marraskuu2017 Yhteiskuntatieteiden,Liiketaloudenjahallinnonala Tradenomi(AMK),LiiketaloudentutkintoDohjelma

Lisätiedot

!!! Peurungan!yritysasiakkaiden!! asiakaskokemukset!

!!! Peurungan!yritysasiakkaiden!! asiakaskokemukset! Peurunganyritysasiakkaiden asiakaskokemukset EssiKinnunen SamuliLehto Opinnäytetyö Syyskuu2017 Liiketaloudentutkinto

Lisätiedot

IOS%PELIN!LUOMINEN!UNITY% PELIMOOTTORILLA!

IOS%PELIN!LUOMINEN!UNITY% PELIMOOTTORILLA! IOS%PELINLUOMINENUNITY% PELIMOOTTORILLA TuomoStamblewski Opinnäytetyö Huhtikuu2014 Ohjelmistotekniikankoulutusohjelma Tekniikanjaliikenteenala KUVAILULEHTI* Tekijä(t) Stamblewski,Tuomo Julkaisunlaji Opinnäytetyö

Lisätiedot

DIGITAL DISTRIBUTION OF RECORDED MUSIC IN FINLAND

DIGITAL DISTRIBUTION OF RECORDED MUSIC IN FINLAND DIGITALDISTRIBUTIONOFRECORDEDMUSIC INFINLAND Ananalysisofservicesfromaconsumerandindustry perspective AnttiMoilanen Bachelor'sThesis January2011 DegreeProgrammeinMusicManagement SchoolofBusinessandServiceManagement

Lisätiedot

Perinteet'kunniaan' '

Perinteet'kunniaan' ' Perinteet'kunniaan' ' Suomalaisenviulunsoittotradition mahdollisuudetsaksofoni3ilmaisussa KalleKeränen Opinnäytetyö Toukokuu2015 Musiikinkoulutusohjelma Hyvinvointiyksikkö Kuvailulehti* Tekijä Keränen,Kalle

Lisätiedot

Hotelli(!ja!ravintola(alan!! kalustehankintoihin!vaikuttavat!tekijät!

Hotelli(!ja!ravintola(alan!! kalustehankintoihin!vaikuttavat!tekijät! Hotelli(jaravintola(alan kalustehankintoihinvaikuttavattekijät HölttäIiro PohtolaSamuli Opinnäytetyö Marraskuu2016 Yhteiskuntatieteiden,liiketalouden(jahallinnonala Yritystoiminnankehittämisenkoulutusohjelma

Lisätiedot

MIEHET TAVARATALON ASIAKKAINA

MIEHET TAVARATALON ASIAKKAINA MIEHETTAVARATALONASIAKKAINA AnttilaOy:nvalikoimankehittäminen HeliHeikkinen Opinnäytetyö Huhtikuu2011 Vaatetusalankoulutusohjelma Kulttuuriala OPINNÄYTETYÖN KUVAILULEHTI Julkaisunlaji Opinnäytetyö Päivämäärä

Lisätiedot

Sosiaalisen!median!markkinointi!

Sosiaalisen!median!markkinointi! Sosiaalisenmedianmarkkinointi Case:RavintolaLeQulkuri AstaAaltola SiljaHeinikangas Opinnäytetyö Helmikuu2017 Matkailu

Lisätiedot

Alle$kouluikäisen$(1.7$v)$lapsen$nilkan$ ja$jalkaterän$virheasennot$

Alle$kouluikäisen$(1.7$v)$lapsen$nilkan$ ja$jalkaterän$virheasennot$ Alle$kouluikäisen$(1.7$v)$lapsen$nilkan$ ja$jalkaterän$virheasennot$ Opas$kotiharjoitteluun$ ReetaRantanen Opinnäytetyö Marraskuu2015 Sosiaali9,terveys9,jaliikunta9ala Fysioterapeutti(AMK) Kuvailulehti*

Lisätiedot

!!!!!!!!!!!!!! PIKAOPAS!RAHAN!TEKEMISEEN!!! Opas!verkkokaupan!markkinoinnin!tuloksekkaa< seen!suunnitteluun!ja!toteutukseen!!! Antti!Sirviö!

!!!!!!!!!!!!!! PIKAOPAS!RAHAN!TEKEMISEEN!!! Opas!verkkokaupan!markkinoinnin!tuloksekkaa< seen!suunnitteluun!ja!toteutukseen!!! Antti!Sirviö! PIKAOPASRAHANTEKEMISEEN Opasverkkokaupanmarkkinoinnintuloksekkaa< seensuunnitteluunjatoteutukseen AnttiSirviö JussiKämäräinen Opinnäytetyö Joulukuu2013 Yritystoiminnankehittämisenkoulutusohjelma Liiketalous

Lisätiedot

RAI toimintaterapeutin työvälineenä tarkastelussa Kotihoidon RAI

RAI toimintaterapeutin työvälineenä tarkastelussa Kotihoidon RAI RAI toimintaterapeutin työvälineenä tarkastelussa Kotihoidon RAI Outi Ronkainen Opinnäytetyö Toukokuu 2012 Toimintaterapian koulutusohjelma Sosiaali-, terveys- ja liikunta-ala !!!! OPINNÄYTETYÖN!!!! KUVAILULEHTI!!

Lisätiedot

Avokuntoutuksen*sopeutumis.* valmennuskurssin*sisällön** kehittäminen*syöpäjärjestöille*

Avokuntoutuksen*sopeutumis.* valmennuskurssin*sisällön** kehittäminen*syöpäjärjestöille* Avokuntoutuksen*sopeutumis.* valmennuskurssin*sisällön** kehittäminen*syöpäjärjestöille* MinnaPuoliväli Opinnäytetyö Maaliskuu2016 Sosiaali9,terveys9jaliikunta9ala Kuntoutuksenohjaaja(AMK),kuntoutusohjauksenja9suunnittelunkoulu9

Lisätiedot

Teeman rakentaminen Wordpressiin

Teeman rakentaminen Wordpressiin 1 Teeman rakentaminen Wordpressiin Jari Sarja lokakuu 2009 Sisältö Johdanto... 2 Valmiin teeman muokkaaminen... 2 XHTML:n perussäännöt... 4 Teeman tiedostot... 5 Sanasto... 5 Hierarkia... 5 Template...

Lisätiedot

WordPress teeman vaihto

WordPress teeman vaihto WordPress template 1 (8) WordPress 3.4.2 teeman vaihto Hallintapaneelin(site admin) ulkoasun(appearance) kautta Teemojen ja pluginien lataamiseen WordPress ohjelman kautta tarvitset SFTP-tuen. Jotta saat

Lisätiedot

Teeman rakentaminen WordPressin versioon 3.0. Jari Sarja marraskuu 2010

Teeman rakentaminen WordPressin versioon 3.0. Jari Sarja marraskuu 2010 1 Teeman rakentaminen WordPressin versioon 3.0 Jari Sarja marraskuu 2010 2 Sisältö 1. Johdanto... 4 1.1. Mitä tarvitaan?... 4 2. Valmiin teeman muokkaaminen... 5 2.1. Teeman tiedostot... 8 2.2. Sanasto...

Lisätiedot

UUDEN%TYÖNTEKIJÄN%% PEREHDYTTÄMINEN%% ASIAKASPALVELIJAKSI% Case:%Cubus%Willa%Hyvinkää%

UUDEN%TYÖNTEKIJÄN%% PEREHDYTTÄMINEN%% ASIAKASPALVELIJAKSI% Case:%Cubus%Willa%Hyvinkää% UUDENTYÖNTEKIJÄN PEREHDYTTÄMINEN ASIAKASPALVELIJAKSI Case:CubusWillaHyvinkää LAHDENAMMATTIKORKEAKOULU Liiketaloudenjamatkailunala Liiketaloudenkoulutus Palveluliiketoiminta Opinnäytetyö Kevät2018 NeaTervo

Lisätiedot

Wordpress-julkaisualusta. Mediatekniikan seminaari 18.10.2011 Harri Viitala

Wordpress-julkaisualusta. Mediatekniikan seminaari 18.10.2011 Harri Viitala Wordpress-julkaisualusta Mediatekniikan seminaari 18.10.2011 Harri Viitala 2 / 27 Sisältö 1 Yleistä 2 Asennus ja konfigurointi 3 Työkalut 4 Teema 5 Rakenne 6 Koukut, toiminnot ja suodattimet 7 Lisäosat

Lisätiedot

SÄDEHOITOPOTILAAN!! RAVITSEMUSOPAS!

SÄDEHOITOPOTILAAN!! RAVITSEMUSOPAS! SÄDEHOITOPOTILAAN RAVITSEMUSOPAS OPINNÄYTETYÖ " AMMATTIKORKEAKOULUTUTKINTO SOSIAALI4,TERVEYS4JALIIKUNTA4ALA TEKIJÄT: MirkaLötjönen SonjaMoberg ElinaTorvi SAVONIA4AMMATTIKORKEAKOULU OPINNÄYTETYÖ Tiivistelmä

Lisätiedot

Teeman luominen WordPress-julkaisualustalle

Teeman luominen WordPress-julkaisualustalle Teeman luominen WordPress-julkaisualustalle Ammattikorkeakoulututkinnon opinnäytetyö Hämeenlinna, Tietojenkäsittelyn koulutusohjelma Kevät 2017 Mikko Kuusela TIIVISTELMÄ Tietojenkäsittelyn koulutusohjelma

Lisätiedot

Julkaisun laji Opinnäytetyö. Sivumäärä 43

Julkaisun laji Opinnäytetyö. Sivumäärä 43 OPINNÄYTETYÖN KUVAILULEHTI Tekijä(t) SUKUNIMI, Etunimi ISOVIITA, Ilari LEHTONEN, Joni PELTOKANGAS, Johanna Työn nimi Julkaisun laji Opinnäytetyö Sivumäärä 43 Luottamuksellisuus ( ) saakka Päivämäärä 12.08.2010

Lisätiedot

Code Camp for Girls. Sanna Nygård. Lokakuussa 2015 www.frantic.com/codecamp/

Code Camp for Girls. Sanna Nygård. Lokakuussa 2015 www.frantic.com/codecamp/ Code Camp for Girls Sanna Nygård Lokakuussa 2015 www.frantic.com/codecamp/ HTML? HTML? HyperText Markup Language Ei ole nettisivua ilman HTML:ää Rakenteinen, hierarkkinen dokumentti Vain rakenne ja sisältö,

Lisätiedot

Kuvailulehti. Korkotuki, kannattavuus. Päivämäärä 03.08.2015. Tekijä(t) Rautiainen, Joonas. Julkaisun laji Opinnäytetyö. Julkaisun kieli Suomi

Kuvailulehti. Korkotuki, kannattavuus. Päivämäärä 03.08.2015. Tekijä(t) Rautiainen, Joonas. Julkaisun laji Opinnäytetyö. Julkaisun kieli Suomi Kuvailulehti Tekijä(t) Rautiainen, Joonas Työn nimi Korkotuetun vuokratalon kannattavuus Ammattilaisten mietteitä Julkaisun laji Opinnäytetyö Sivumäärä 52 Päivämäärä 03.08.2015 Julkaisun kieli Suomi Verkkojulkaisulupa

Lisätiedot

Petri Ukonsaari HEVOSHIERONTA SIVUJEN SUUNNITTELU JA TOTEUTUS WORDPRESS - SISÄLLÖNHALLINTAOHJELMISTOLLA

Petri Ukonsaari HEVOSHIERONTA SIVUJEN SUUNNITTELU JA TOTEUTUS WORDPRESS - SISÄLLÖNHALLINTAOHJELMISTOLLA Petri Ukonsaari HEVOSHIERONTA SIVUJEN SUUNNITTELU JA TOTEUTUS WORDPRESS - SISÄLLÖNHALLINTAOHJELMISTOLLA Opinnäytetyö CENTRIA AMMATTIKORKEAKOULU Tietotekniikan koulutusohjelma Heinäkuu 2014 TIIVISTELMÄ

Lisätiedot

WORDPRESS-TEEMAT JA TEEMAN KEHITTÄMINEN

WORDPRESS-TEEMAT JA TEEMAN KEHITTÄMINEN WORDPRESS-TEEMAT JA TEEMAN KEHITTÄMINEN Sini Kolehmainen Opinnäytetyö Maaliskuu 2018 Tietojenkäsittely Web-palvelut TIIVISTELMÄ Tampereen ammattikorkeakoulu Tietojenkäsittely Web-palvelut KOLEHMAINEN,

Lisätiedot

Websivujen julkaisu WordPress-julkaisujärjestelmällä CASE: McCann Worldgroup Helsinki Oy. Juha Nordlund

Websivujen julkaisu WordPress-julkaisujärjestelmällä CASE: McCann Worldgroup Helsinki Oy. Juha Nordlund Websivujen julkaisu WordPress-julkaisujärjestelmällä CASE: McCann Worldgroup Helsinki Oy Juha Nordlund Opinnäytetyö Tietojenkäsittelyn koulutusohjelma 2010 Tiivistelmä Tietojenkäsittelyn koulutusohjelma

Lisätiedot

WORDPRESS-BLOGIALUSTAN KÄYTTÖ WWW-SISÄLLÖNHALLINTAJÄRJESTELMÄNÄ

WORDPRESS-BLOGIALUSTAN KÄYTTÖ WWW-SISÄLLÖNHALLINTAJÄRJESTELMÄNÄ OPINNÄYTETYÖ Jussi Tuoma 2010 WORDPRESS-BLOGIALUSTAN KÄYTTÖ WWW-SISÄLLÖNHALLINTAJÄRJESTELMÄNÄ TIETOJENKÄSITTELYN KOULUTUSOHJELMA ROVANIEMEN AMMATTIKORKEAKOULU LUONNONTIETEIDEN ALA Tietojenkäsittelyn koulutusohjelma

Lisätiedot

Ammatillinen opettajakorkeakoulu

Ammatillinen opettajakorkeakoulu - Ammatillinen opettajakorkeakoulu 2 JYVÄSKYLÄN KUVAILULEHTI AMMATTIKORKEAKOULU Päivämäärä 762007 Tekijä(t) Merja Hilpinen Julkaisun laji Kehittämishankeraportti Sivumäärä 65 Julkaisun kieli Suomi Luottamuksellisuus

Lisätiedot

WORDPRESS-TEEMAN SUUNNITTELU JA TOTEUTUS

WORDPRESS-TEEMAN SUUNNITTELU JA TOTEUTUS Opinnäytetyö (AMK) Tietojenkäsittely Sähköisen liiketoiminnan järjestelmät 2013 Aleksi Älli WORDPRESS-TEEMAN SUUNNITTELU JA TOTEUTUS Case: Puhelinklinikka.fi OPINNÄYTETYÖ (AMK) TIIVISTELMÄ TURUN AMMATTIKORKEAKOULU

Lisätiedot

Blogit ja WordPress versio 1.0. 15.3.2012 Otavan Opisto Jari Sarja

Blogit ja WordPress versio 1.0. 15.3.2012 Otavan Opisto Jari Sarja Blogit ja WordPress versio 1.0 15.3.2012 Otavan Opisto Jari Sarja Sisältö 1. Bloggaus... 5 1.1. Bloggaaminen on journalismia... 5 1.2. Kuinka tehdä suosittu blogi?... 6 1.3. Blogi ja keskustelu... 7 1.4.

Lisätiedot

YRITYKSEN GRAAFISEN ILMEEN JA WORDPRESS-TEEMAN SUUNNITTELU JA TOTEUTUS

YRITYKSEN GRAAFISEN ILMEEN JA WORDPRESS-TEEMAN SUUNNITTELU JA TOTEUTUS Sara Nordlund YRITYKSEN GRAAFISEN ILMEEN JA WORDPRESS-TEEMAN SUUNNITTELU JA TOTEUTUS Opinnäytetyö Tietojenkäsittelyn koulutusohjelma Marraskuu 2016 KUVAILULEHTI Opinnäytetyön päivämäärä 30.11.2016 Tekijä(t)

Lisätiedot

Blogit ja WordPress. versio 1.0. 15.3.2012 Otavan Opisto Jari Sarja

Blogit ja WordPress. versio 1.0. 15.3.2012 Otavan Opisto Jari Sarja Blogit ja WordPress versio 1.0 15.3.2012 Otavan Opisto Jari Sarja Sisältö 1. Bloggaus... 5 1.1. Bloggaaminen on journalismia... 5 1.2. Kuinka tehdä suosittu blogi?... 6 1.3. Blogi ja keskustelu... 7 1.4.

Lisätiedot

WordPress 3. Tietokantapohjainen julkaisujärjestelmä. Jari Sarja / Otavan Opisto 2013

WordPress 3. Tietokantapohjainen julkaisujärjestelmä. Jari Sarja / Otavan Opisto 2013 WordPress 3 Tietokantapohjainen julkaisujärjestelmä Jari Sarja / Otavan Opisto 2013 Tämä oppimateriaali on lisensoitu Creative Commons Nimeä-Tarttuva 3.0 -lisenssillä Sisältö 1. Bloggaus... 6 2. Blogipalveluita

Lisätiedot

GetSimple 2.03.1. Jari Sarja. Maaliskuu 2011

GetSimple 2.03.1. Jari Sarja. Maaliskuu 2011 1 GetSimple 2.03.1 Jari Sarja Maaliskuu 2011 2 Sisältö 1. Johdanto... 3 2. Asennus... 4 3. Asetukset... 11 3.1. Kieliasetukset... 12 4. Sivut... 15 4.1. Sivun muokkaus... 15 4.2. Uuden sivun luominen...

Lisätiedot

WordPress 3.5. Tietokantapohjainen julkaisujärjestelmä. Jari Sarja / Otavan Opisto 2013

WordPress 3.5. Tietokantapohjainen julkaisujärjestelmä. Jari Sarja / Otavan Opisto 2013 WordPress 3.5 Tietokantapohjainen julkaisujärjestelmä Jari Sarja / Otavan Opisto 2013 Tämä oppimateriaali on lisensoitu Creative Commons Nimeä-Tarttuva 3.0 -lisenssillä Sisältö 1. Bloggaus... 5 2. Blogipalveluita

Lisätiedot

VERKKOKURSSIN KEHITTÄMINEN HYÖ- DYNTÄEN WORDPRESS-ALUSTAA JA LEAN- MENETELMIÄ

VERKKOKURSSIN KEHITTÄMINEN HYÖ- DYNTÄEN WORDPRESS-ALUSTAA JA LEAN- MENETELMIÄ VERKKOKURSSIN KEHITTÄMINEN HYÖ- DYNTÄEN WORDPRESS-ALUSTAA JA LEAN- MENETELMIÄ Luong Diep Opinnäytetyö Marraskuu 2015 Tietojenkäsittely Proakatemia TIIVISTELMÄ Tampereen ammattikorkeakoulu Tietojenkäsittelyn

Lisätiedot

JULKAISUJÄRJESTELMÄ MARKKINOINTISIVUN TOTEUTUKSESSA

JULKAISUJÄRJESTELMÄ MARKKINOINTISIVUN TOTEUTUKSESSA JULKAISUJÄRJESTELMÄ MARKKINOINTISIVUN TOTEUTUKSESSA Pekka Suopellonmäki Opinnäytetyö Toukokuu 2011 Mediatekniikka Tekniikan ja liikenteen ala OPINNÄYTETYÖN KUVAILULEHTI Tekijä(t) SUOPELLONMÄKI, Pekka Julkaisun

Lisätiedot

Internetsivujen kehittämisen standardisoiminen mainostoimistossa

Internetsivujen kehittämisen standardisoiminen mainostoimistossa Internetsivujen kehittämisen standardisoiminen mainostoimistossa Lauri Hokkanen Opinnäytetyö Huhtikuu 2015 Mediatekniikan koulutusohjelma Tekniikan ja liikenteen ala Kuvailulehti Tekijä(t) HOKKANEN, Lauri

Lisätiedot

KANSILEHDEN MALLISIVU

KANSILEHDEN MALLISIVU Teknisiä ohjeita pro gradu -tutkielmalle Teologian osasto 12.11.2013 Tässä annettavat ohjeet ovat suosituksia. Viime kädessä seurataan tutkielman ohjaajan antamia ohjeita! Tutkielman kansilehdelle asetellaan

Lisätiedot

Kotisivujen teko. Jan Lindholm Kirkkonummen kansalaisopisto Syksy koodari.eu jsbin.com

Kotisivujen teko. Jan Lindholm Kirkkonummen kansalaisopisto Syksy koodari.eu jsbin.com Kotisivujen teko Jan Lindholm Kirkkonummen kansalaisopisto Syksy 2014 koodari.eu jsbin.com Käyttäjätunnus / Salasana aoppilas.01 / aoppilas#2013# aoppilas.02 / aoppilas#2013# aoppilas.03 / aoppilas#2013#

Lisätiedot

WORDPRESS- SISÄLLÖNHALLINTA- JÄRJESTELMÄ JA VERKKOSIVUJEN SUUNNITTELU JA TOTEUTUS

WORDPRESS- SISÄLLÖNHALLINTA- JÄRJESTELMÄ JA VERKKOSIVUJEN SUUNNITTELU JA TOTEUTUS Opinnäytetyö (AMK) Tietojenkäsittely Yrityksen tietojärjestelmät 2015 Richard Peltonen, Miika Sulkko WORDPRESS- SISÄLLÖNHALLINTA- JÄRJESTELMÄ JA VERKKOSIVUJEN SUUNNITTELU JA TOTEUTUS Case TJR Design OPINNÄYTETYÖ

Lisätiedot

HTML & CSS. HTML (HyperText Markup Language) Antti Koivisto. ! HTML on sivujen kuvauskieli.

HTML & CSS. HTML (HyperText Markup Language) Antti Koivisto. ! HTML on sivujen kuvauskieli. HTML & CSS Antti Koivisto HTML (HyperText Markup Language)! HTML on sivujen kuvauskieli.! Se ei ole ohjelmointikieli.! HTML on merkintäkieli, joka koostuu monista merkintä tägeistä ().! Voidaan

Lisätiedot

Verkkosivut ja sisällönhallinta WordPress-järjestelmällä

Verkkosivut ja sisällönhallinta WordPress-järjestelmällä Verkkosivut ja sisällönhallinta WordPress-järjestelmällä Vuoristo, Vesa 2009 Laurea Leppävaara Laurea-ammattikorkeakoulu Laurea Leppävaara Verkkosivut ja sisällönhallinta WordPress-järjestelmällä Vesa

Lisätiedot

Niko Aho, Ossi Arola VIIHTEELLINEN SOSIAALISEN MEDIAN PORTAALI

Niko Aho, Ossi Arola VIIHTEELLINEN SOSIAALISEN MEDIAN PORTAALI Niko Aho, Ossi Arola VIIHTEELLINEN SOSIAALISEN MEDIAN PORTAALI VIIHTEELLINEN SOSIAALISEN MEDIAN PORTAALI Niko Aho, Ossi Arola Opinnäytetyö Syksy 2011 Tietojenkäsittelyn koulutusohjelma Oulun seudun ammattikorkeakoulu

Lisätiedot

WordPress 4 - TIETOKANTAPOHJAINEN JULKAISUJÄRJESTELMÄ

WordPress 4 - TIETOKANTAPOHJAINEN JULKAISUJÄRJESTELMÄ - TIETOKANTAPOHJAINEN JULKAISUJÄRJESTELMÄ Jari Sarja jari.sarja@ 2015 Creative Commons Nimeä-JaaSamoin 4.0 Kansainvälinen SISÄLLYSLUETTELO 1 Bloggaus... 6 2 Blogipalveluita ja -ohjelmia... 9 2.1 Nauhoite

Lisätiedot

WWW-Sivustojen suunnittelu

WWW-Sivustojen suunnittelu WWW-Sivustojen suunnittelu Miten WWW toimii Web-selain hakee Web-sivun HTML-kielisen kuvauksen Sivuun liittyvät kuvat (jpeg, gif, png) Sivuun liittyvät muut elementit Palvelimen URL-osoite esim. http://www.metropolia.fi

Lisätiedot

WWW-Sivustojen suunnittelu. Miten WWW toimii. Suunnittelun lähtökohdat 14.10.2010

WWW-Sivustojen suunnittelu. Miten WWW toimii. Suunnittelun lähtökohdat 14.10.2010 WWW-Sivustojen suunnittelu Miten WWW toimii Web-selain hakee Web-sivun HTML-kielisen kuvauksen Sivuun liittyvät kuvat (jpeg, gif, png) Sivuun liittyvät muut elementit Palvelimen URL-osoite esim. http://www.metropolia.fi

Lisätiedot

Palvelinpuolen ohjelmointi

Palvelinpuolen ohjelmointi Palvelinpuolen ohjelmointi Staattiset ja dynaamiset web-sivut Staattiset web-sivut ovat valmiissa muodossaan palvelimella (tai paikallisesti omalla koneella). Javascript mahdollistaa paikalliset dynaamiset

Lisätiedot

3.11.2010. Web-sisällönhallintajärjestelmät. Sisältö. Mitä on web-sisällönhallinta?

3.11.2010. Web-sisällönhallintajärjestelmät. Sisältö. Mitä on web-sisällönhallinta? Sisältö Mitä on web-sisällönhallinta? Tausta ja tavoitteet Käytännön prosessi Yleisesti Keskeiset ominaisuudet Sisällönhallintajärjestelmän valitseminen ja käyttöönotto Wordpress Joomla! Drupal Yhteenveto

Lisätiedot

add_action( wordcamp_jkl, johdatus_filttereihin );

add_action( wordcamp_jkl, johdatus_filttereihin ); add_action( wordcamp_jkl, johdatus_filttereihin ); WordCamp JKL 9.2.2018 Mikko Saari Painava sana oy mikko@mikkosaari.fi @msaari Mitä filterit ja actionit ovat? Filter ja action ovat melkein samoja asioita:

Lisätiedot

BOOTSTRAP-SOVELLUSKEHYKSEN HYÖDYNTÄMINEN WORDPRESS-TEEMAN KEHITYKSESSÄ

BOOTSTRAP-SOVELLUSKEHYKSEN HYÖDYNTÄMINEN WORDPRESS-TEEMAN KEHITYKSESSÄ BOOTSTRAP-SOVELLUSKEHYKSEN HYÖDYNTÄMINEN WORDPRESS-TEEMAN KEHITYKSESSÄ Jussi Vainionpää Opinnäytetyö Maaliskuu 2018 Tietojenkäsittely Web-palvelut TIIVISTELMÄ Tampereen ammattikorkeakoulu Tietojenkäsittely

Lisätiedot

Cascading Style Sheets

Cascading Style Sheets Cascading Style Sheets CSS - Cascading Style Sheets tyylikuvauskieli suunniteltu HTML:ää varten 1996, oma syntaksi CSS1 (1996), CSS2 (1998), CSS Mobile Profile CSS3 (tuleva) selaintuki nykyään hyvä, mutta

Lisätiedot

Web-sisällönhallintajärjestelmät

Web-sisällönhallintajärjestelmät Web-sisällönhallintajärjestelmät Sisältö Mitä on web-sisällönhallinta? Tausta ja tavoitteet Käytännön prosessi Web-sisällönhallintajärjestelmät Yleisesti Keskeiset ominaisuudet Sisällönhallintajärjestelmän

Lisätiedot

WWW SIVUSTON SUUNNITTELU JA TOTEUTUS

WWW SIVUSTON SUUNNITTELU JA TOTEUTUS WWW SIVUSTON SUUNNITTELU JA TOTEUTUS Case: Concept Nest Leo Matti Lehtonen Opinnäytetyö Toukokuu 2011 Mediatekniikan koulutusohjelma Tekniikan ja liikenteen ala OPINNÄYTETYÖN KUVAILULEHTI Tekijä(t) LEHTONEN,

Lisätiedot

Sivupohja flat file julkaisujärjestelmälle. Kirjoittanut Jari Sarja (www.jarisarja.fi)

Sivupohja flat file julkaisujärjestelmälle. Kirjoittanut Jari Sarja (www.jarisarja.fi) 1 Sivupohja flat file julkaisujärjestelmälle Versio 1.1 /syyskuu 2011 Kirjoittanut Jari Sarja (www.jarisarja.fi) 2 Sisältö 1. Johdanto... 4 2. Ruudukkopohjainen taitto... 5 2.1. 960 Grid System... 5 2.2.

Lisätiedot

VERKKOSIVUSTON SUUNNITTELU JA TOTEUTUS WORDPRESS- JULKAISUJÄRJESTELMÄLLÄ

VERKKOSIVUSTON SUUNNITTELU JA TOTEUTUS WORDPRESS- JULKAISUJÄRJESTELMÄLLÄ Opinnäytetyö (AMK) Tietojenkäsittely Sähköisen liiketoiminnan järjestelmät 2012 Teemu Koskinen VERKKOSIVUSTON SUUNNITTELU JA TOTEUTUS WORDPRESS- JULKAISUJÄRJESTELMÄLLÄ OPINNÄYTETYÖ (AMK) TIIVISTELMÄ TURUN

Lisätiedot

2. PEHMEÄ XHTML XRAJAHTML

2. PEHMEÄ XHTML XRAJAHTML Luennot 1. Intro 2. PEHMEÄ XHTML XRAJAHTML Dokumentin (matalan tason) rakenne DOCTYPE ja merkistökoodaukset Elementtien syvät rajat 3. CSS 4. JavaScript 5. JavaScript-kirjastot & AJAX 6. Käytettävyys &

Lisätiedot

Sisältö. XML, XHTML ja CSS XML XML. XML:n ja HTML:n ero. XML kieliä XML XHTML CSS XSL. T Hypermediadokumentin laatiminen 2002

Sisältö. XML, XHTML ja CSS XML XML. XML:n ja HTML:n ero. XML kieliä XML XHTML CSS XSL. T Hypermediadokumentin laatiminen 2002 , XHTML ja CSS T-111.361 Hypermediadokumentin laatiminen 2002 XHTML CSS XSL Sisältö EXtensible Markup Language W3C Recommendation helmikuu 1998 SGML:n osajoukko Standard Generalized Markup Language Kevyempi

Lisätiedot

Mari Myllykangas WORDPRESS-TEEMAN TOTEUTTAMINEN

Mari Myllykangas WORDPRESS-TEEMAN TOTEUTTAMINEN Mari Myllykangas WORDPRESS-TEEMAN TOTEUTTAMINEN WORDPRESS-TEEMAN TOTEUTTAMINEN Mari Myllykangas Opinnäytetyö Kevät 2014 Tietojenkäsittelyn koulutusohjelma Oulun ammattikorkeakoulu TIIVISTELMÄ Oulun ammattikorkeakoulu

Lisätiedot

WORDPRESS TEEMAT JA NIIDEN OMINAISUUDET

WORDPRESS TEEMAT JA NIIDEN OMINAISUUDET Mickey Kitinprami & Sanna Makkonen WORDPRESS TEEMAT JA NIIDEN OMINAISUUDET Verkkosivut Lounas-kahvila Nyymannille WORDPRESS TEEMAT JA NIIDEN OMINAISUUDET Verkkosivut Lounas-kahvila Nyymannille Mickey Kitinprami

Lisätiedot

Geologian tutkimuskeskus M06/3821/-97/1/10 Inari, Angeli. Antero Karvinen Rovaniemi

Geologian tutkimuskeskus M06/3821/-97/1/10 Inari, Angeli. Antero Karvinen Rovaniemi Geologian tutkimuskeskus Inari, Angeli Rovaniemi 17.12.1997 Kaoliinitutkimukset Inarin kunnassa Angelin ympäristössä Jalkavaara 1 ja 2 nimisillä valtausalueilla kaivosrekisterinumero 5622/1 ja 2 Tutkimukset

Lisätiedot

Kylänetti projektin sivustojen käyttöohjeita Dokumentin versio 2.10 Historia : 1.0, 1.2, 1.6 Tero Liljamo / Deserthouse, päivitetty 25.8.

Kylänetti projektin sivustojen käyttöohjeita Dokumentin versio 2.10 Historia : 1.0, 1.2, 1.6 Tero Liljamo / Deserthouse, päivitetty 25.8. Kylänetti projektin sivustojen käyttöohjeita Dokumentin versio 2.10 Historia : 1.0, 1.2, 1.6 Tero Liljamo / Deserthouse, päivitetty 25.8.2012 Hakemisto 1. Sivustot internetissä... 2 2. Yleistä... 2 3.

Lisätiedot

Responsiivisen verkkosivun toteutus asiakkaalle Wordpress-julkaisujärjestelmällä

Responsiivisen verkkosivun toteutus asiakkaalle Wordpress-julkaisujärjestelmällä Katja Nevalainen Responsiivisen verkkosivun toteutus asiakkaalle Wordpress-julkaisujärjestelmällä Metropolia Ammattikorkeakoulu Medianomi Digitaalinen viestintä Opinnäytetyö 16.11.2012 Tiivistelmä Tekijä

Lisätiedot

Wordpress-verkkosivuston suunnittelu ja toteutus - Case Laurea Tiimiosaajat

Wordpress-verkkosivuston suunnittelu ja toteutus - Case Laurea Tiimiosaajat Wordpress-verkkosivuston suunnittelu ja toteutus - Case Laurea Tiimiosaajat Kuulas, Antti 2014 Laurea Leppävaara Laurea-ammattikorkeakoulu Laurea Leppävaara Wordpress-verkkosivuston suunnittelu ja toteutus

Lisätiedot

PERINTEEN!TUNNISTETTAVUUS!! TIERNAPOIKA4ESITYKSEN!! PUVUSTUKSESSA!

PERINTEEN!TUNNISTETTAVUUS!! TIERNAPOIKA4ESITYKSEN!! PUVUSTUKSESSA! SofiaKouvo PERINTEENTUNNISTETTAVUUS TIERNAPOIKA4ESITYKSEN PUVUSTUKSESSA Opinnäytetyö Muotoilu Huhtikuu2016 Tekijä/Tekijät) Tutkinto) Aika) SofiaKouvo Muotoilu Huhtikuu2016 Opinnäytetyön)nimi 55sivua PerinteentunnistettavuusTiernapoika4esityksen

Lisätiedot

MUSEOT KULTTUURIPALVELUINA

MUSEOT KULTTUURIPALVELUINA Elina Arola MUSEOT KULTTUURIPALVELUINA Tutkimuskohteena Mikkelin museot Opinnäytetyö Kulttuuripalvelujen koulutusohjelma Marraskuu 2005 KUVAILULEHTI Opinnäytetyön päivämäärä 25.11.2005 Tekijä(t) Elina

Lisätiedot

Tietotekniikka / Tietoverkkotekniikka. Markus Autio WWW-sisällönhallintajärjestelmät Linux-järjestelmät. Lukukausi: Kevät 2014

Tietotekniikka / Tietoverkkotekniikka. Markus Autio WWW-sisällönhallintajärjestelmät Linux-järjestelmät. Lukukausi: Kevät 2014 Tietotekniikka / Tietoverkkotekniikka Markus Autio WWW-sisällönhallintajärjestelmät 206101312 Linux-järjestelmät Lukukausi: Kevät 2014 Markus Autio_TI12_TiVe Työ valmistui: 24.4.2014 Selostus palautettu:

Lisätiedot

Janna Tarkkinen Staattisen web-sivun päivittäminen avoimen lähdekoodin sisällönhallintajärjestelmään Case: Ariell Production

Janna Tarkkinen Staattisen web-sivun päivittäminen avoimen lähdekoodin sisällönhallintajärjestelmään Case: Ariell Production Janna Tarkkinen Staattisen web-sivun päivittäminen avoimen lähdekoodin sisällönhallintajärjestelmään Case: Ariell Production Liiketalous ja matkailu 2013 VAASAN AMMATTIKORKEAKOULU Tietojenkäsittelyn koulutusohjelma

Lisätiedot

JULKAISUJÄRJESTELMÄ MARKKINOINTISIVUN TOTEUTUKSESSA

JULKAISUJÄRJESTELMÄ MARKKINOINTISIVUN TOTEUTUKSESSA JULKAISUJÄRJESTELMÄ MARKKINOINTISIVUN TOTEUTUKSESSA Pekka Suopellonmäki Opinnäytetyö Toukokuu 2011 Mediatekniikka Tekniikan ja liikenteen ala OPINNÄYTETYÖN KUVAILULEHTI Tekijä(t) SUOPELLONMÄKI, Pekka Julkaisun

Lisätiedot

Jussi Klemola 3D- KEITTIÖSUUNNITTELUOHJELMAN KÄYTTÖÖNOTTO

Jussi Klemola 3D- KEITTIÖSUUNNITTELUOHJELMAN KÄYTTÖÖNOTTO Jussi Klemola 3D- KEITTIÖSUUNNITTELUOHJELMAN KÄYTTÖÖNOTTO Opinnäytetyö KESKI-POHJANMAAN AMMATTIKORKEAKOULU Puutekniikan koulutusohjelma Toukokuu 2009 TIIVISTELMÄ OPINNÄYTETYÖSTÄ Yksikkö Aika Ylivieska

Lisätiedot

GetSimple 3. Tiedostopohjainen julkaisujärjestelmä. Jari Sarja / Otavan Opisto 2013

GetSimple 3. Tiedostopohjainen julkaisujärjestelmä. Jari Sarja / Otavan Opisto 2013 GetSimple 3 Tiedostopohjainen julkaisujärjestelmä Jari Sarja / Otavan Opisto 2013 Tämä oppimateriaali on lisensoitu Creative Commons Nimeä-Tarttuva 3.0 -lisenssillä Sisältö 1. Johdanto... 4 2. Asennus...

Lisätiedot

RESPONSIIVISTEN WWW-SIVUJEN TOTEUTTAMINEN

RESPONSIIVISTEN WWW-SIVUJEN TOTEUTTAMINEN RESPONSIIVISTEN WWW-SIVUJEN TOTEUTTAMINEN WordPress-sisällönhallintajärjestelmän Twenty Thirteen -teeman lapsiteema Taija Vehmaa Opinnäytetyö Toukokuu 2014 Tietojenkäsittelyn koulutusohjelma Digitaalinen

Lisätiedot

WordPress-teeman tekemisen tehostaminen Bootstrapin avulla

WordPress-teeman tekemisen tehostaminen Bootstrapin avulla Ann-Marie Dahlqvist WordPress-teeman tekemisen tehostaminen Bootstrapin avulla Tietotekniikan kandidaatintutkielma 13. huhtikuuta 2015 Jyväskylän yliopisto Tietotekniikan laitos Tekijä: Ann-Marie Dahlqvist

Lisätiedot

Websitebaker. versio 1.2. Jari Sarja. Lokakuu 2010

Websitebaker. versio 1.2. Jari Sarja. Lokakuu 2010 1 Websitebaker versio 1.2 Jari Sarja Lokakuu 2010 2 Sisältö Johdanto... 4 2. WSB:n asennus omalle koneelle... 5 2.1. XAMPPin asennus... 5 2.2. Tietokannan luominen... 17 2.3. Postipalvelin mukaan... Virhe.

Lisätiedot

RESPONSIIVINEN VERKKSUUNNITTELU JA SEN HYÖDYNTÄMINEN SISÄLLÖNHALLINTA- JÄRJESTELMÄSSÄ

RESPONSIIVINEN VERKKSUUNNITTELU JA SEN HYÖDYNTÄMINEN SISÄLLÖNHALLINTA- JÄRJESTELMÄSSÄ Opinnäytetyö (AMK) Tietotekniikan koulutusohjelma Mediatekniikka 2014 Antti Talvitie RESPONSIIVINEN VERKKSUUNNITTELU JA SEN HYÖDYNTÄMINEN SISÄLLÖNHALLINTA- JÄRJESTELMÄSSÄ OPINNÄYTETYÖ (AMK) TIIVISTELMÄ

Lisätiedot

Jouni Jämsä VERKKOSIVUSTON SUUNNITTELU JA TOTEUTUS

Jouni Jämsä VERKKOSIVUSTON SUUNNITTELU JA TOTEUTUS Jouni Jämsä VERKKOSIVUSTON SUUNNITTELU JA TOTEUTUS VERKKOSIVUSTON SUUNNITTELU JA TOTEUTUS Jouni Jämsä Opinnäytetyö Syksy 2014 Tietojenkäsittely Oulun ammattikorkeakoulu TIIVISTELMÄ Oulun ammattikorkeakoulu

Lisätiedot

Mikko Talus WORDPRESS-SIVUSTON LUOMINEN UNDERSCORES-TEEMALLA

Mikko Talus WORDPRESS-SIVUSTON LUOMINEN UNDERSCORES-TEEMALLA Mikko Talus WORDPRESS-SIVUSTON LUOMINEN UNDERSCORES-TEEMALLA WORDPRESS-SIVUSTON LUOMINEN UNDERSCORES-TEEMALLA Mikko Talus Opinnäytetyö Kevät 2014 Tietojenkäsittelyn koulutusohjelma Oulun seudun ammattikorkeakoulu

Lisätiedot

WORDPRESS 3.2 WWW-sivuston julkaisujärjestelmänä

WORDPRESS 3.2 WWW-sivuston julkaisujärjestelmänä WORDPRESS 3.2 WWW-sivuston julkaisujärjestelmänä Case: Hyvinvointipiste Orkidea Mari Nurmi Opinnäytetyö Marraskuu 2011 Tietojenkäsittelyn koulutusohjelma Digimedian suuntautumisvaihtoehto Tampereen ammattikorkeakoulu

Lisätiedot

Verkkosivuston kehittäminen Logistiikka-alan yrityksille: CH-Cargo & RJ-Logistiikka

Verkkosivuston kehittäminen Logistiikka-alan yrityksille: CH-Cargo & RJ-Logistiikka Verkkosivuston kehittäminen Logistiikka-alan yrityksille: CH-Cargo & RJ-Logistiikka Syrjämäki, Joonas 2017 Laurea Laurea-ammattikorkeakoulu Verkkosivuston kehittäminen Logistiikka-alan yrityksille: CH-Cargo

Lisätiedot

Verkkosivuston ja - kaupan suunnittelu ja toteutus

Verkkosivuston ja - kaupan suunnittelu ja toteutus Verkkosivuston ja - kaupan suunnittelu ja toteutus Niki Rutanen Opinnäytetyö Toukokuu 2016 Tekniikan ja liikenteen ala Insinööri (AMK), mediatekniikan koulutusohjelma Kuvailulehti Tekijä(t) Rutanen, Niki

Lisätiedot

Lanuti.fi Lapin nuorisotiedotus. TIETOTALO INFOCENTER OY HTC Keilaniemi Keilaranta 17, Espoo Teknotie 14 16, Napapiiri, Rovaniemi

Lanuti.fi Lapin nuorisotiedotus. TIETOTALO INFOCENTER OY HTC Keilaniemi Keilaranta 17, Espoo Teknotie 14 16, Napapiiri, Rovaniemi Lanuti.fi 2015 Lapin nuorisotiedotus TIETOTALO INFOCENTER OY HTC Keilaniemi Keilaranta 17, 02150 Espoo Teknotie 14 16, 96930 Napapiiri, Rovaniemi Y-tunnus 1008465-8 www.tietotalo.fi Päivämäärä Versio Kuvaus

Lisätiedot

Kuvat. 1. Selaimien tunnistamat kuvatyypit

Kuvat. 1. Selaimien tunnistamat kuvatyypit Kuvat Kuvia voi liittää xhtml-sivulle -elementillä -elementillä -elementillä lomakkeiden yhteydessä lähinnä painikenappeja taustakuvina -elementin background-attribuutilla tai

Lisätiedot

Jussi Toljola SOSIAALISEN UUTISMEDIAN TOTEUTTAMINEN WORDPRESSILLÄ. CASE: VAIHTOVIRTA

Jussi Toljola SOSIAALISEN UUTISMEDIAN TOTEUTTAMINEN WORDPRESSILLÄ. CASE: VAIHTOVIRTA Jussi Toljola SOSIAALISEN UUTISMEDIAN TOTEUTTAMINEN WORDPRESSILLÄ. CASE: VAIHTOVIRTA Liiketalous ja matkailu 2011 1 VAASAN AMMATTIKORKEAKOULU Tietojenkäsittelyn koulutusohjelma TIIVISTELMÄ Tekijä Opinnäytetyön

Lisätiedot

H T M L eli kuinka laadin itselleni päheät kotisivut. Janne Käki

H T M L eli kuinka laadin itselleni päheät kotisivut. Janne Käki H T M L eli kuinka laadin itselleni päheät kotisivut Janne Käki 13.9.2006 Mikä ihmeen HTML? HyperText Markup Language hypertekstiä eli toisiinsa linkitettyjä dokumentteja merkintäkieli, perustuu erilaisiin

Lisätiedot

Written by Administrator Wednesday, 05 October 2011 08:06 - Last Updated Monday, 17 October 2011 15:28

Written by Administrator Wednesday, 05 October 2011 08:06 - Last Updated Monday, 17 October 2011 15:28 Sivupohja Joomlalle Sivupohjan tekeminen Joomlalle itse alusta saakka kuulostaa vaikealle. Työ on kuitenkin varsin helppo, jos vaan tietää tekemisen kaavan ja ymmärtää idean sivupohjasta. Joomlalle sivupohjan

Lisätiedot

RESPONSIIVINEN WEB-SIVUSTO JA YRITYKSEN VISUAALINEN IDENTITEETTI

RESPONSIIVINEN WEB-SIVUSTO JA YRITYKSEN VISUAALINEN IDENTITEETTI RESPONSIIVINEN WEB-SIVUSTO JA YRITYKSEN VISUAALINEN IDENTITEETTI Ammattikorkeakoulun opinnäytetyö Mediatekniikan koulutusohjelma HAMK kevät 2015 Arttu Mannila TIIVISTELMÄ RIIHIMÄKI Mediatekniikan koulutusohjelma

Lisätiedot

JULKAISUJÄRJESTELMÄT WWW- KEHITYKSESSÄ

JULKAISUJÄRJESTELMÄT WWW- KEHITYKSESSÄ JULKAISUJÄRJESTELMÄT WWW- KEHITYKSESSÄ Case: Ikhtys salibandy ry Teemu Rautiainen Opinnäytetyö Huhtikuu 2012 Mediatekniikan koulutusohjelma Tekniikan ja liikenteen ala OPINNÄYTETYÖN KUVAILULEHTI Tekijä(t)

Lisätiedot

Asemakaavatietojen tiedonsiirron harmonisointi

Asemakaavatietojen tiedonsiirron harmonisointi SUUNNITTELUKESKUS OY Asemakaavatietojen tiedonsiirto 1 (6) Asemakaavatietojen tiedonsiirron harmonisointi KOHDELUETTELO (FEATURE CATALOGUE) KOHTEET Name Asemakaava, relaatiot Scope Topographic Field of

Lisätiedot

Klaus Heino. Käyttäjäystävällisten nettisivujen toteutus WordPress-järjestelmällä

Klaus Heino. Käyttäjäystävällisten nettisivujen toteutus WordPress-järjestelmällä Klaus Heino Käyttäjäystävällisten nettisivujen toteutus WordPress-järjestelmällä Metropolia Ammattikorkeakoulu Insinööri (AMK) Tietotekniikka Insinöörityö 1.12.2017 Tiivistelmä Tekijä(t) Otsikko Klaus

Lisätiedot

AVOIN KOODI YRITTÄJYYDEN LÄHTÖKOHTANA

AVOIN KOODI YRITTÄJYYDEN LÄHTÖKOHTANA AVOIN KOODI YRITTÄJYYDEN LÄHTÖKOHTANA Timo Väliharju Toiminnanjohtaja, COSS ry 28.11.2017 Avoimuuden asialla. Avoin lähdekoodi... on tapa kehittää ja jakaa tietokoneohjelmistoja. Yhteiskehittäminen Avoimessa

Lisätiedot

Esimerkkinä http://wordpress.com/ - ilmainen blogi-julkaisujärjestelmä. WordPress:stä on myös palvelimelle asennettava versio (WordPress.

Esimerkkinä http://wordpress.com/ - ilmainen blogi-julkaisujärjestelmä. WordPress:stä on myös palvelimelle asennettava versio (WordPress. BLOGIN LUOMINEN Esimerkkinä http://wordpress.com/ - ilmainen blogi-julkaisujärjestelmä. WordPress:stä on myös palvelimelle asennettava versio (WordPress.org) Myös http://blogspot.com on ilmainen ja helppokäyttöinen

Lisätiedot

NETTISIVUOHJE. MUITA OHJEITA käyttäjän lisääminen, mediakirjasto, sähköpostien lisääminen

NETTISIVUOHJE. MUITA OHJEITA käyttäjän lisääminen, mediakirjasto, sähköpostien lisääminen NETTISIVUOHJE SISÄLTÖ 2 JULKAISUJÄRJESTELMÄ tietoa WordPress julkaisujärjestelmästä perustoiminnot (kirjautuminen, asetukset) 6 MUITA OHJEITA käyttäjän lisääminen, mediakirjasto, sähköpostien lisääminen

Lisätiedot

KADA (Drupal 7) migraatio uuteen (versioon) webiin

KADA (Drupal 7) migraatio uuteen (versioon) webiin KADA (Drupal 7) migraatio uuteen (versioon) webiin Hallittu elinkaaren siirto suoran migraation sijaan Mikko Malmgren & Antti Tuppurainen Mikko Malmgren / Kuntaliitto Antti Tuppurainen / Industry62 @mikko_malmgren

Lisätiedot

Mikä on WordPress? itse ylläpidettävä (self-hosted) WordPress.com: ilmainen 3. osapuolen ylläpitämä pilvipalvelu (Cloud-hosted)

Mikä on WordPress? itse ylläpidettävä (self-hosted) WordPress.com: ilmainen 3. osapuolen ylläpitämä pilvipalvelu (Cloud-hosted) WordPress.com Mikä on WordPress? Tällä hetkellä maailman suosituin ns. julkaisujärjestelmä (CMS) Rakennettu blogialustaksi, nykyään myös muussa käytössä ilmainen ns. avoimen lähdekoodin julkaisujärjestelmä

Lisätiedot