[Turun yliopisto, digitaalinen kulttuuri]

Yleistä | Kurssiohjelma | Linkit

Verkkosivustojen suunnittelun perusteet: projektin sivujen sisältökartta, esimerkkejä

Sivuston nimi ja osoite

Yhdistys xx:n esittelysivusto

Mahdollinen hakemistorakenne

Alasivut

Sivun nimi ja osoite

Yhdistys xx, Etusivu (index.html)

Sisältö

Kerrotaan, millaisesta yhdistyksestä on kyse ja esitellään sivustokokonaisuus

Visualisointi

(tarvittavat värit, kuvat, grafiikka ja sommittelu)
Logot
Navigointipalkki (ylhäällä)
Organisaation henkilöstön yhteiskuva

Linkitys

(mistä linkit tänne, mihin linkit)
<Hakukoneet, kaupungin sivut jne.
<Kaikkialta alasivuilta
>Historia (historia/index.html)
>Ohjeet (ohjeet/sivukartta.html, ohjeet/haku.html, ohjeet/hakemisto.html)
>Työntekijät (tyontekijat/index.html)
>Uutiset (uutiset/index.html)
>Historia (historia/index.html

Sivun nimi ja osoite

Yhdistys xx, historia (historia/index.html)

Sisältö

Tietoja yhdistyksen ja sen edeltäjien vaiheista 1600-luvulta nykypäivään, myös linjausta tulevaisuuteen. Pääsivulla lyhyt teksti ja linkit tarkemmin vaiheita kuvaileviin alasivuihin.

Visualisointi

(tarvittavat värit, kuvat, grafiikka ja sommittelu)
Logot Navigointipalkki (ylhäällä) Kuva yhdistyksen perustamiskokouksesta

Linkitys

(mistä linkit tänne, mihin linkit)
<Etusivu, alemmat pääsivut (navigointipalkki) >Muut alemmat pääsivut (naviointipalkki) >Omat alasivut: ennen1800.html, 1800.html, 1900.html, 2000.html
> Mieti, mitä rakenteet toistuvat sivulta toiselle. Millaisia valmiita sivupohjia voi laatia? Kannattaako sivusto jakaa kehyksiin ja/tai koota yksittäiset sivut osista, jolloin esim. sivun alku ja loppu sijaitsevat varsinaisesta pääsisällöistä erillisissä tiedostoissa, ulkoasumääritykset erillisessä tyylitiedostossa jne)