Juha Kiukas
juha@kiukas.fi
040 5510711
Omat kotisivut kurssimateriaalia varten
php -kieli
Yläpalkissa sijaitsevan Etusivu -linkin avulla pääset aina etusivulle. Oikeaan reunaan voidaan sijoittaa useampia linkkejä esimerkiksi muille sivustoille. Linkit on toteutettu ylapalkki.php -tiedostona.
Varsinainen valikkorivi sijaitsee vasemmassa reunassa. Valikon toteutus on 2-tasoinen siten, että kuhunkin valikkoon kuuluvat sivut sijaitsevat omassa hakemistossa esimerkiksi mysql -linkin avulla aukeavat sivut sijaitsevat mysql -hakemistossa. Alihakemistoa kuvat käytetään materiaalin kuvien tallettamiseen. Toteutus vasenpalkki.php -tiedostossa.
Jos linkkiin ei liity alivalikkoa niin sivu sijaitsee Sivut -hakemistossa.
Sivuilla pyritään käyttämään metallinharmaan, sinisen ja violetin väriyhdistelmiä:
- harmaa perusteksti ja vasemman palkin tausta: RGB(178,178,178)
- violetit otsikot (Heading1 ja Heading2): RGB(153,51,102)
- sininen apuväri esim. valikoissa; RGB(153,153,255)
Seuraavassa kuvassa on esitetty sivuston hakemistorakenne:
Seuraavassa on esitelty käyttöliitty,äm toteutuksessa käytetyt tiedostot:
- index.php: sivuston pääsivu. Käytännössä php -scripiti, joka "kokoaa" sivun
- listaus.php: php -tiedosto, joka hakee käyttäjän valitseman sivun
- config.php: php -tiedosto, jossa sivuston asetukset
- tyyli.css: tyylitiedosto
- error.php: php tiedosto, jota kutsutaan jos sivustoa ei löydy
Seuraavassa esitetaan oleellisimpien eli index.php ja listaus.pph koodi:
- index.php
- listaus.php
- kuvat: sivuston käyttöliittymän toteutuksessa käytetyt grafiikkatiedoston
- etusivu: kansio sisältää varsinaisen etusivun ja sen käyttöliittymän eli (ulkoasu -kansio)
- ulkoasu : kansio sisältää käyttöliittymän eli
--- header.php ---> sivun yläbanneri
--- ylapalkki.php ---> valikkorivi
--- vasenpalkki.php --> vasemman laidan navigaatio
--- oikeapalkki.php --> oikean laidan bannerit
--- footer.php ---> sivun alalaidan tunnistetiedot
Alivalikko toteutetaan siten että sille tehdään oma alikansio (esimerkiksi mysql), jonka alle sijoitetaan ulkoasu ja kuvat. Alivalikko toteutetaan vasenpalkki.php -tiedostossa. Alivalikon sivut talletetaan kyseiseen alikansioon.
Seuraavassa esimerkki valikon toteutuksesta:
- vasenpalkki.php
Sivusto käyttää seuraavia muuttujia:
- hakemisto: osoittaa hekmiston, josta sivua etsitään
- sivu: osoittaa .php sivun