Websuunnittelijan työkalupakki muistitikulla osa 3/3

Aiemmissa blogikirjoituksissa kävin läpi vaiheet 1 ja 2. Ensimmäisessä osassa asensin tikulle Portableappsin. Toisessa osassa asensin XAMPPin eli mm webpalvelimen ja tietokantaohjelman MySQL .Nyt kaikki on valmista käyttöä varten.

Kun tikku on kiinni koneessa, löytyy Portableappsin Start -kuvake muistitikun juuresta. Sitä napsauttamalla käynnistyy Portableapps ja pääset käsiksi siihen asennettuihin ohjelmiin.

kuva21

Kun Portableapps on käynnissä, näkyy se näytön oikeassa alakulmassa. Napsauta sieltä painiketta XAMPP Control Panel.

kuva22

Painikkeen napsautus käynnistää MYSQL:n ja webpalvelimen (Apache).

kuva23

Tämän jälkeen voit käynnistää myös PortableAppsin Firefox -selaimen.

kuva25

Surffaa osoitteeseen localhost ja näet kuinka asennus on onnistunut.

kuva26

Tämän jälkeen webpalvelin on valmis. Voit testata tekemällä sinne HTML-tiedoston. Avaa Notepad++, jonka olet asentanut PortableAppsiin.

kuva31

Kirjoita sinne lyhyt HTML-tiedosto.

<!DOCTYPE html>
<html lang=”fi”>
    <head>
        <meta charset=”utf-8″>
        <title>Hello World</title>
    </head>
    <body>
        <h1>Hello World</h1>
        
    </body>
</html>

Tallenna se kansioon xampp – htdocs nimellä hello.htm. Napsauta sen jälkeen välilehteä Suorita ja valitse “Launch in Firefox”.

kuva33

Ja siellä se sivu näkyy selaimen kautta.

kuva34

Sama tiedosto näkyy palvelimen kautta, kun osoitteeksi kirjoittaa http://localhost/hello.htm

kuva35

 

 

 

Facebooktwitterredditpinterestlinkedinmail

Leave a comment