McDonald. T / päivitetty 28.11.2018
verkkosivuston rakentaminen voi tuntua pelottavalta, jos olet uusi web-suunnittelussa. Totuus on kuitenkin se, että Oman testisivuston rakentaminen on niin helppoa, että se nolaa sinut! Siihen tarvitaan vain oikeat työkalut. Suluissa ja xampp voidaan käyttää Mac, Windows tai Linux, mutta tässä blogissa aion keskittyä Mac.
mikä on testisivusto?
testisivusto on sivusto, jonka voi luoda ilman palvelinta tai verkkoisäntää. Voit luoda testisivuston kokonaan omalla tietokoneellasi ja leikkiä sen kanssa, kunnes olet tyytyväinen siihen. Tämä on todella hyvä tapa oppia HTML5 ja PHP turvallisessa ympäristössä.
1) Asenna suluissa
suluissa on editori, jonka avulla voit koodata ja testata tiedostoja. Suluissa on helppokäyttöinen ja siinä on näppärä pieni ominaisuus, nimeltään live view, jonka avulla voit tarkastella koodia verkkoselaimessa kuin se näyttäisi verkkosivulta. Toisin sanoen, se kääntää koodin verkkosivun. Suluissa on ilmainen ja avoimen lähdekoodin ohjelmisto, joka käyttää värimaailmaa lähdekoodissasi kirjoittaessasi sitä.
kustannus: ilmainen
Download http://brackets.io/
2) Install xampp-vm
Xampp-vm on helppokäyttöinen sovellus, joka luo virtuaalipalvelimen, jolla voi pelata ja joka on helppo asentaa. XAMPP-vm: n avulla luot kauniita verkkosivustoja hetkessä. Xamppin mukana tulee tietokanta, php, Perl ja Apache.
kustannus: ilmainen
Lataa https://www.apachefriends.org/index.html
asennusopas
3) Aseta suluissa tarkastella php tiedostoja
asettaminen suluissa XAMPP-vm katsella PHP-tiedostoja on helpompaa kuin useimmat ihmiset ajattelevat. Asennuksen jälkeen Käynnistä xampp-vm ja valitse Käynnistä yleiset-välilehdeltä ja valitse Käynnistä Kaikki palvelut-välilehdeltä. Kun tämä on tehty, valitse käytettävä portti ja valitse Verkko-välilehdestä Ota käyttöön. Nyt olet suorittanut tämän, siirry volyymit-välilehdelle ja napsauta mount. Levymäärä ilmestyy työpöydälle nimeltään lampp: avaa se. Etsi ’htdocs’ kun avattu. ’htdocs’ on kansio, joka sinun täytyy tallentaa tiedostot testisivustollesi. Lisäksi on hyvä luoda uusi kansio ’htdocs’, jolla on järkevä nimi, kuten’MyWeb’. ”MyWeb” – kansio on nyt paikka säilyttää kaikki uudet tiedostot testin verkkosivuilla.
avaa sulut ja siirry tiedostoon > Avaa kansio. Valikosta sivupalkista etsi jaetun volyymin, jolla on IP-osoite (numeroiden ja pisteiden muodostama jono), ja klikkaa sitä. Sen pitäisi sisältää yksi kansio nimeltä lampp: avaa se. Nyt avaa htdocs-kansio ja valitse (yhdellä napsautuksella) MyWeb-kansio ja avaa se käyttämällä ’Avaa’ painiketta alareunassa ikkunan. Valitse lopuksi tiedosto > projektin asetukset ja liitä numeroon http://localhost:8080/MyWeb/ ja valitse Valmis. Nyt kun kirjoitat php-tiedoston ja turvallinen se tähän paikkaan voit käyttää live näkymä suluissa. Nappi live view on oikeassa yläkulmassa ja näyttää sivuttain salama. Nyt päälle apache, jos sinulla on Mac, Kirjoita ’sudo apachectl start’ terminaalissa ja paina enter kirjoita salasana ja paina enter. Nyt riitti! Olet valmis luomaan testin verkkosivun. Jos haluat testata Apachea, Kirjoita localhost selainpalkkiin ja paina enter-näppäintä. Sinun pitäisi nähdä ’se toimii’ selaimen näkymäikkunassa.
perustamisopas