Mallisivusto - yhden sivun malli

Lainapyörien parkki hollantilaisessa puistossa.
Valkoisia pilviä sinisellä taivaalla.
Kapea tie talojen välissä vanhassa Porvoossa.
Polku puukujan keskellä.
Rantakukka ja taustalla kaislaa järven rannalla auringon laskiessa
Vanhan Porvoon punaisia aittoja veden äärellä.
Lila lumpeen kukka keskellä lehtiä ja kuvaa.
  • Esittely ja perustiedot
  • Ajankohtaiset & uutiset
  • Sisältöhaitari
  • Kuvagalleria

Esittely ja perustietoja

Tämä sivusto on esimerkki yhden sivun mallista. Kaikki tieto on samalla sivulla kävijän helposti löydettävissä. Tämä sivusto sopii tilanteisiin, jossa sisältöä eli tekstiä ja kuvia ei ole kovin suuria määriä. Esimerkiksi, kun sivustolla on tarkoitus kertoa tiiviisti oman yrityksen toiminta, palvelut, sijainti, aukioloajat, yhteydenottokeinot ja muut keskeiset tiedot.

Sivun navigaatio

Sivun yläosaan on tehty navigaatio, jonka kautta kävijä löytää keskeisimmät tiedot helposti eri kohdista sivua. Sivun alussa kannattaa esitellä verkkosivuston tärkeimmät tiedot, linkit, nostot, yms.

Tähän on lisätty testauksen vuoksi linkki Artikkelit ja sivut sivustomalliin.

Ajankohtaiset ja uutiset

Seuraa meitä facebookissa ja olet aina perillä, mitä seuraavaksi tapahtuu. Alla viimeisimmät julkaisut.

Jumikamu

Jumikamu

1 week 4 days ago

Hyvää juhannusta!

Avaa Facebookissa
Share
Jumikamu

Jumikamu

1 month 3 weeks ago

Äitienpäivä lähestyy – muista äitiä lahjakortilla hierontaan tai Kalevalaiseen jäsenkorjaukseen. jumikamu.fi/lahjakortti-hierontaan-aidille-2025.

Avaa Facebookissa
Share
Jumikamu

Jumikamu

6 months 2 weeks ago

Vielä ehtii hyvin tilaamaan jouluksi lahjakortin hierontaan tai Kalevalaiseen jäsenkorjaukseen. Toimitus sähköpostiin jopa jouluaattona. Lue lisää: jumikamu.fi/lahjakortit-ja-joulun-aukioloajat-2024

Avaa Facebookissa
Share
Jumikamu

Jumikamu

8 months 1 week ago

Isänpäivä lähestyy, onko lahja vielä etsinnässä? Lahjakortti hierontaan tai Kalevalaiseen jäsenkorjaukseen helposti netistä. Lue lisää: jumikamu.fi/isanpaivalahjakortit2024

Avaa Facebookissa
Share

Sisältöhaitari

Alla on käytetty sisällön tiiviimpään esittämiseen sisältöhaitaria eli laajennuspaneelia.

Mikä sisältöhaitari on?

Vanha kirkkovene suokatoksessa.

Haitari, sisältöhaitari, laajennuspaneeli. Rakkaalla lapsella on taas kerran monta nimeä. Haitari on näppärä tapa tiivistää sivun sisältöä. Sen käyttö edellyttää kuitenkin hyvää otsikointia. Eikä haitareihin yleensä kannata sisällyttää kaikkein keskeisintä sisältöä ellei sitä ole paljon ja sen pystyy otsikoinnilla jaottelemaan hyvin.

Milloin sisältöhaitaria kannattaa käyttää?

Oikein käytettynä sisältöhaitarin nostaa näkyviin otsikot, joiden perusteella sivulla kävijä löytää helposti tarvitsemansa tiedon, ilman, että hänen tarvitsee seloa pitkää tekstiä. Kannattaa kuitenkin käyttää harkintaa, toteuttaako sisällön normaalina tekstinä hyvällä väliotsikoinnilla vai siirtääkö sisällön sisältöhaitarin sisälle.

Lisäksi yksittäiseen haitaririviin pitää olla tarpeeksi sisältöä. Jos asiasisältö on kaksi lausetta, se kannattaa ennemmin lisätä ihan tavallisena sisältönä ja käyttää väliotsikkoa.

Tietosuoja

Tämä on seuraava laajennuspaneelin eli sisältöhaitarin rivi.

Yhden sivun mallissa esimerkiksi tietosuoja voisi olla sisältöhaitariin sisällytettynä.

Malliotsikko, taso 4

Fusce congue erat nisl. Quisque volutpat congue mauris, at pharetra magna elementum tristique. Duis commodo tellus vitae dolor ornare, ut fermentum diam convallis. Curabitur malesuada lectus in elit tristique ullamcorper. Suspendisse potenti. Morbi laoreet interdum tempus. Ut scelerisque sodales justo. Vivamus quis rutrum nulla. Ut dictum finibus felis auctor elementum.

Curabitur sed augue erat. Sed ultricies id ante id fermentum. Praesent convallis dapibus eleifend. Fusce condimentum arcu in sapien tempus efficitur. Nulla ut diam et ante dapibus varius in eget augue. Integer aliquet, felis eu bibendum malesuada, tellus sapien sollicitudin elit, vitae ultrices sem leo quis ipsum.

3. rivin otsikko

Enintään kahden istuttava koristeellinen vanha reki.

Nunc nec congue ex. Proin id augue quis magna laoreet blandit. Ut cursus enim faucibus dolor vulputate lobortis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam interdum dolor eget arcu faucibus, vitae iaculis urna auctor.

Nulla sed dapibus augue. Etiam mi dolor, ultrices ac congue vel, pellentesque in turpis. Duis in erat efficitur, consectetur neque sodales, ultricies tellus. Nulla facilisi. Vestibulum scelerisque mollis nulla, nec efficitur ipsum dictum ut. Sed eu nisi gravida, aliquet lorem a, faucibus risus. Donec euismod, ipsum a pulvinar bibendum, dolor sem convallis lorem, id interdum quam ipsum ac justo. Integer pulvinar et orci nec dapibus.

Morbi sit amet ipsum mattis, aliquet quam gravida, consectetur dolor. Curabitur tristique, ante a mollis egestas, enim massa lobortis ipsum, ac consequat libero dolor eget mauris. Praesent non pulvinar enim.

Ut bibendum pretium est sit amet consectetur. Morbi ac tellus eros. Etiam ultricies sollicitudin mi, sed accumsan leo dapibus eu. Nunc dignissim odio nec molestie egestas. Praesent facilisis, est at congue dapibus, arcu enim tempor leo, sit amet tempus diam elit cursus felis. Suspendisse vitae pretium velit.

Malliotsikko, taso 2

Pellentesque eget purus pellentesque, blandit augue ut, efficitur orci. Sed auctor ex vitae aliquam dictum. Phasellus iaculis purus tempus velit condimentum, non tempus erat porta. Aenean gravida augue eu tempor sodales. Maecenas quis nunc lectus. Proin leo justo, vulputate eu justo vitae, ullamcorper posuere risus. Aenean porttitor, lectus et iaculis vulputate, magna sapien bibendum sem, a luctus lacus erat in elit.

Pellentesque feugiat metus in orci commodo tempus. Sed arcu libero, auctor nec tristique nec, consectetur ut nibh. Integer vitae luctus purus. Pellentesque quis dui ut nisi vestibulum porttitor eleifend non arcu.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent ultrices nunc vel massa placerat fringilla. Cras porta commodo commodo. Etiam faucibus a felis eget fringilla. Nullam euismod erat sem, eget tempor est vehicula non.

”Tämä on esimerkki lainauksesta, jonka taustaväri on määritelty itse. Teksti on keskitetty, mutta muuten teksin muotoilut ovat oletusasetuksilla.”

Kuvagalleria

Tässä on esimerkki kuvagalleriasta. Kuville voi lisätä tarvittaessa kuvatekstin.

Kesäinen kuva vanhasta, pienestä navetasta
Valkoiset polkupyörät puiden välissä. Edessä näkyy hiekkapolku ja lampi.
Mustarastas istuu lyhyellä männynoksalla.
Loppukesän auringon lasku. Taivas ja järvimaisema hehkuu oranssin sävyissä.
Vanhat, katetut, hevosvetoiset, mustat kärryt.
Vanha höyrykone pajalla.
Lähikuva haalean vaaleanpunaisen pionin kukasta.
Lähikuva puisesta vanhasta tuolista. Takana metalliastioita ja hirsiseinä.
Tummanruskea hevonen tarkastelee valokuvaajaansa

Malliotsikko, taso 2

Nulla facilisi. Sed placerat, purus quis semper vehicula, elit metus fermentum sem, nec accumsan orci lacus id enim. Morbi non felis sed quam aliquet aliquet et non leo. Ut condimentum, sapien et consectetur dignissim, eros elit dignissim odio, et feugiat arcu neque non risus. Duis molestie ipsum sed leo sollicitudin cursus. Morbi semper nulla sed erat facilisis volutpat. Aenean quis sodales dolor. Cras nec est tristique mauris dictum semper.

Malliotsikko, taso 3

Phasellus interdum, erat a dapibus consectetur, ante eros scelerisque augue, nec facilisis libero sem sed neque. Aliquam pharetra luctus tortor eget rutrum. Nullam ut turpis risus. Aenean non feugiat est, at condimentum urna. Interdum et malesuada fames ac ante ipsum primis in faucibus.

Suspendisse sed congue diam, id lacinia nisl. Aliquam dictum nunc nisi. Etiam porttitor, tortor nec malesuada tristique, neque lectus elementum arcu, at auctor nulla ante sed tellus.

Footer

Yhden sivun malli

Created by IT-tupa Oy

 

Yhteystiedot

sähköpostiosoite

000 123 4567