Voorbereiden computer voor local server (2013)

1. Voorbereiden computer voor local server (2013)

2. Een Windows PC aanpassen om als lokale WordPress webserver te dienen. De stappen: • Een handige browser installeren (Chrome) • Het bestandsysteem optimaliseren: • Verborgen bestanden zichtbaar maken • Bestand-extensies zichtbaar maken • Checken of er al een webserver aanwezig is en evt. uitschakelen • XAMPP installeren om van de computer een locale webserver te maken • De onderdelen van XAMPP aanpassen • De Filezilla Server gereed maken • De Filezilla Client installeren • Een database maken • WordPress downloaden en installeren • Paint.net installeren als beeldbewerkingsprogramma. • Notepad++ installeren.

3. Een handige browser installeren (Chrome) • Chrome is de meest handige browser voor websitebouwers • Vooral omdat er veel handige uitbreidingen zijn die makkelijk te installeren en te gebruiken zijn • Chrome is snel bovendien. • Overigens moet je een site altijd testen met een veelvoud van Browsers, zowel voor PC, Linux als Mac. • Bovendien dienen moderne site ‘responsive’ te zijn, d.w.z. zich automatisch aan te kunnen passen aan allerlei verschillende schermmaten van tablets en smart phones. (De uitdaging van deze tijd!)

4. Het bestandsysteem optimaliseren:1. Verborgen bestanden zichtbaar maken • Sommige bestanden en mappen op je computer zijn verborgen. De gewone gebruiker moet eraf blijven. • Maar als je een webserver op je computer gaat zetten ben je geen gewone gebruiker meer. • Bovendien maken Content Management Systemen gebruik van onzichtbare bestanden. • Volg de instructie voor jouw systeem om verborgen bestanden zichtbaar te maken.

5. Het bestandsysteem optimaliseren:2. Bestand-extensies zichtbaar maken • Windows toont standaard niet de bestand-extensies van bestanden. • Dat is ook niet zo nodig omdat je meestal aan het pictogram kan zien om wat voor bestand het gaat. • Bij websites maken is dat vaak lastig. Zichtbaar maken dus: • Volg de instructie voor jouw systeem om bestand-extensies zichtbaar te maken.

6. Checken of er al een webserver aanwezig is en eventueel uitschakelen • In sommige versies van Windows is IIS (Internet Information Services) geïnstalleerd. • IIS is de Webserver van Microsoft. • Op zich zou je daar WordPress mee kunnen draaien. Maar dat is wat complex. • IIS kan daarom beter uitgeschakeld worden, omdat we een andere webserver gaan gebruiken en er dan twee (verschillende) zouden hebben. Dat kan, maar is niet aan te bevelen. • Start Chrome en type in de adresbalklocalhosten/of het ip-adres van localhost: 127.0.0.1 • Volg de instructie voor jouw systeem om IIS te verwijderen als je een (IIS-) pagina te zien krijgt. • Later meer over hosting Belangrijk! De server op je eigen computer heet altijd localhost. En het ip-adres ervan is meestal 127.0.0.1

7. XAMPP installeren om van de computer een lokale webserver te maken (1) • Wat is een webserver? • Een webserver reageert op een verzoek van een andere computer om een webpagina te laten zien door: • De pagina op te zoeken en naar de vragende computer te sturen (de pagina staat op de computer van de webserver) • De pagina te makenen naar de vragende computer te sturen (de pagina wordt op basis van gegevens op de computer van de webserver in elkaar gezet door een Content Management Systeem zoals bijv. WordPress) • Het woord Webserver wordt vaak op meer manieren gebruikt: • soms wordt het hele computersysteem van de leverancier van de pagina zo genoemd • Soms wordt alleen de samenhangende software van dat systeem zo genoemd • Soms wordt alleen de specifieke verzendsoftware (zoals IIS in Windows, of Apache in ons geval) zo genoemd

8. XAMPP installeren om van de computer een lokale webserver te maken (2) • XAMPP is de verzameling softwareonderdelen waarmee je een webserver van je computer kunt maken. • Er zijn meer van dit soort bundels, bijvoorbeeld: • WAMP (voor Windows) • LAMP (voor Linux) • MAMP (voor Mac) • XAMPP bestaat uit versies voor alle drie de besturingssystemen • AMP is de afkorting voor • Apache • MySql • PHP • De tweede P staat voor Perl

9. XAMPP installeren om van de computer een lokale webserver te maken (3) • Apache is de echte webserver software; Apache zorgt ervoor dat opgevraagde pagina’s naar je browser worden gezonden. • MySQL is een database systeem. Hier worden alle gegevens van je site bewaard in databasetabellen. • PHP is een programmeertaal die in staat is opdrachten uit te voeren die door bijvoorbeeld een CMS (Content Management Systeem) als WordPress worden verzonden • XAMPP bevat verder • Perl (ook een programmeer taal) (de tweede P), die verder niet gebruikt wordt door WordPress • Een FTP Server (File Transfer Protocol) Filezillagenaamd • Als je op je eigen computer een FTP-programma (client) hebt, kun je via FTP bestanden overbrengen van je eigen computer naar de webserver en omgekeerd. • En nog meer software, die er niet toe doet in ons geval

10. XAMPP installeren om van de computer een lokale webserver te maken (4) Waarom maken we een lokale webserver? • Om te oefenen • En omdat je nooit met een live-website moet experimenteren • En je er verstandig aan doet altijd eerst je website lokaal te maken en dan later over te zetten op internet • Er per hosting provider (waar je site komt te staan) vaak nogal verschillen zitten in de installatie.

11. XAMPP installeren om van de computer een lokale webserver te maken (5) • Zoek met google de site van apache friends:

12. XAMPP installeren om van de computer een lokale webserver te maken (6) • Scroll naar beneden tot XAMPP PHP 5.4 en download de installer