# Web-sivun suunnitelma.

# Projekti osa 2:

Sivstolla on yleistä tietoa, sekä rotumääritelmä Akita koirarodusta.
Sivuston pääasiallinen käyttäjäryhmä ovat henkilöt, jotka ovat kiinnostuneet kyseisestä koirarodusta tai tahtovat löytää yleistä tietoa rodusta.
Sivustolla on myös osio, johon on upotettu twitter-syöte, jonka kautta voi seurata julkaisuja tunnisteella #AkitaDog & #JapaneseAkita. Tätä toimintoa varten olen luonut twitteriin botin.
Sosiaalisen median upottaminen sivustolle mahdollistaa aiheesta kiinnostuneelle tilaisuuden verkostoitua tai löytää julkaisuja aiheesta.

Toteutan sivuston ylhäältä alas selattavakasi, joka tarkoittaa, että navigointilinkit johtavat käyttäjän aina tiettyyn osioon sivustolla. Käyttäjällä on myös mahdollisuus etsiä haluamansa tieto selaamalla sivustoa haluttuun kohtaan. Sivostolle sijoitan kelluvan painikkeen, josta voi painamalla palata sivuston ylälaitaan, josta löytyy navigaatio. Navigaatiopalkki on kokoajan näkyvillä.
#### Hahmolaeista:

Pyrin sijoittelemaan navigointipalkin linkit tarpeeksi lähelle toisiaan ja samanmuotoisten ja kokoisten elementtien sisään, jolloin käyttäjä toivottavasti mieltää linkit yhteenkuuluviksi ja osaksi navigointia.

Pyrin upottamaan kaiken sisällön sivustolla muodoltaan samankaltaisiin elementteihin. Navigaatio, twitterupotus ja leipätekstin sisältävät elementit tulevat olemaan muodoiltaan yhteneviä. Luon kaikille elementeilla samanlaistet reunukset, pyöristykset ja väriteemat.

#### Navigaatio


#### Mobiilikäyttöliittymä
Pienellä näytöllä selattaessa navigointi kutistuu sivun ylälaitaan "hampurilaisvalikoksi", joka laajenee klikattaessa. jKaikki sivuston elementit ovat allekkain, että selattavuus säilyy myös pienellä näytöllä.

En vielä tiedä kuinka twitter- ja linkedinupotukselle käy pienellä näytöllä, mutta pyrin säilyttämään ainakin linkit.

#### Luonnoksia käyttöliittymästä:

# Projeksi osa 1:
Aihe: **Tietoa Akita koirarodusta.**
## Sivun sisältö
### Etusivu (Index)
Sisältää:
> Navigaatio linkit
> Sivun esittely tekstinä
> Taustakuva
> Prototyyppi: (luonnos)
> 
> ##### Metaosio
> > Twitter &/ Instagram live timeline sopivilla tunnistetägeillä
> > Tahmea upotettu osio yhteystiedoille
> > Linkki linkediniin!

### Tietoa rodusta (Sivu1)
Sisältää:
> Navigaatio linkit
> Pieni kuva
> Tällä sivulla on tekstinä kerrottu Akita koirarodusta
> 
> Mobiilikäyttöliittymän prototyyppi
> 
> #### Metaosio
> > Twitter &/ Instagram live timeline sopivilla tunnistetägeillä
> > Tahmea upotettu osio yhteystiedoille
> > Linkki linkediniin
> >
> > > ##### Tekstisisältö:
> > >Akita (秋田犬, akita-inu) on ikivanha suurikokoinen japanilainen pystykorvarotu, joka on myös Japanin kansallisrotu. Rodun suurin kannattajamaa on kotimaa Japani, mutta sillä on vahva jalansija myös Ranskassa ja Italiassa.
Akita on tyypillisen pystykorvan näköinen. Sillä on lyhyt kippura häntä, pystyt korvat ja vahva rakenne. Vinot silmät ovat hyvin tunnusomaiset aasialaisille pystykorville. Akitalla kuuluu olla kohtalaiset kulmaukset, mutta on myös koiria, joilla takaraajat ovat lähes suorat. Näyttelykoirissa urosten ihannesäkäkorkeus on 66 senttimetriä ja narttujen 61 senttimetriä.
> > >
> > > Rotumääritelmä hyväksyy neljä väriä: punaisen, seesamin (punainen, jolla mustat karvankärjet), brindlen (juovikas) ja valkoisen. Kaikissa edellä mainituissa tulee viimeistä lukuun ottamatta olla urajiro: perusväriä vaaleampaa karvaa korvien sisäpuolella, silmien yllä, poskissa, leuassa, kuonon sivuilla, rinnassa, vatsan alla, raajojen sisäpuolella ja hännän alla. Urajiro ei ole sama asia kuin valkoiset merkit. Mustabrindlellä urajiroa on lähes mahdoton erottaa, mutta mahdolliset valkoiset merkit näkyvät sillä sitä vastoin selkeästi. Näyttelykoirilla musta maski on hylkäävä virhe. Suomessa yleisin väri on punainen, mutta myös brindlet ovat yleistyneet viime vuosien aikana. Brindlen sävy voi olla joko puna-, hopea- tai mustabrindle. Käytännössä seesameita, joilla olisi kunnollinen väritys, ei ole enää olemassa. Suomessa ja muuallakin toisinaan syntyvät seesamit ovat punaisia koiria, joilla on vain hieman seesamikarvaa selän alueella. Useimmiten valkoisilla koirilla on lihanvärinen kirsu; mustakirsuiset puhtaanvalkoiset koirat ovat erittäin harvinaisia.
> > >
> > >Akita on perusolemukseltaan rauhallinen perhekoira. Säännöllinen, runsas liikunta on tärkeää, mutta se ei välttämättä tarvitse sen lisäksi juuri muita virikkeitä ollakseen tyytyväinen, vaan nauttii myös saadessaan maata sisällä rauhassa yksin. Se on kokoisekseen vähäruokainen ja kasvaa pentuna nopeasti muiden suurten rotujen tapaan.
> > >
> > >Akitan koulutuksessa on oltava määrätietoinen ja ehdottoman johdonmukainen, ja otettava huomioon akitan itsenäisyys: miellyttämishalua ei ole kovinkaan paljon. Perheen omiin koiriin akita yleensä tottuu, mutta lauman sisäisiä arvojärjestyskiistoja voi olla varsinkin nuorena usein, sillä akita pyrkii herkästi hallitsemaan muita koiria ja jos perheessä on muita koiria kannattaa ottaa vastakkaisen sukupuolen Akita. Vieraisiin koiriin se suhtautuu usein dominoivasti, eikä sitä pidä päästää tutustumaan niihin ellei kyseessä ole jo ennestään tuttu koira, jonka kanssa sen tiedetään tulevan toimeen. Voimiensa ja suuren kokonsa vuoksi se voi olla tulistuessaan hyvin vaikea hallita. Sen vuoksi sitä ei tulisi antaa lasten lenkitettäväksi.
> > >
> > >Akitaa käytettiin alun perin suurristan eli esimerkiksi karhujen ja japanilaisten peurojen metsästyksessä. Koiria käytettiin myös leirien vartioinnissa ja taakkojen vetäjinä. Nykyään rotu on pääasiassa seurakoira, mutta se on koulutettavissa monenlaisin tehtäviin. Akita on luonteeltaan varsin itsenäinen ja omatahtoinen rotu, mutta oikein motivoituna toko ja agilitykin onnistuvat. Nenänkäyttöä vaativat tehtävät, kuten jälki, haku ja rauniot, ovat akitalle sopivia harrastuslajeja. Suomesta löytyy myös kaverikoirina ja lukukoirina toimivia akitoja
### Rotumääritelmä (Sivu2)
Sisältää:
> Navigaatio linkit
> Tällä sivulla näkyy **upotettuna pdf elementtinä** kennelliiton rotumääritelmä.
> Rotumääritelmä:
http://www.kennelliitto.fi/sites/default/files/attachments/rotumaaritelmat/fci_5/5akita.pdf

> #### Metaosio
> > Twitter &/ Instagram live timeline sopivilla tunnistetägeillä
> > Tahmea upotettu osio yhteystiedoille
> > Linkki linkediniin
### Oma Akitani (Sivu3)(Saatan muuttaa vielä tätä sisältöä)
Sisältää:
> Blogiosio(???)
> Navigaatio linkit
> Täältä löytyy tekstiä ja kuvia omasta pennustani.
>#### Metaosio
> > Twitter &/ Instagram live timeline sopivilla tunnistetägeillä
> > Tahmea upotettu osio yhteystiedoille
> > Linkki linkediniin

### Navigaatio
> Linkit kuhunkin osioon (index, alisivu1,alisivu2,alisivu3)
> Tahmea nappi jolla palataan etusivulle/sivun yläosaan

### Media

Taustakuva1: 
Taustakuva2: 
Linkkikuva:

# Toteutus
"Teknologiat":
>HTML
>CSS
>JS
>BOOTSTRAP
>REACT??
>
>>## Huomioita toteutuksesta:
>>Teen sivustosta alaspäin selattavan, eli kaikki osiot löytyvät sivulta allekkain. >>Navigaatiolinkit johtavat aina linkitetyn osion alkuun. Tämä helpottanee sivun >>luomista myös mobiiliympäristöön.

# Julkaisu

Github pages, Heroku tms.