{"id":884,"date":"2023-05-04T08:13:23","date_gmt":"2023-05-04T06:13:23","guid":{"rendered":"https:\/\/21viivis.kaomedia.net\/oma%20sivu\/?p=884"},"modified":"2023-05-04T15:53:50","modified_gmt":"2023-05-04T13:53:50","slug":"pilke","status":"publish","type":"post","link":"https:\/\/viivitesti.kaomedia.net\/index.php\/2023\/05\/04\/pilke\/","title":{"rendered":"Pilkekone"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Verkkojulkaisun n\u00e4ytt\u00f6ty\u00f6n\u00e4 t\u00e4ytyi tehd\u00e4 asiakkaalle verkkosivut. Itse tein omalle kummised\u00e4lleni. H\u00e4nell\u00e4 on pilkekone, joka on mahdollista vuokrata. Olin aiemmin jo keskustellut h\u00e4nen kanssaan asiasta, ett\u00e4 olisi k\u00e4tev\u00e4\u00e4 jos olisi verkkosivut joiden kautta konetta vuokrattaisiin. L\u00e4hdin tekem\u00e4\u00e4n eri variaatioita, jotka laittaisin sitten eteenp\u00e4in h\u00e4nen valittavakseen.<\/p>

Aloin toteuttaa luonnos 2 eli yksinkertaisempaa versioita. Samalla matkan varrella tuli lis\u00e4yksi\u00e4, joita en ollut alunperi suunnitellut. Yksi esimerkki on etusivulla vasemalla oleva info laatikko, jossa lukee t\u00e4rkeimm\u00e4t tiedot. P\u00e4\u00e4tin tehd\u00e4 n\u00e4in, koska silloin se n\u00e4kyisi koko ajan osana sivustoa.<\/p>

Sivuston toteutuksessa oli haasteita muun muassa tarvitsin koodamista poistaakseni tekstej\u00e4 n\u00e4kyvist\u00e4 enk\u00e4 itse saanut ongelmaani ratkaistua. Kyselin opettajaltani apuja jos en itse ratkaisua keksinyt. En kiirehtinyt sivuston teon kanssa, koska kummiset\u00e4ni sanoi ettei sill\u00e4 ole kiirett\u00e4. Tein kuitenkin aina eteenp\u00e4in kun aikaa oli. Itse olen ihan tyytyv\u00e4inen lopputulokseen. Sivusto on hyvin simppeli eik\u00e4 siin\u00e4 ole mit\u00e4\u00e4n erikoista, mutta sellainen minulta pyydettiin. Jos olisin itselleni tehnyt kyseist\u00e4 sivustoa niin olisin tehnyt siit\u00e4 sis\u00e4lt\u00f6rikkaamman. Olisin lis\u00e4nnyt sivustoon varauskalenterin, josta olisi n\u00e4kynyt milloin pilkekone on vapaana.<\/p>

\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
-Milloin tein mit\u00e4kin-<\/strong><\/div>
\u00a0<\/div>
15.12.2022.<\/strong><\/div>

T\u00e4n\u00e4\u00e4n aloitin sivuston suunnitelemista. Tein ideointivaiheen sek\u00e4 synopsiksen. Ideointivaiheessa tein raakamallit Illustratorissa sivuston ulkon\u00e4\u00f6st\u00e4. Samalla tein my\u00f6s liikemerkin, jota voin k\u00e4ytt\u00e4\u00e4 sivuston otsakkeessa.<\/p>

19.12.2022<\/strong><\/p>

T\u00e4n\u00e4\u00e4n jatkoin suunnitelmien tekemist\u00e4. Tein toteutus sek\u00e4 leiskasuunnitelmat ja rakennesuunnitelmat.<\/p>

13.1.2023<\/strong><\/p>

Aloitin verkkosivun tekemisen. Asensin sivun sek\u00e4 valitsin teeman. Muokkasin my\u00f6s otsakekuvan ja logon asetin suunnitelmani mukaan. V\u00e4rimaailman asetin my\u00f6s oikeaksi. Aloitin my\u00f6s toteutusvaiheen kirjoittamista.<\/p>

31.1.2023<\/strong><\/p>

Aloin luomaan verkkosivulle valikkoa sek\u00e4 sis\u00e4lt\u00f6\u00e4.<\/p>

8.3.2023<\/strong><\/p>

Tein illustrattorissa muutaman infolaatikon ja liitin ne sivulle. Kirjoittelin tekstej\u00e4 artikkeleihin.<\/p>

\u00a0<\/p>

\u00a0<\/p>

-Ideointivaihe-
<\/strong><\/p>

-Luonnos 1-<\/strong><\/p><\/div><\/div>

\u00a0<\/p>

\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t
Tietokone n\u00e4kym\u00e4<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t
Tabletti n\u00e4kym\u00e4<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t
Puhelin n\u00e4kym\u00e4<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Miksi v\u00e4rit harmaa, valkoinen ja punainen?<\/b><\/p>

K\u00e4yt\u00e4n n\u00e4it\u00e4 v\u00e4rej\u00e4, koska kaikki niist\u00e4 ovat osa itse
pilkekoneen v\u00e4rityst\u00e4. Punainen toimii tehostev\u00e4rin\u00e4 sill\u00e4 se tuo sivustoon
pienen v\u00e4ripilkun tasaisen harmaan ja valkoisen sekaan, jotka sen sijaan
tekev\u00e4t sivustosta rauhallisen.<\/p>

Miksi juuri t\u00e4m\u00e4 otsake kuva?<\/b><\/p>

Halusin laittaa otsakekuvaksi pilkkeist\u00e4 kuvan, koska
pilkkeet liittyy sivuston aiheeseen. Se on my\u00f6s selke\u00e4 ja rauhallinen tausta
sivustolle.<\/p>

Miksi juuri t\u00e4m\u00e4 sommittelu?<\/b><\/p>

P\u00e4\u00e4tin jakaa valikon nelj\u00e4\u00e4n osaan, koska niin saan p\u00e4\u00e4asiat
esille parhaiten. Yl\u00e4palkkiin asetin nimen ja yhteystiedot, koska siell\u00e4 ne
ovat n\u00e4kyvill\u00e4 koko ajan.<\/p>

Alapalkkiin laitoin maksutavat, koska ne ovat ns extra
infoa, mutta kuitenkin ihan hy\u00f6dyllist\u00e4 tietoa. Nekin n\u00e4kyv\u00e4t sivustolla koko
ajan. Varauskalenterin asetin etusivulle muun t\u00e4rke\u00e4n infon lis\u00e4ksi, koska
siit\u00e4 n\u00e4kee k\u00e4tev\u00e4sti milloin vuokrattava kone on vapaana.<\/p>

Miksi t\u00e4m\u00e4 typografia?<\/b><\/p>

Haluan, ett\u00e4 sivu on selke\u00e4 ja helppolukuinen joten siksi
aion k\u00e4ytt\u00e4\u00e4 perinteist\u00e4 Arialia koossa 12pt.<\/p>

-Luonnos 2-<\/strong><\/p><\/div><\/div><\/div><\/div><\/div><\/section>

\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t
Tietokone n\u00e4kym\u00e4<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t
Tabletti n\u00e4kym\u00e4<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t
Puhelin n\u00e4kym\u00e4<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Miksi v\u00e4rit harmaa, valkoinen ja punainen?<\/b><\/p>

K\u00e4yt\u00e4n n\u00e4it\u00e4 v\u00e4rej\u00e4, koska kaikki niist\u00e4 ovat osa itse pilkekoneen v\u00e4rityst\u00e4. Punainen toimii tehostev\u00e4rin\u00e4 sill\u00e4 se tuo sivustoon pienen v\u00e4ripilkun tasaisen harmaan ja valkoisen sekaan, jotka sen sijaan tekev\u00e4t sivustosta rauhallisen.<\/p>

Miksi juuri tuo otsake kuva?<\/b><\/p>

Halusin laittaa otsakekuvaksi pilkkeist\u00e4 kuvan, koska se pilkkeet liittyy sivuston aiheeseen. Se on my\u00f6s selke\u00e4 ja rauhallinen tausta sivustolle.<\/p>

Miksi juuri t\u00e4m\u00e4 sommittelu?<\/b><\/p>

P\u00e4\u00e4tin jakaa valikon viiteen osaan, koska niin saan p\u00e4\u00e4asiat esille parhaiten. Etusivulle halusin laittaa lyhyen ja ytimekk\u00e4\u00e4n alkuinfon, jotta mahdollinen asiakas saa t\u00e4rkeimm\u00e4t tiedot heti.<\/p>

Miksi t\u00e4m\u00e4 typografia?<\/b><\/p>

Haluan, ett\u00e4 sivu on selke\u00e4 ja helppolukuinen joten siksi
aion k\u00e4ytt\u00e4\u00e4 perinteist\u00e4 Arialia koossa 12pt.<\/p>

\u00a0<\/p>

-Synopsis-<\/strong><\/p>

Mit\u00e4?
<\/strong><\/p>

-Responsiivinen sivusto<\/p>

\u00a0<\/p>

-Sivusto, jossa vuokrataan halkomakonetta<\/p>

\u00a0<\/p>

Miksi?<\/b><\/div>
\u00a0<\/b><\/div>

-Helpottaa koneen vuokrausta<\/p>

\u00a0<\/p>

-Asiakas haluaa oman sivun, jolla vuokrata tori.fi sijaan<\/p>

\u00a0<\/p>

-Sivsustolle saa enemm\u00e4 ja paremmin kaikki tarvittavat infot<\/p>

\u00a0<\/p>

\u00a0<\/p>

\u00a0<\/p>

Mink\u00e4 puutteet halutaan postuvan?<\/b><\/p>

Asiakas tahtoo vuokrata konettaan laajemmin. Se ei torin kautta ole niin helppoa kuin oman nettisivun avulla.<\/p>

\u00a0<\/p>

Milloin?<\/b><\/p>

Tarkkaa aikataulua ei ole eli voin ty\u00f6st\u00e4\u00e4 sivustoa aikalailla sen mukaan milloin itse ehdin.<\/p>

\u00a0<\/p>

Miten?<\/b><\/p>

Toteutan ty\u00f6n aluksi kokonaan WordPressiin ja sielt\u00e4 siirr\u00e4n sen maksussileen Netfinn palveluun. Teen ty\u00f6n yksin ja itsen\u00e4isesti.<\/p>

\u00a0<\/p><\/div><\/div><\/div><\/div><\/div><\/section>

\u00a0<\/p>

-Toteutussuunnitelma & leiskasuunnitelma 1-
<\/strong><\/p>

\u00a0<\/p>

Tietokone<\/b><\/p>

Header: 1920px\u00a0 <\/span>x\u00a0 <\/span>64px<\/p>

Otsake: 1920px\u00a0 <\/span>x\u00a0 <\/span>305px<\/p>

Navi: 1920px\u00a0 <\/span>x\u00a0 <\/span>64px<\/p>

Margin: 370px\u00a0 <\/span>x\u00a0 <\/span>600px<\/p>

Section: 1180px\u00a0 <\/span>x\u00a0 <\/span>600px<\/p>

Footer: 1920px\u00a0 <\/span>x\u00a0 <\/span>64px<\/p>

Logo: 680px\u00a0 <\/span>x\u00a0 <\/span>105px<\/p>

\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Tabletti<\/b><\/p>

Vaaka:<\/u><\/p>

Header: 1025px\u00a0 <\/span>x\u00a0 <\/span>47px<\/p>

Otsake: 1025px\u00a0 <\/span>x\u00a0 <\/span>192px<\/p>

Navi: 1025px\u00a0 <\/span>x\u00a0 <\/span>47px<\/p>

Margin: 155px\u00a0 <\/span>x\u00a0 <\/span>440px<\/p>

Section: 715px\u00a0 <\/span>x\u00a0 <\/span>440px<\/p>

Footer: 1025px\u00a0 <\/span>x\u00a0 <\/span>47px<\/p>

Logo:\u00a0 <\/span>533px\u00a0 <\/span>x\u00a0 <\/span>76px<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Pysty:<\/u><\/p>

Header: 770px\u00a0 <\/span>x\u00a0 <\/span>47px<\/p>

Otsake: 770px\u00a0 <\/span>x\u00a0 <\/span>170px<\/p>

Navi: 770px\u00a0 <\/span>x\u00a0 <\/span>55px<\/p>

Margin: 0px<\/p>

Section: 770px\u00a0 <\/span>x\u00a0 <\/span>720px<\/p>

Footer: 770px\u00a0 <\/span>x\u00a0 <\/span>47px<\/p>

Logo: 385px\u00a0 <\/span>x\u00a0 <\/span>62px<\/p>

\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Puhelin<\/b><\/p>

Header: 1244px\u00a0 <\/span>x\u00a0 <\/span>75px<\/p>

Otsake: 1244px\u00a0 <\/span>x\u00a0 <\/span>243px<\/p>

Navi: 1244px\u00a0 <\/span>x\u00a0 <\/span>105px<\/p>

Margin: 0px<\/p>

Section: 1244px x\u00a0 <\/span>1703px<\/p>

Footer: 1244px\u00a0 <\/span>x\u00a0 <\/span>75px<\/p>

\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Kuvien sijainti:<\/b><\/p>

Otsakekuva otsakkeeseen. Tarvittaessa tekstin sekaan kuvia.<\/p>

Kuvien koot:<\/b><\/p>

Otsake kuva: 1920px\u00a0 <\/span>x\u00a0 <\/span>305px<\/p>

Muut mahdolliset kuvat: 1280px\u00a0 <\/span>x\u00a0 <\/span>720px<\/p>

Tekstit:<\/b><\/p>

Otsikot: Times New Roman\u00a0 <\/span>(koko 20pt) V\u00e4ri: musta<\/b><\/p>

Times New Roman<\/span><\/p>

Leip\u00e4teksti: Times New Roman (koko 21pt) V\u00e4ri: musta<\/b><\/p>

Times New Roman<\/p>

V\u00e4rit:<\/b><\/p>

\u00a0<\/b>\u2013\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 <\/span><\/span>Valkoinen #FFFFFF (Headerin ja footterin v\u00e4ri, navin v\u00e4ri sek\u00e4 sectionin v\u00e4ri)<\/p>

\u2013\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 <\/span><\/span>Harmaa\u00a0\u00a0\u00a0 <\/span>#B2B2B2 (Marginaalin v\u00e4ri)<\/p>

\u2013\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 <\/span><\/span>Punainen\u00a0 <\/span>#940100\u00a0 <\/span>(Tehoste v\u00e4ri valikoissa)<\/p>

\u00a0<\/p>

-Rakennesuunnitelma 1-<\/b><\/p>

Header:
<\/b><\/p>

-Nimi<\/p>

-Puhelinnumero<\/p>

Footer:<\/strong><\/p>

-Maksutavat<\/p>

Etusivulta l\u00f6ytyy:<\/p>

\u2013 Kuka vuokraa<\/p>

-Mit\u00e4 vuokraa<\/p>

-Miss\u00e4<\/p>

-Hinta<\/p>

-Varauskalenteri<\/p>

Vuokraus:<\/b><\/p>

\u2013\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 <\/span><\/span>Ohjeistus vuokraamiseen<\/p>

\u2013\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 <\/span><\/span>Koneen haku \/ palautusajat\u00a0 <\/span>(mahdollisesti)<\/p>

Infoa koneesta:<\/b><\/p>

\u2013\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 <\/span><\/span>Yleiset tiedot (merkki\/ malli, rajoitukset esim paino)<\/p>

\u2013\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 <\/span><\/span>Tekniset tiedot<\/p>

\u2013\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 <\/span><\/span>K\u00e4ytt\u00f6ohjeet<\/p>

Valmistaja:<\/b><\/p>

\u2013\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 <\/span><\/span>Firman nimi<\/p>

Tarvittavat kuvat ja logot<\/strong><\/p>

Tein itse \u201dlogon\u201d asiakkaan nettisivulle. Muita logoja sivulle ei tule.<\/p>

Otsake kuvan otin ilmaisesta kuva pankista.<\/p>

Loput tarvittavat kuvat kysyn asiakkaalta itselt\u00e4\u00e4n.<\/p>

Linkitys<\/strong><\/div>

Sivustolle ei tule linkityksi\u00e4 muille sivustoille tai someihin<\/p>

\u00a0<\/p>

-Toteutussuunnitelma & leiskasuunnitelma 2-
<\/strong><\/p>

\u00a0<\/p>

Tietokone:<\/b><\/p>

Otsake: 1920px\u00a0 <\/span>x\u00a0 <\/span>366px<\/p>

Navi: 1920px\u00a0 <\/span>x\u00a0 <\/span>64px<\/p>

Margin: 370px\u00a0 <\/span>x\u00a0 <\/span>600px<\/p>

Section: 1180px\u00a0 <\/span>x\u00a0 <\/span>600px<\/p>

Logo: 680px\u00a0 <\/span>x\u00a0 <\/span>105px<\/p>

\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Tabletti<\/b><\/p>

Vaaka<\/u><\/p>

Otsake: 1025px\u00a0 <\/span>x\u00a0 <\/span>220px<\/p>

Navi: 1025px\u00a0 <\/span>x\u00a0 <\/span>47px<\/p>

Margin: 155px\u00a0 <\/span>x\u00a0 <\/span>440px<\/p>

Section: 715px\u00a0 <\/span>x\u00a0 <\/span>440px<\/p>

Logo:\u00a0 <\/span>533px\u00a0 <\/span>x\u00a0 <\/span>76px<\/p>

\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Pysty:<\/u><\/p>

Otsake: 770px\u00a0 <\/span>x\u00a0 <\/span>200px<\/p>

Navi: 770px\u00a0 <\/span>x\u00a0 <\/span>55px<\/p>

Margin: 0px<\/p>

Section: 770px\u00a0 <\/span>x\u00a0 <\/span>720px<\/p>

Logo: 385px\u00a0 <\/span>x\u00a0 <\/span>62px<\/p>

\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Puhelin<\/b><\/p>

Otsake: 1244px\u00a0 <\/span>x\u00a0 <\/span>305px<\/p>

Navi: 1244px\u00a0 <\/span>x\u00a0 <\/span>105px<\/p>

Margin: 0px<\/p>

Section: 1244px\u00a0 <\/span>x\u00a0 <\/span>1703px<\/p>

Logo: 640px\u00a0 <\/span>x\u00a0 <\/span>90px<\/p>

\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Kuvien sijainti:<\/b><\/p>

Otsakekuva otsakkeeseen. Tarvittaessa tekstin sekaan kuvia.<\/p>

Kuvien koot:<\/b><\/p>

Otsake kuva: 1920px\u00a0 <\/span>x\u00a0 <\/span>366px<\/p>

Muut mahdolliset kuvat: 1280px\u00a0 <\/span>x\u00a0 <\/span>720px<\/p>

Tekstit:<\/b><\/p>

Otsikot: Times New Roman\u00a0 <\/span>(koko 20pt) V\u00e4ri: musta<\/b><\/p>

Times New Roman<\/span><\/p>

Leip\u00e4teksti: Times New Roman (koko 21pt) V\u00e4ri: musta<\/b><\/p>

Times New Roman<\/p>

V\u00e4rit:<\/b><\/p>

\u2013\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 <\/span><\/span>Valkoinen #FFFFFF (Navin v\u00e4ri sek\u00e4 sectionin v\u00e4ri)<\/p>

\u2013\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 <\/span><\/span>Harmaa\u00a0\u00a0\u00a0 <\/span>#B2B2B2 (Marginaalin v\u00e4ri)<\/p>

\u2013\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 <\/span><\/span>Punainen\u00a0 <\/span>#940100\u00a0 <\/span>(Tehoste v\u00e4ri valikoissa)<\/p>

\u00a0<\/p>

-Rakennesuunnitelma 2-<\/strong><\/p>

\u00a0<\/p>

Etusivulta l\u00f6ytyy:<\/b><\/p>

\u2013 Kuka vuokraa<\/p>

\u2013 Mit\u00e4 vuokraa<\/p>

\u2013 Miss\u00e4<\/p>

\u2013 Hinta<\/p>

\u2013 Yhteystiedot
<\/b><\/p>

Vuokraus:<\/b><\/p>

-Ohjeistus vuokraamiseen<\/b><\/p>

-Koneen haku \/ palautusajat (mahdollisesti)<\/p>

-Yhteystiedot toisen kerran
<\/b><\/p>

Maksutavat:<\/b><\/p>

-Tieto mill\u00e4 kaikilla v\u00e4lineill\u00e4 maksun voi suorittaa<\/p>

-Tieto sovelluksista, joilla maksun voi suorittaa
<\/b><\/p>

Infoa koneesta:<\/b><\/p>

-Yleiset tiedot (merkki\/ malli, rajoitukset esim paino)<\/p>

-Tekniset tiedot<\/p>

-K\u00e4ytt\u00f6ohjeet
<\/b><\/p>

Valmistaja:<\/b><\/p>

-Firman nimi
<\/b><\/p>

Tarvittavat kuvat ja logot<\/strong><\/p>

\u00a0<\/p>

Tein itse \u201dlogon\u201d asiakkaan nettisivulle. Muita logoja sivulle ei tule. Otsake kuvan otin ilmaisesta kuva pankista. Loput tarvittavat kuvat kysyn asiakkaalta itselt\u00e4\u00e4n.<\/p>

Linkitys<\/strong><\/p>

\u00a0<\/p>

Sivustolle ei tule linkityksi\u00e4 muille sivustoille tai someihin.<\/p>

-Itsearviointi-<\/strong><\/p>

Opiskelija suunnittelee ja toteuttaa tilaajal\u00e4ht\u00f6isen verkkosivuston julkaisuj\u00e4rjestelm\u00e4ll\u00e4.<\/strong><\/p>

4, Asennan itsen\u00e4isesti julkaisuj\u00e4rjestelm\u00e4n tai k\u00e4yt\u00e4n valmista julkaisuj\u00e4rjestelm\u00e4\u00e4 tilaajal\u00e4ht\u00f6isen sivuston toteutuksessa. Valitsen toteutuksessa k\u00e4ytett\u00e4v\u00e4n tarkoitukseen soveltuvan sivupohjan ja muokkaan sen visuaalisesti tarkoituksenmukaiseks.<\/p>

Opiskelija tuottaa, muokkaa ja julkaisee verkkojakelukelpoista kuva-, teksti- ja videomateriaalia.<\/strong><\/p>

4, Tuotan, muokkaan ja julkaisen itsen\u00e4isesti verkkojakelukelpoista kuva-, teksti- ja videomateriaali. Optimoin itsen\u00e4isesti sivuston mediamateriaalit nopeasti latautuviksi.<\/p>

Opiskelija optimoi hakukonen\u00e4kyvyytt\u00e4 ja testaa sivuston toimivuutta.<\/strong><\/p>

3, Optimoin sivuston metatietoja ja hakusanoja tai hy\u00f6dynn\u00e4n niiss\u00e4 julkaisuj\u00e4rjestelm\u00e4n mahdollisuuksi. Testaan verkkosivuston toimivuutta ja latautumisaikoja eri k\u00e4ytt\u00f6ymp\u00e4rist\u00f6iss\u00e4.<\/p>

Opiskelija ty\u00f6skentelee tilaajal\u00e4ht\u00f6isesti ja huomioi toimintansa vaikutukset tuotannon kustannusten muodostumiseen.<\/strong><\/p>

5, Ty\u00f6skentelen j\u00e4rjestelm\u00e4llisesti tilaajal\u00e4ht\u00f6isesti. Toimin ja kommunikoin sujuvasti tilanteen edellytt\u00e4m\u00e4ll\u00e4 tavalla tilaajan ja asiakkaiden kanssa.<\/p>

Opiskelija dokumentoi ty\u00f6ns\u00e4 keskeisi\u00e4 vaiheita ja perustelee tekemi\u00e4\u00e4n ratkaisuja.<\/strong><\/p>

4, Dokumentoin j\u00e4rjestelm\u00e4llisesti ty\u00f6ni keskeiset vaiheet ja perustelen ratkaisujani sujuvasti. Kokoan ty\u00f6n\u00e4ytteit\u00e4 ammatillisesta osaamisestani.<\/p>

Opiskelija toimii vastuullisesti, oma-aloitteisesti sek\u00e4 kehitt\u00e4\u00e4 ja yll\u00e4pit\u00e4\u00e4 ammattiosaamistaan.<\/strong><\/p>

\u00a0<\/strong>5,\u00a0 Toimin vastuullisesti, yhteisty\u00f6kykyisesti ja oma-aloitteisest. Hy\u00f6dynn\u00e4n tarvittaessa muiden asiantuntemusta ratkaistessaan ty\u00f6teht\u00e4viens\u00e4 erityiskysymyksi\u00e4. Haen tietoa ty\u00f6ss\u00e4ni esiin tulleisiin ongelmiin ja uusiin osaamisalueisiin itsen\u00e4isesti. Arvioin omaa ty\u00f6skentely\u00e4ni ja oppimiskyky\u00e4ni realistisesti ja monipuolisesti.<\/p>

\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"

Verkkojulkaisun n\u00e4ytt\u00f6ty\u00f6n\u00e4 t\u00e4ytyi tehd\u00e4 asiakkaalle verkkosivut. Itse tein omalle kummised\u00e4lleni. H\u00e4nell\u00e4 on pilkekone, joka on mahdollista vuokrata. Olin aiemmin jo keskustellut h\u00e4nen kanssaan asiasta, ett\u00e4 olisi k\u00e4tev\u00e4\u00e4 jos olisi verkkosivut joiden kautta konetta vuokrattaisiin. L\u00e4hdin tekem\u00e4\u00e4n eri variaatioita, jotka laittaisin sitten eteenp\u00e4in h\u00e4nen valittavakseen. Aloin toteuttaa luonnos 2 eli yksinkertaisempaa versioita. Samalla matkan varrella tuli lis\u00e4yksi\u00e4, joita en ollut alunperi suunnitellut. Yksi esimerkki on etusivulla vasemalla oleva info laatikko, jossa lukee t\u00e4rkeimm\u00e4t tiedot. P\u00e4\u00e4tin tehd\u00e4 n\u00e4in, koska silloin se n\u00e4kyisi koko ajan osana sivustoa. Sivuston toteutuksessa oli haasteita muun muassa tarvitsin koodamista poistaakseni tekstej\u00e4 n\u00e4kyvist\u00e4 enk\u00e4 itse saanut ongelmaani ratkaistua. Kyselin opettajaltani apuja jos en itse ratkaisua keksinyt. En kiirehtinyt sivuston teon kanssa, koska kummiset\u00e4ni sanoi ettei sill\u00e4 ole kiirett\u00e4. Tein kuitenkin aina eteenp\u00e4in kun aikaa oli. Itse olen ihan tyytyv\u00e4inen lopputulokseen. Sivusto on hyvin simppeli eik\u00e4 siin\u00e4 ole mit\u00e4\u00e4n erikoista, mutta sellainen minulta pyydettiin. Jos olisin itselleni tehnyt kyseist\u00e4 sivustoa niin olisin tehnyt siit\u00e4 sis\u00e4lt\u00f6rikkaamman. Olisin lis\u00e4nnyt sivustoon varauskalenterin, josta olisi n\u00e4kynyt milloin pilkekone on vapaana. \u00a0 -Milloin tein mit\u00e4kin-\u00a015.12.2022. T\u00e4n\u00e4\u00e4n aloitin sivuston suunnitelemista. Tein ideointivaiheen sek\u00e4 synopsiksen. Ideointivaiheessa tein raakamallit Illustratorissa sivuston ulkon\u00e4\u00f6st\u00e4. Samalla tein my\u00f6s liikemerkin, jota voin k\u00e4ytt\u00e4\u00e4 sivuston otsakkeessa. 19.12.2022 T\u00e4n\u00e4\u00e4n jatkoin suunnitelmien tekemist\u00e4. Tein toteutus sek\u00e4 leiskasuunnitelmat ja rakennesuunnitelmat. 13.1.2023 Aloitin verkkosivun tekemisen. Asensin sivun sek\u00e4 valitsin teeman. Muokkasin my\u00f6s otsakekuvan ja logon asetin suunnitelmani mukaan. V\u00e4rimaailman asetin my\u00f6s oikeaksi. Aloitin my\u00f6s toteutusvaiheen kirjoittamista. 31.1.2023 Aloin luomaan verkkosivulle valikkoa sek\u00e4 sis\u00e4lt\u00f6\u00e4. 8.3.2023 Tein illustrattorissa muutaman infolaatikon ja liitin ne sivulle. Kirjoittelin tekstej\u00e4 artikkeleihin. \u00a0 \u00a0 -Ideointivaihe- -Luonnos 1- \u00a0 \u00a0 Tietokone n\u00e4kym\u00e4 Tabletti n\u00e4kym\u00e4 Puhelin n\u00e4kym\u00e4 Miksi v\u00e4rit harmaa, valkoinen ja punainen? K\u00e4yt\u00e4n n\u00e4it\u00e4 v\u00e4rej\u00e4, koska kaikki niist\u00e4 ovat osa itsepilkekoneen v\u00e4rityst\u00e4. Punainen toimii tehostev\u00e4rin\u00e4 sill\u00e4 se tuo sivustoonpienen v\u00e4ripilkun tasaisen harmaan ja valkoisen sekaan, jotka sen sijaantekev\u00e4t sivustosta rauhallisen. Miksi juuri t\u00e4m\u00e4 otsake kuva? Halusin laittaa otsakekuvaksi pilkkeist\u00e4 kuvan, koskapilkkeet liittyy sivuston aiheeseen. Se on my\u00f6s selke\u00e4 ja rauhallinen taustasivustolle. Miksi juuri t\u00e4m\u00e4 sommittelu? P\u00e4\u00e4tin jakaa valikon nelj\u00e4\u00e4n osaan, koska niin saan p\u00e4\u00e4asiatesille parhaiten. Yl\u00e4palkkiin asetin nimen ja yhteystiedot, koska siell\u00e4 neovat n\u00e4kyvill\u00e4 koko ajan. Alapalkkiin laitoin maksutavat, koska ne ovat ns extrainfoa, mutta kuitenkin ihan hy\u00f6dyllist\u00e4 tietoa. Nekin n\u00e4kyv\u00e4t sivustolla kokoajan. Varauskalenterin asetin etusivulle muun t\u00e4rke\u00e4n infon lis\u00e4ksi, koskasiit\u00e4 n\u00e4kee k\u00e4tev\u00e4sti milloin vuokrattava kone on vapaana. Miksi t\u00e4m\u00e4 typografia? Haluan, ett\u00e4 sivu on selke\u00e4 ja helppolukuinen joten siksiaion k\u00e4ytt\u00e4\u00e4 perinteist\u00e4 Arialia koossa 12pt. -Luonnos 2- \u00a0 Tietokone n\u00e4kym\u00e4 Tabletti n\u00e4kym\u00e4 Puhelin n\u00e4kym\u00e4 Miksi v\u00e4rit harmaa, valkoinen ja punainen? K\u00e4yt\u00e4n n\u00e4it\u00e4 v\u00e4rej\u00e4, koska kaikki niist\u00e4 ovat osa itse pilkekoneen v\u00e4rityst\u00e4. Punainen toimii tehostev\u00e4rin\u00e4 sill\u00e4 se tuo sivustoon pienen v\u00e4ripilkun tasaisen harmaan ja valkoisen sekaan, jotka sen sijaan tekev\u00e4t sivustosta rauhallisen. Miksi juuri tuo otsake kuva? Halusin laittaa otsakekuvaksi pilkkeist\u00e4 kuvan, koska se pilkkeet liittyy sivuston aiheeseen. Se on my\u00f6s selke\u00e4 ja rauhallinen tausta sivustolle. Miksi juuri t\u00e4m\u00e4 sommittelu? P\u00e4\u00e4tin jakaa valikon viiteen osaan, koska niin saan p\u00e4\u00e4asiat esille parhaiten. Etusivulle halusin laittaa lyhyen ja ytimekk\u00e4\u00e4n alkuinfon, jotta mahdollinen asiakas saa t\u00e4rkeimm\u00e4t tiedot heti. Miksi t\u00e4m\u00e4 typografia? Haluan, ett\u00e4 sivu on selke\u00e4 ja helppolukuinen joten siksiaion k\u00e4ytt\u00e4\u00e4 perinteist\u00e4 Arialia koossa 12pt. \u00a0 -Synopsis- Mit\u00e4? -Responsiivinen sivusto \u00a0 -Sivusto, jossa vuokrataan halkomakonetta \u00a0 Miksi?\u00a0 -Helpottaa koneen vuokrausta \u00a0 -Asiakas haluaa oman sivun, jolla vuokrata tori.fi sijaan \u00a0 -Sivsustolle saa enemm\u00e4 ja paremmin kaikki tarvittavat infot \u00a0 \u00a0 \u00a0 Mink\u00e4 puutteet halutaan postuvan? Asiakas tahtoo vuokrata konettaan laajemmin. Se ei torin kautta ole niin helppoa kuin oman nettisivun avulla. \u00a0 Milloin? Tarkkaa aikataulua ei ole eli voin ty\u00f6st\u00e4\u00e4 sivustoa aikalailla sen mukaan milloin itse ehdin. \u00a0 Miten? Toteutan ty\u00f6n aluksi kokonaan WordPressiin ja sielt\u00e4 siirr\u00e4n sen maksussileen Netfinn palveluun. Teen ty\u00f6n yksin ja itsen\u00e4isesti. \u00a0 \u00a0 -Toteutussuunnitelma & leiskasuunnitelma 1- \u00a0 Tietokone Header: 1920px\u00a0 x\u00a0 64px Otsake: 1920px\u00a0 x\u00a0 305px Navi: 1920px\u00a0 x\u00a0 64px Margin: 370px\u00a0 x\u00a0 600px Section: 1180px\u00a0 x\u00a0 600px Footer: 1920px\u00a0 x\u00a0 64px Logo: 680px\u00a0 x\u00a0 105px \u00a0 Tabletti Vaaka: Header: 1025px\u00a0 x\u00a0 47px Otsake: 1025px\u00a0 x\u00a0 192px Navi: 1025px\u00a0 x\u00a0 47px Margin: 155px\u00a0 x\u00a0 440px Section: 715px\u00a0 x\u00a0 440px Footer: 1025px\u00a0 x\u00a0 47px Logo:\u00a0 533px\u00a0 x\u00a0 76px Pysty: Header: 770px\u00a0 x\u00a0 47px Otsake: 770px\u00a0 x\u00a0 170px Navi: 770px\u00a0 x\u00a0 55px Margin: 0px Section: 770px\u00a0 x\u00a0 720px Footer: 770px\u00a0 x\u00a0 47px Logo: 385px\u00a0 x\u00a0 62px \u00a0 Puhelin Header: 1244px\u00a0 x\u00a0 75px Otsake: 1244px\u00a0 x\u00a0 243px Navi: 1244px\u00a0 x\u00a0 105px Margin: 0px Section: 1244px x\u00a0 1703px Footer: 1244px\u00a0 x\u00a0 75px \u00a0 Kuvien sijainti: Otsakekuva otsakkeeseen. Tarvittaessa tekstin sekaan kuvia. Kuvien koot: Otsake kuva: 1920px\u00a0 x\u00a0 305px Muut mahdolliset kuvat: 1280px\u00a0 x\u00a0 720px Tekstit: Otsikot: Times New Roman\u00a0 (koko 20pt) V\u00e4ri: musta Times New Roman Leip\u00e4teksti: Times New Roman (koko 21pt) V\u00e4ri: musta Times New Roman V\u00e4rit: \u00a0\u2013\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 Valkoinen #FFFFFF (Headerin ja footterin v\u00e4ri, navin v\u00e4ri sek\u00e4 sectionin v\u00e4ri) \u2013\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 Harmaa\u00a0\u00a0\u00a0 #B2B2B2 (Marginaalin v\u00e4ri) \u2013\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 Punainen\u00a0 #940100\u00a0 (Tehoste v\u00e4ri valikoissa) \u00a0 -Rakennesuunnitelma 1- Header: -Nimi -Puhelinnumero Footer: -Maksutavat Etusivulta l\u00f6ytyy: \u2013 Kuka vuokraa -Mit\u00e4 vuokraa -Miss\u00e4 -Hinta -Varauskalenteri Vuokraus: \u2013\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 Ohjeistus vuokraamiseen \u2013\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 Koneen haku \/ palautusajat\u00a0 (mahdollisesti) Infoa koneesta: \u2013\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 Yleiset tiedot (merkki\/ malli, rajoitukset esim paino) \u2013\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 Tekniset tiedot \u2013\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 K\u00e4ytt\u00f6ohjeet Valmistaja: \u2013\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 Firman nimi Tarvittavat kuvat ja logot Tein itse \u201dlogon\u201d asiakkaan nettisivulle. Muita logoja sivulle ei tule. Otsake kuvan otin ilmaisesta kuva pankista. Loput tarvittavat kuvat kysyn asiakkaalta itselt\u00e4\u00e4n. Linkitys Sivustolle ei tule linkityksi\u00e4 muille sivustoille tai someihin \u00a0 -Toteutussuunnitelma & leiskasuunnitelma 2- \u00a0 Tietokone: Otsake: 1920px\u00a0 x\u00a0 366px Navi: 1920px\u00a0 x\u00a0 64px Margin: 370px\u00a0 x\u00a0 600px Section: 1180px\u00a0 x\u00a0 600px Logo: 680px\u00a0 x\u00a0 105px \u00a0 Tabletti Vaaka Otsake: 1025px\u00a0 x\u00a0 220px Navi: 1025px\u00a0 x\u00a0 47px Margin: 155px\u00a0 x\u00a0 440px Section: 715px\u00a0 x\u00a0 440px Logo:\u00a0 533px\u00a0 x\u00a0 76px \u00a0 Pysty: Otsake: 770px\u00a0 x\u00a0 200px Navi: 770px\u00a0 x\u00a0 55px Margin: 0px Section: 770px\u00a0 x\u00a0 720px Logo: 385px\u00a0 x\u00a0 62px \u00a0 Puhelin Otsake: 1244px\u00a0 x\u00a0 305px Navi: 1244px\u00a0 x\u00a0 105px Margin: 0px Section: 1244px\u00a0 x\u00a0 1703px Logo: 640px\u00a0 x\u00a0 90px \u00a0 Kuvien sijainti: Otsakekuva otsakkeeseen. Tarvittaessa tekstin sekaan kuvia. Kuvien koot: Otsake kuva: 1920px\u00a0 x\u00a0 366px Muut mahdolliset kuvat: 1280px\u00a0 x\u00a0 720px Tekstit: Otsikot: Times New Roman\u00a0 (koko 20pt) V\u00e4ri: musta Times New Roman Leip\u00e4teksti: Times New Roman (koko 21pt) V\u00e4ri: musta Times New Roman V\u00e4rit: \u2013\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 Valkoinen #FFFFFF (Navin v\u00e4ri sek\u00e4 sectionin v\u00e4ri) \u2013\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 Harmaa\u00a0\u00a0\u00a0 #B2B2B2 (Marginaalin v\u00e4ri) \u2013\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 Punainen\u00a0 #940100\u00a0 (Tehoste v\u00e4ri valikoissa) \u00a0 -Rakennesuunnitelma 2- \u00a0 Etusivulta l\u00f6ytyy: \u2013 Kuka vuokraa \u2013 Mit\u00e4 vuokraa \u2013 Miss\u00e4 \u2013 Hinta \u2013 Yhteystiedot Vuokraus: -Ohjeistus vuokraamiseen -Koneen haku \/ palautusajat (mahdollisesti) -Yhteystiedot toisen kerran Maksutavat: -Tieto mill\u00e4 kaikilla v\u00e4lineill\u00e4 maksun voi suorittaa -Tieto sovelluksista, joilla maksun voi suorittaa Infoa koneesta: -Yleiset tiedot (merkki\/ malli, rajoitukset esim paino) -Tekniset tiedot -K\u00e4ytt\u00f6ohjeet Valmistaja: -Firman nimi Tarvittavat kuvat ja logot \u00a0 Tein itse \u201dlogon\u201d asiakkaan nettisivulle. Muita logoja sivulle ei tule. Otsake kuvan otin ilmaisesta kuva pankista. Loput tarvittavat kuvat kysyn asiakkaalta itselt\u00e4\u00e4n. Linkitys \u00a0 Sivustolle ei tule linkityksi\u00e4 muille sivustoille tai someihin. -Itsearviointi- Opiskelija suunnittelee ja toteuttaa tilaajal\u00e4ht\u00f6isen verkkosivuston julkaisuj\u00e4rjestelm\u00e4ll\u00e4. 4, Asennan itsen\u00e4isesti julkaisuj\u00e4rjestelm\u00e4n tai k\u00e4yt\u00e4n valmista julkaisuj\u00e4rjestelm\u00e4\u00e4 tilaajal\u00e4ht\u00f6isen sivuston toteutuksessa. Valitsen toteutuksessa k\u00e4ytett\u00e4v\u00e4n tarkoitukseen soveltuvan sivupohjan ja muokkaan sen visuaalisesti tarkoituksenmukaiseks. Opiskelija tuottaa, muokkaa ja julkaisee verkkojakelukelpoista kuva-, teksti- ja videomateriaalia. 4, Tuotan, muokkaan ja julkaisen itsen\u00e4isesti verkkojakelukelpoista kuva-, teksti- ja videomateriaali. Optimoin itsen\u00e4isesti sivuston mediamateriaalit nopeasti latautuviksi. Opiskelija optimoi hakukonen\u00e4kyvyytt\u00e4 ja testaa sivuston toimivuutta. 3, Optimoin sivuston metatietoja ja hakusanoja tai hy\u00f6dynn\u00e4n niiss\u00e4 julkaisuj\u00e4rjestelm\u00e4n mahdollisuuksi. Testaan verkkosivuston toimivuutta ja latautumisaikoja eri k\u00e4ytt\u00f6ymp\u00e4rist\u00f6iss\u00e4. Opiskelija ty\u00f6skentelee tilaajal\u00e4ht\u00f6isesti ja huomioi toimintansa vaikutukset tuotannon kustannusten muodostumiseen. 5, Ty\u00f6skentelen j\u00e4rjestelm\u00e4llisesti tilaajal\u00e4ht\u00f6isesti. Toimin ja kommunikoin sujuvasti tilanteen edellytt\u00e4m\u00e4ll\u00e4 tavalla tilaajan ja asiakkaiden kanssa. Opiskelija dokumentoi ty\u00f6ns\u00e4 keskeisi\u00e4 vaiheita ja perustelee tekemi\u00e4\u00e4n ratkaisuja. 4, Dokumentoin j\u00e4rjestelm\u00e4llisesti ty\u00f6ni keskeiset vaiheet ja perustelen ratkaisujani sujuvasti. Kokoan ty\u00f6n\u00e4ytteit\u00e4 ammatillisesta osaamisestani. Opiskelija toimii vastuullisesti, oma-aloitteisesti sek\u00e4 kehitt\u00e4\u00e4 ja yll\u00e4pit\u00e4\u00e4 ammattiosaamistaan. \u00a05,\u00a0 Toimin vastuullisesti, yhteisty\u00f6kykyisesti ja oma-aloitteisest. Hy\u00f6dynn\u00e4n tarvittaessa muiden asiantuntemusta ratkaistessaan ty\u00f6teht\u00e4viens\u00e4 erityiskysymyksi\u00e4. Haen tietoa ty\u00f6ss\u00e4ni esiin tulleisiin ongelmiin ja uusiin osaamisalueisiin itsen\u00e4isesti. Arvioin omaa ty\u00f6skentely\u00e4ni ja oppimiskyky\u00e4ni realistisesti ja monipuolisesti. \u00a0<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-884","post","type-post","status-publish","format-standard","hentry","category-1"],"_links":{"self":[{"href":"https:\/\/viivitesti.kaomedia.net\/index.php\/wp-json\/wp\/v2\/posts\/884","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/viivitesti.kaomedia.net\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/viivitesti.kaomedia.net\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/viivitesti.kaomedia.net\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/viivitesti.kaomedia.net\/index.php\/wp-json\/wp\/v2\/comments?post=884"}],"version-history":[{"count":40,"href":"https:\/\/viivitesti.kaomedia.net\/index.php\/wp-json\/wp\/v2\/posts\/884\/revisions"}],"predecessor-version":[{"id":926,"href":"https:\/\/viivitesti.kaomedia.net\/index.php\/wp-json\/wp\/v2\/posts\/884\/revisions\/926"}],"wp:attachment":[{"href":"https:\/\/viivitesti.kaomedia.net\/index.php\/wp-json\/wp\/v2\/media?parent=884"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/viivitesti.kaomedia.net\/index.php\/wp-json\/wp\/v2\/categories?post=884"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/viivitesti.kaomedia.net\/index.php\/wp-json\/wp\/v2\/tags?post=884"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}