Bouw een testwebsite in 3 eenvoudige stappen | WCFV
door McDonald. T / bijgewerkt 28 November 2018
het bouwen van een website kan ontmoedigend lijken als u nieuw bent in webdesign. De waarheid is, echter, dat het bouwen van uw eigen test website is zo gemakkelijk het zal u in verlegenheid brengen! Je hebt alleen het juiste gereedschap nodig om het werk te doen. Beugels en xampp kunnen worden gebruikt op Mac, Windows of Linux, maar in deze blog zal ik me richten op Mac.
Wat is een testwebsite?
een testsite is een site die u kunt maken zonder een server of webhost nodig te hebben. U kunt de test site allemaal op uw eigen computer en spelen rond met het totdat u tevreden bent met het. Dit is echt een goede manier om HTML5 en PHP te leren in een veilige omgeving.
1) Installeer haakjes
haakjes is een editor waarmee u bestanden kunt coderen en testen. Beugels is eenvoudig te gebruiken en heeft een handige kleine functie, genaamd live view, die u toelaat om de code te bekijken in een webbrowser zoals het eruit zou zien als een webpagina. Met andere woorden, het vertaalt de code in een webpagina. Brackets is vrije en open source software die een kleurenschema in uw broncode gebruikt terwijl u het schrijft.
downloaden van http://brackets.io/
2) installeer xampp-vm
Xampp-vm is een eenvoudig te gebruiken applicatie die een virtuele server creëert om mee te spelen en het is eenvoudig te installeren. Met xampp-vm creëer je in een mum van tijd prachtige websites. Xampp wordt geleverd met een database, php, Perl en Apache.
downloaden van https://www.apachefriends.org/index.html
3) haakjes Instellen om php-bestanden
haakjes instellen met xampp-vm om php-bestanden te bekijken is eenvoudiger dan de meeste mensen denken. Na de installatie start u xampp-vm en klikt u op start op het tabblad Algemeen en vervolgens op start alles op het tabblad services. Zodra dit is gedaan, selecteert u een poort om te gebruiken en klikt u op Inschakelen op het tabblad Netwerk. Ga nu naar het tabblad volumes en klik op mount. Er verschijnt een schijfvolume op uw bureaublad met de naam lampp: open het. Zoek naar 'htdocs' eenmaal geopend. 'htdocs' is de map die u nodig hebt om de bestanden op te slaan voor uw test website. Daarnaast is het goed om een nieuwe map aan te maken in 'htdocs' met een verstandige naam zoals 'MyWeb'. De map 'MyWeb' is nu de plek om alle nieuwe bestanden voor de testwebsite te bewaren.
open nu haakjes en ga naar Bestand > Open map. Zoek in de zijbalk van het menu naar een volume onder shared dat lijkt op een IP-adres (een reeks getallen en puntjes) en klik erop. Het moet een map genaamd lampp bevatten: open het. Open nu de htdocs map en selecteer (één klik) de map MyWeb en open het met behulp van de 'Open' knop aan de onderkant van het venster. Ga tenslotte naar Bestand > projectinstellingen en plak in http://localhost:8080/MyWeb/ en klik op Gereed. Nu wanneer u een php-bestand te schrijven en veilig op deze locatie zul je in staat zijn om de live view tussen haakjes te gebruiken. De knop voor live view bevindt zich rechtsboven en ziet eruit als zijwaartse bliksem. Zet nu apache aan, als je een Mac hebt, typ 'sudo apachectl start' in Terminal en druk op enter voer dan uw wachtwoord in en druk op enter. Dat is het! U bent helemaal klaar om een test webpagina te maken. Als u apache wilt testen, typt u localhost in de browserbalk en drukt u op enter. Je zou 'het werkt' in de browser viewport moeten zien.