HUOM! Voit itse lisätä ja muuttaa sisältöä muokkaa-painikkeiden avulla

 Olet itse vastuussa tämän teoksen käytöstä aiheutuvista vahingoista Lue lisää.

Kotisivut

Kohteesta Wikikko - kansan taitopankki
Loikkaa: valikkoon, hakuun

Johdanto[muokkaa]

Kotisivu on kenen tahansa ylläpitämä verkkosivu, jossa monesti kerrotaan omista mielenkiinnoista tai muusta itseensä liittyvästä. Myös yrityksillä voi olla kotisivuja.

Kotisivujen tekeminen[muokkaa]

Verkkosivuja voi tehdä nykyään useilla Yksi tapa on luoda sivut graafisesti jossain palvelussa, toinen tapa on koodata ne itse HTML:ää käyttäen. Valmiita sivuntekopalveluita ovat mm. Google Sites ja Suntuubi. Jos taas haluaa vapaamman mallin kotisivun, voi koodata sen itse ja joko pystyttää oman palvelimen kotiinsa tai hankkia valmiin palvelimen internetistä. Valmiita "hosteja" tarjoavat esimerkiksi maksullinen Waltsu Hosting ja ilmainen Arkku.net. Useasti myös internet-palveluntarjoajat tarjoavat ilmaisen nettisivutilan. Kysy ihmeessä!

Koodaaminen[muokkaa]

Koodaamisen opetteleminen ei ole vaikeaa. Voit etsiä vaikkapa valmiin ohjeen netistä (esimerkkinä Sivut.org:in HTML-opas tai englanninkielinen ja hyvin laaja W3-schools-sivusto).

<html>
   <head>
      <title> Sivuston otsikko </title>
   </head>

    <body>
        <table border="1" width="500" align="center">
            <tr>
                 <td>
                     <h2> Eetu Esimerkin kotisivu </h2>
                     Hei, olen Eetu Esimerkki ja tämä on minun
                     kotisivuni. <br> <br>
                     <b> Yhteystiedot: </b>
                     E-Mail: <a href="mailto:eetu.esimerkki@koomail.fi">eetu.esimerkki[at]koomail.fi</a> <br>
                     Puh: 06-12312312 <br>
                     <br> Viihdy sivustollani! <br>
                 </td>
            </tr>
        </table>
    </body>
 </html>

Koodissa määritellään ensin HEAD -osio, jonka sisällä määritellään sivuston välilehdessäkin näkyvä otsikko. TABLE-, TR- ja TD-tageilla luodaan "laatikko" eli taulukko sivulle. H2-tagi tekee isomman "otsikkotekstin". BR-tagilla saadaan aikaan rivinvaihto, B-tagi luo tummennettua tekstiä ja A-tagilla saadaan aikaan linkki. Lue ihmeessä lisää jostain oppaasta.

Liitä edellinen koodi Muistioon, ja tallenna esimerkiksi nimellä index.html ja avaa se sitten internet-selaimellasi. Sivun voit nähdä oikeasti täällä. Netistä löytyy myös valmiita sivupohjia, joten siitä vain Googleen kurkkimaan!

Uudelleenohjaus[muokkaa]

Oheisen koodin kun asentaa esim. index.html -tiedostoon, se ohjaa halutuun osoitteeseen. content=" jälkeen oleva numero ilmoittaa sekunnit ennen kuin ohjaus tapahtuu.

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="refresh" content="1;http://osoite/">
</head>
<body>
</body>
</html>

Salasanalla suojaus[muokkaa]

  1. Pääte-ohjelmassa anna komento: htpasswd -nb käyttäjätunnus salasana
  2. Vastauksena tuleva rivi tallenna tiedostonimelle .htpasswd ja tallenna se hakemistoon, jonka haluat suojata
  3. Tallenna seuraavat rivit tiedostonimelle .htaccess samaan hakemistoon
AuthType Basic
AuthName "Suojattu kotisivualue"
AuthUserFile /home/jotain/public_html/hakemisto/.htpasswd
require valid-user
  • Aseta tiedostojen oikeus 644
  • Jos saat virheilmoituksen 500 Internal Server Error on todennäköisintä että et ole määritellyt polkua oikein. cPanel:ssa esimerkiksi polku näkyy editorin yläosassa kohdassa Editing
    • Polun voi myös tekemällä tiedoston <?php echo dirname(__FILE__); ?> ja tallentamalla sen kyseiseen kansioon ja pyytämällä tiedostoa selaimessa.
  • Jos selain pyytää vain uudestaan ja uudestaan tunnistautumaan, kokeile seuraavia. Sammuta selain ja käynnistä uudelleen, tyhjennä selaimen välimuisti, kokeile toisella selaimella, tee salasana uudestaan, tarkista että oikeudet ovat 644