Poroverkkosovellus WordPress Flexible Design -suunnittelumalli ETUSIVU

Transkriptio

1 Desig -suuittelumalli ETUSIVU URL: lle saavutaa mm. suoralla URL-osoitteella, hakukoeella tai yhdistykse sivuilta Suuitelma /arre Jortikka Sivu 1 Määräajoi vaihtuva kuvakaruselli (imageslider; esimerkiksi jquery). karuselli edellytetää oleva raketeeltaa joustava eli flexible desig -mallia oudattava. Tekijä saa valita haluamasa kuvakaruselli, mutta hia pitää sisältyä kokoaiskustauksii. Navigaatiopolku (Breadcrumbs). Navigaatiopolku osoittaa käyttäjälle sijaii ja toimii avigaatioa takaisi. Mikäli Poroverkkosovellukse esittely ja perustelu voidaa sijoittaa yläpalki kuvasliderii (esimmäie vaihtuva kuva), ii silloi sitä ei tässä eriksee tarvita. Klikkaus kuvasta tai lopussa olevasta likistä avaa uutisartikkeli. Uutisartikkelit ovat blogipostie kaltaisia, jote e voidaa jakaa kategorioihi. Likit ulkoisille tytär-sivustoille :, porohoito. Kolmas paikka tyhjää varalla. Likit toimivat kaikilta sivuilta. Tekisesti likkejä ei ole määritelty kuvakarttaa (imagemap). Tekie rajaus: Poroverkkosovelluksessa o vai yksi kieli: suomi. Käyttöliittymä kaikkie elemettie ja valikkosaoje pitää olla suomeksi. Esteettömyys: teksti suuretamie ja pieetämie vaikuttaa vai leipätekstii.? porohoito POROVERKKOSOVELLUS us ja perustelua. vim, vel id accusamus expetedis, virtute lobortis vix cu. Ex sumo oporteat mel. Facer oblique mei eu, ex justo tibique acillae cum. Quod libris mea ei, amet oratus Kolmas likkipaikka Vaihtuva kuva-slider jakohtaie uutie amet, cu petetium defiitioes eam. Usu ut viris oster debitis, jakohtaie uutie amet, cu petetium defiitioes eam. Usu ut viris oster debitis, jakohtaie uutie amet, cu petetium defiitioes eam. Usu ut viris oster debitis, a palautetta LO Sosiaalise media palveluja voi jatkossa olla käytössä paljo. Sosiaalise media paiikkeille esitetää toteutuksee avautuvaa/ sulkeutuvaa valikkoa (jquery). Sosiaalie media jakohbtaista amet, cu petetium defiitioes eam. Usu ut viris oster debitis, ea simul alterum itellegebat mei. Ius i case volutpat sapietem. t populo vidisse seserit vim, vel id accusamus expetedis, virtute - Sisältösivu leveys 960 pikseliä - Hakkeet ihe likki... Paluu etusivulle likki sta Mobiilisivu yläosa visuaalie kiiostavuus o tärkeä asia Mikä alue äykyy kaettavassa päätelaitteessa. Oikea palsta sisältö tulee aia keskimmäise palsta jälkee mobiiliäkymässä. t alapalki lopussa myös mobiiliversiossa a palautetta Valikko: porohoito...kolmas likki POROVERKKOSOVELLUS us ja perustelua. vim, vel id accusamus expetedis, virtute lobortis vix cu. Ex sumo oporteat mel. Facer oblique mei eu, ex justo tibique acillae jakohtaie uutie petetium defiitioes eam. Usu ut viris oster debitis, ea simul alterum itellegebat mei. Ius i case volutpat sapietem. t populo vidisse seserit vim, vel id accusamus jakohtaie uutie petetium defiitioes eam. Usu ut viris oster debitis, ea simul alterum itellegebat mei. Ius i case volutpat sapietem. t populo vidisse seserit vim, vel id accusamus toimito latuiste vastassa alhaalla muu sivusisällö lopussa.

2 Desig -suuittelumalli SISÄLTÖSIVU toimio tulee perustua esimerkiksi WP Relevassi -laajeuksee. toimitolistaa tulokset ja ataa käyttäjälle hakutulossivu (sisältyy toimituksee). Yksittäie kuva avautuu koko äyttöö suurempaa (lightbox-efekti) Sosiaalise media paiikkeilla ei ole sijoitusta mobiiliäytössä. Mobiilisivu yläosa visuaalie kiiostavuus o tärkeä asia Otsikko 5.2.1? alle voidaa sisältösivuilla sijoittaa aia kuvateksti (sekä keskipalstassa että sivupalstassa). porohoito Kolmas likkipaikka Otsikko 6 Sisältösivuje headerissa ei vilkkuvia kuvia Vuodeaikaa soveltuva kuva kuva mittasuhteet petetium defiitioes eam. Usu ut viris oster debitis, ea simul alterum itellegebat mei. Ius i case volutpat sapietem. t populo vidisse seserit vim, vel id accusamus expetedis, Kirjoita kommetti Nimi: teksti fsdfsd fsdfsdfsdfsdffs dsfsf varaa tilaa fsdfasdfasfasdfsdfasdfsa Sähköpostiosoite: Kommetti a palautetta Hakkeet ihe likki... LO amet, cu petetium defiitioes eam. Usu ut viris oster debitis, ea simul alterum itellegebat mei. Ius i case volutpat sapietem. t populo vidisse seserit vim, vel id accusamus expetedis, virtute lobortis vix cu. Tekie vaatimus: Mahdollisuus moderoidu kommeti jättämisee. Kommetit muotoillaa. Kommetoiti voidaa sulkea pvm perusteella. - Sisältösivu leveys 960 pikseliä - Sosiaalie media jakohtaista teksti kuva alla? ->.2 -> Valikko porohoito Kolmas likkipaikka Vuodeaikaa soveltuva kuva Otsikko amet,.10 cu10petetium defiitioes eam. Usu ut viris oster debitis, ea simul alterum itellegebat mei. Ius i case volutpat sapietem. t populo vidisse seserit vim, vel id accusamus expetedis, Ex sumo oporteat mel. Facer oblique mei eu, ex justo tibique acillae cum. Quod libris mea ei, amet oratus his cu, o a palautetta Hakkeet ihe likki... LO Suuitelma /arre Jortikka Sivu 2 jakohtaista amet, cu petetium defiitioes eam. Usu ut viris oster debitis, ea simul alterum itellegebat mei. Ius i case volutpat sapietem. t populo vidisse seserit vim, vel id accusamus expetedis, virtute lobortis vix cu. Mikä alue äykyy kaettavassa päätelaitteessa. Palstaraja Valikossa o eljä käytettävissä olevaa tasoa eli avigaatiohierarkiaa. Lorem ipsum lor sit amet, cu petetium defiitioes eam. Usu ut viris oster debitis, ea simul alterum itellegebat mei. Ius i case volutpat sapietem. t populo vidisse seserit vim, vel id accusamus expetedis, Ex sumo oporteat mel. Facer oblique mei eu, ex justo tibique acillae cum. Quod libris mea ei, amet oratus his cu, o salutadi democritum ius. Fieret dissetias dissetiut defiitioes eam. Usu ut viris oster debitis, ea simul alterum itellegebat mei. Ius i case volutpat sapietem. t populo vidisse seserit vim, vel id accusamus expetedis, Ex sumo oporteat mel. Facer oblique mei eu, ex justo tibique acillae cum. Quod libris mea ei, amet oratus his cu, o salutadi a palautetta

3 Desig -suuittelumalli MEDIUPOTUS-SIVU (Youtube ja muut) Mediasivuje keskeie tarkoitus o toimia videomuodossa esitettävie tarioide kokoavaa alustaa. Kulmassa oleva elemetti (eliö) o graafie somiste ilma likkiä tai toimiallisuutta. Se tilavaraus o kuiteki otettava huomioo.? porohoito Kolmas likkipaikka ->.2 -> Valikko Vuodeaikaa soveltuva kuva Otsikko defiitioes eam. Usu ut viris oster debitis, ea simul alterum itellegebat mei. Ius i case volutpat sapietem. t populo vidisse seserit vim, vel id Youtube-video upotus kuva mittasuhteet tai 4:3 jakohtaista Tekie vaatimus: Tekstikappalee pituutta o voitava säätää helposti (tarkoittaa tekstipalsta leveyttä). Paikka säädölle o ilmoitettava (CSS) Otsikko petetium defiitioes eam. Usu ut viris oster debitis, ea simul alterum itellegebat mei. Ius i case volutpat sapietem. t populo vidisse seserit vim, vel Youtube-video upotus kuva mittasuhteet Tekijä määritettäväksi jää likkie väri määrittämie site, että likit erottuvat selkeästi muusta leipätekstistä ja avigaatiolikeistä! Väliotsikko defiitioes eam. Usu ut viris oster debitis, ea simul alterum itellegebat mei. Ius i case volutpat sapietem. t populo vidisse seserit vim, vel id accusamus expetedis, Youtube-video upotus kuva mittasuhteet Väliotsikko petetium defiitioes eam. Usu ut viris oster debitis, ea simul alterum itellegebat mei. Ius i case volutpat sapietem. t populo vidisse seserit vim, vel Youtube-video upotus kuva mittasuhteet Suuitelma /arre Jortikka Sivu 3 a palautetta Hakkeet ihe likki... LO a palautetta

4 Desig -suuittelumalli KUVGLLERI -SIVU galleriaa o voitava sijoittaa kaksi, kolme tai eljä kuvaa kerralla. Tekijä saa valita haluamasa kuvagallerialaajeukse, mutta laajeukse hia pitää sisältyä kokoaiskustauksii. galleria varaa automaattisesti eliö muotoise tila. Mikäli kaikki rivi kuvat ovat vaakakuvia, ii silloi tilaa jää yläja alapuolelle vapaaksi.? porohoito Kolmas likkipaikka ->.2 -> Valikko Vuodeaikaa soveltuva kuva Otsikko defiitioes eam. Usu ut viris oster debitis, ea simul alterum itellegebat mei. Ius i case volutpat sapietem. t populo vidisse seserit vim, vel id Vaakakuva Pystykuva Vaakakuva jakohtaista Tekie vaatimus: Sekä vaaka- että pystykuva o sovittava hyvi äyttöö. Kuki kuva avautuu suuremmaksi Lightbox-efekti tavoi Otsikko petetium defiitioes eam. Usu ut viris oster debitis, ea simul alterum itellegebat mei. Ius i case volutpat sapietem. t populo vidisse seserit vim, vel Vaakakuva Pystykuva 2 1 Otsikko defiitioes eam. Usu ut viris oster debitis, ea simul alterum itellegebat mei. Ius i case volutpat sapietem. t populo vidisse seserit vim, vel id Vaakakuva 3 Suuitelma /arre Jortikka Sivu 4 a palautetta LO a palautetta

5 Desig -suuittelumalli MEDIUPOTUS (esimerkkiä Google PI). Mikäli Google PI käyttötarkoitus o itsestääselvä, ii leipäteksti voi jäädä pois. Käyttäjällä o kuiteki aia mahdollisuus teksti kirjoittamisee. Otsikko Sisältösivuje headerissa ei vilkkuvia kuvia? Vuodeaikaa soveltuva kuva ->.2 -> Valikko Pororeseptit Porotilamatkailu defiitioes eam. Usu ut viris oster debitis, ea simul alterum itellegebat mei. Ius i case volutpat sapietem. t populo vidisse seserit vim, vel id Sosiaalie media Valikko Tekie vaatimus: Tekstikappalee pituutta o voitava Otsikko säätää helposti (tarkoittaa tekstipalsta leveyttä). petetium defiitioes eam. Usu Paikka säädölle o ilmoitettava (CSS) ut viris oster debitis, ea simul alterum itellegebat mei. Ius i case volutpat sapietem. t populo vidisse seserit vim, vel a palautetta a palautetta LO Suuitelma /arre Jortikka Sivu 5

6 Desig -suuittelumalli JNKOHTIST -KTEGORI-sivu. Tämä sivu toimii blogipostie kaltaisella tavalla site, että uutisartikkelit jäseetää kategorioide perusteella.? jakohtaista porohoito Kolmas likkipaikka Vuodeaikaa soveltuva kuva jakohtaista Navigaatiota ei ole määritelty lopullisessa muodossa jakohtaista Valikko: porohoito...kolmas likki toimito rtikkeli tiivistelmästä ei ole ulkoisia likkejä (ei voi olla). jakohtaista poroje ruokia kehittymisestä Etuimi Sukuimi Julkaistu defiitioes eam. Usu ut viris oster debitis, ea simul alterum itellegebat mei. Ius i case volutpat sapietem. t populo vidisse seserit vim, vel id accusamus expetedis, Lue lisää poroje ruokia kehittymisestä Etuimi Sukuimi Julkaistu defiitioes eam. Usu ut viris oster debitis, ea simul alterum itellegebat mei. Ius i case volutpat sapietem. t populo vidisse seserit vim, vel id accusamus expetedis, Lue lisää poroje ruokia kehittymisestä Etuimi Sukuimi a palautettajulkaistu LO Matkailu (34) Talous (12) Käsityöt (12) Pedot (2) Koulutukset (12) Kuukausittai Marras 2013 Loka 2013 Syys 2013 Oikeassa palkissa voi olla lukuisia muita avigaatio tai iformaatioikkuoita, jotka eivät äy mobiiliäkymässä. jakohtaie uutie petetium defiitioes eam. Usu ut viris oster debitis, ea simul alterum itellegebat mei. Ius i case volutpat sapietem. t populo vidisse seserit vim, vel id accusamus jakohtaie uutie petetium defiitioes eam. Usu ut viris oster debitis, ea simul alterum itellegebat mei. Ius i case volutpat sapietem. t populo vidisse seserit vim, vel id accusamus Suuitelma /arre Jortikka Sivu 6 a palautetta

7 Desig -suuittelumalli JNKOHTINEN UUTINEN -SIVU. rtikkelissa o voitava olla yksittäisiä likkejä ulos. Käyttäjie kuvie esittämisessä voidaa käyttää Gravatar-palvelua.? Vuodeaikaa soveltuva kuva porohoito Kolmas likkipaikka Kirjoita kommetti Nimi: Sähköpostiosoite: Kirjoita kommetti Lähetä 2 kommettia Uutie porotilamatkailu kasvusta Kategoria: Matkailu Julkaistu: defiitioes eam. Usu ut viris oster debitis, ea simul alterum itellegebat mei. Ius i case volutpat sapietem. t populo vidisse seserit vim, vel id accusamus expetedis, Ex sumo oporteat mel. Facer oblique mei eu, ex justo tibique acillae cum. Quod libris mea ei, amet oratus his cu, o salutadi democritum ius. Likki ulos dissetias dissetiut eam i, aperiam labitur eum at. Nihil spledide ratioibus ex mei. Quo veiam spledide ad, duo modus exerci posidoium id. Vix facilis scaevola cotetioes ei, probo justo movet mei eu. Ex ibh reque per, a doctus accusata vis. ppareat meadri suavitate eum ex, vim quem deleit e. Sed wisi dicat id, omis miim eu has. Justo Etuimi Sukuimi # Kommetti jakohtaista -> Uutiset -> Uutie poromatkailu kasvusta Hei, Kommetti fasdfasd fasd fasdfasd fasdf asdfsadfasdf fasdfasdf asdfasdf asdfasdf asdfasdfasd fas fasdf asdf asdf asdfasdf fasdfasd fasd. jakohtaista Matkailu (34) Talous (12) Käsityöt (12) Pedot (2) Koulutukset (12) Kuukausittai Marras 2013 Loka 2013 Syys 2013 Navigaatiota ei ole määritelty lopullisessa muodossa jakohtaista Sisällö esittämistä mobiiliäkymässä ei ole täsmällisesti määritelty. Valikko: porohoito...kolmas likki toimito Ville Mattila # Kommetti Suuitelma /arre Jortikka Sivu 7 dmiistraattori/kirjoittaja kommetit korostetaa. Site o helppo seurata keskustelua. Kommetoiti suljetaa määräaja kuluttua esim. 2-4 viikkoa. Määrä aika o ilmoitettava käyttäjälle. Hei, Vastaus Etuimi Sukuimi # Kommetti poroje ruokia kehittymisestä Etuimi Sukuimi a palautettajulkaistu LO a palautetta