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
Isänpäivä lähestyy, onko lahja vielä etsinnässä? Lahjakortti hierontaan tai Kalevalaiseen jäsenkorjaukseen helposti netistä. Lue lisää: jumikamu.fi/isanpaivalahjakortit2024
Jumikamu
Äitienpäivä lähestyy – muista äitiä lahjakortilla hierontaan tai Kalevalaiseen jäsenkorjaukseen. Terveellinen ja arvostava valinta. Lisätietoa: jumikamu.fi/lahjakortti-aidille-2024.
Jumikamu
Hyvää uutta vuotta!
Jumikamu
Lahjakortin hierontaan ehtii tilaamaan sähköisesti vaikka vielä jouluaattona. Lue lisää osoitteesta jumikamu.fi/lahjakortit-ja-joulun-aukioloajat-2023
Sisältöhaitari
Alla on käytetty sisällön tiiviimpään esittämiseen sisältöhaitaria eli laajennuspaneelia.
Mikä sisältöhaitari on?
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
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.
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.