Home-theater-designers
U wilt een website bouwen, maar weet niet waar te beginnen?
Het lijkt erop dat het typische oefenterrein voor webontwikkeling ook het duurst is: koop een domein, hostserver, WordPress-account, thema, enz. Maar wat als u geen eigenaar van een klein bedrijf bent of een merk probeert op te bouwen? Wat als je gewoon probeert om webontwikkeling te leren, zonder rommel?
Lees verder om te leren hoe u uw eigen website kunt hosten, die u helemaal zelf of met kant-en-klare sjablonen kunt maken, op uw computer en gratis. Oh, daar hoort ook het hosten van je eigen WordPress-account bij!
XAMPP: een inleiding
Bitnami's XAMPP is 'een Apache-distributie die PHP en Perl bevat.' Voor onze doeleinden hoeven we alleen te begrijpen dat XAMPP een gratis, eenvoudig programma is waarmee gebruikers websites op hun pc kunnen hosten.
Hoewel het opzetten van een lokale server met XAMPP enigszins technisch is, is het proces ook vrij eenvoudig en ongecompliceerd. Als alles eenmaal is ingesteld, zult u merken dat het beheren en bewerken van websites een fluitje van een cent is.
Dan is er nog de kwestie van snelle en volledige controle. Als u XAMPP gebruikt om websites te maken en te bewerken, kunt u zo veel of zo weinig van een website veranderen als u wilt. Dat gezegd hebbende, met grote macht komt grote verantwoordelijkheid. U bent ook vatbaarder voor het verliezen van uw sites, vooral als u dat niet doet back-ups maken .
beste notitie-apps voor iPad
Als je echter een echt beginnerscursusproject in webdev wilt, is XAMPP iets voor jou. Dat omvat alle projecten met betrekking tot HTML, CSS, Javascript en meer!
XAMPP installeren
Ga naar de XAMPP website en download het pakket. Volg het standaard installatieproces. Nadat u XAMPP hebt gedownload, zou uw XAMPP-configuratiescherm automatisch moeten openen. Als dat niet het geval is, kunt u het XAMPP-programma op dezelfde manier vinden als elk ander (via zoeken in het menu Start).
In uw XAMPP-configuratiescherm zou u een eenvoudige lay-out moeten zien van welke XAMPP-processen worden uitgevoerd. Voor onze doeleinden zullen we ons concentreren op de eerste twee opties: Apache en MySQL.
Apache -- De belangrijkste crux van XAMPP, de Apache-optie, creëert een Apache-server op uw pc. Hiermee kunt u websites op uw pc uitvoeren en bewerken via webbrowsers, net zoals u dat met een website zou doen. Behalve natuurlijk dat deze website op uw pc draait, in tegenstelling tot een server die is verbonden met internet.
MySQL -- SQL zorgt voor communicatie tussen databases en websites, waardoor gebruikers e-mails, wachtwoorden en andere gegevensinvoer kunnen testen en opslaan. We gebruiken dit voor uw lokale WordPress-account.
druk de Begin knop in uw XAMPP-configuratiescherm onder Acties voor zowel Apache als MySQL. Wacht tot zowel Apache als MySQL groen zijn gemarkeerd onder uw modulesectie. Eenmaal ingeschakeld, bent u vrij om XAMPP te gebruiken.
Localhost en phpMyAdmin
Om ervoor te zorgen dat alles naar behoren werkt, opent u een webbrowser, voert u in http://localhost/ in je adresbalk en druk op Binnenkomen . U zou moeten worden doorgestuurd naar http://localhost/dashboard/ , wat de standaard XAMPP-pagina is.
Klik vervolgens op de phpMijnAdmin knop in het bovenste navigatiemenu. U wordt doorverwezen naar uw standaard phpMyAdmin-pagina.
Laat deze voor nu met rust, maar als beide werken, ben je klaar om websites te maken!
Websites maken met XAMPP
Nu komt het leuke gedeelte. Ga naar de XAMPP-map die zich in uw rootdrive-map bevindt ( C:xampp standaard). Ga dan naar htdocs . Dit is de belangrijkste website-repository die u zult gebruiken om websites te bekijken.
Voordat we een website maken en bewerken, heeft u een teksteditor nodig. Hoewel je een standaard teksteditor zoals Kladblok kunt gebruiken, is het meestal het beste om een externe editor te downloaden die speciaal is gemaakt voor code en markeringen. Sublieme tekst is een van de beste die er is, dus ga naar hun website en download de software om aan de slag te gaan.
Nu kunt u beginnen met het downloaden en installeren van websites in XAMPP. ik zal de gebruiken Rondrit sjabloon, maar u kunt elke gewenste sjabloon gebruiken. Download het zipbestand van de website en bewaar het op een locatie die u zich herinnert. Maak vervolgens een map in de htdocs-map van XAMPP voor uw website. Ik heb de mijne genoemd rondrit -- probeer je naam eenvoudig te houden. Pak vervolgens de inhoud van uw zipbestand uit en pak het uit in deze htdocs-map.
Zodra je de bestanden hebt uitgepakt, ga je naar de repository van je website in htdocs om er zeker van te zijn dat ze correct zijn uitgepakt.
Ga ten slotte naar uw webpagina in uw webbrowser. Jouw website , om zo te zeggen, is bereikbaar via de eerder genoemde localhost samen met de naam van de map met uw paginabestanden. Dit komt omdat websites in wezen bestanden zijn die zich in mappen bevinden, allemaal onder één domein- of rootnaam. Je bent al aan het leren!
Onze eerder gemaakte map heette roadtrip, dus het volledige siteadres is http://localhost/roadtrip .
U bent klaar! Nu kunt u beginnen met het lokaal bewerken van de website.
Websites bewerken
Open sublieme tekst. ga naar Bestand en selecteer Open folder . Zoek en selecteer uw webmap in de XAMPP-map. U kunt nu meerdere pagina's van dezelfde website bewerken in uw Sublime Text-editor.
Sublime Text biedt ook een geweldige interface waarmee u elk bestand en elke map van uw website kunt bekijken. Om wijzigingen op uw website aan te brengen, bewerkt u de code van uw website, slaat u deze op (met het toetsenbordcommando Ctrl + S ), en vernieuw uw website in de browser.
Het proces is eenvoudig en direct: bewerk de webpagina en controleer vervolgens of uw code werkt. Naarmate u vordert in uw webontwikkeling, zult u proberen om meer gecompliceerde functies in uw webpagina te integreren. Ongeacht het vaardigheidsniveau blijft het basisformaat om pagina's te bewerken echter hetzelfde.
WordPress gebruiken met XAMPP
Als u geen onbewerkte code wilt bewerken, of liever een vertrouwder inhoudbeheersysteem (CMS) gebruikt, biedt WordPress zijn fantastische webontwerphulpmiddel ook in een gebruiksvriendelijk ZIP-bestand! Om WordPress op XAMPP te installeren, ga naar de WordPress website en download de officiële applicatie.
Gebruik hetzelfde formaat om een website te maken zoals u eerder deed, met uw uitgepakte WordPress-map aanwezig in de htdoc-map in de map wordpress . Voor de duidelijkheid de mapnaam behouden.
phpMyAdmin gebruiken
Aangezien WordPress vereist dat u aanmeldingsgegevens maakt, moet u een vermelding maken in uw PHP-directory voor de webpagina. ga naar uw phpMyAdmin-pagina - http://localhost/phpmyadmin/ standaard -- om te beginnen.
Klik op deze pagina op Databases . Onder de Database maken parameter, voer in wordpress en dan hit Creëren . U zou een pop-up moeten zien die u vertelt dat de database is gemaakt. Sluit vervolgens dit browservenster en voer uw WordPress-map in de XAMPP htdocs-map in. Deze map moet de inhoud van uw uitgepakte WordPress-bestanden bevatten.
Inloggen configureren
We moeten de eigenlijke WordPress-website configureren, zodat u kunt inloggen en de site kunt gebruiken. Dit wordt gedaan via het hoofd PHP-configuratiebestand van WordPress. Zoek in uw WordPress-map het bestand met het label wp-config-sample.php , klik met de rechtermuisknop op het bestand, selecteer Bewerking (of Openen met voor een aparte teksteditor). Kladblok zou prima moeten werken.
Dit is de code waar we ons op zullen concentreren:
// ** MySQL settings - You can get this info from your web host ** //
/** The name of the database for WordPress */
define('DB_NAME', ' database_name_here ');
/** MySQL database username */
define('DB_USER', ' username_here ');
/** MySQL database password */
define('DB_PASSWORD', ' password_here ');
U moet drie wijzigingen aanbrengen in de bovenstaande code binnenin het aanhalingsteken.
database_naam_hier -- Verander deze parameter in wordpress . De website zal dan de eerder aangemaakte database in phpMyAdmin gebruiken die als zodanig is gelabeld.
gebruikersnaam_hier -- Verander dit in wortel . De root-gebruikersnaam beschikt standaard over de juiste beheerdersrechten, dus deze wordt toegestaan via phpMyAdmin. Andere gebruikersnamen werken niet tenzij ze de juiste machtigingen hebben.
wachtwoord_hier -- Verander dit in een gemakkelijk identificeerbaar wachtwoord. Als u liever geen wachtwoord gebruikt, verwijdert u de parameter.
Sla dit bestand op als wp-config.php -- in tegenstelling tot de vorige wp-config-sample.php -- en vertrek. Ga vervolgens naar het volgende localhost-adres: http://localhost/wordpress .
Ga verder met de installatie, inclusief het maken van uw WordPress gebruikersnaam en Wachtwoord . U kunt de gewenste waarden invoeren. Als u klaar bent met het invoeren van uw waarden, klikt u op de WordPress installeren knop om het proces te beëindigen. Zodra dat is gebeurd, logt u in op uw lokale WordPress met de gebruikersnaam en het wachtwoord op de vorige pagina.
U bent klaar! Nu kunt u naar hartenlust besteden aan het bewerken, wijzigen en maken van webpagina's, zowel vanaf het begin als via WordPress, offline en gratis !
hoe je iemand dmt op youtube
Webontwikkeling begint met een enkele pagina
Vroeger begon je net aan je webontwikkelingsreis. Nu hebt u een lokale server op uw pc gemaakt waarmee u in een opwelling webpagina's kunt maken, wijzigen en aanpassen. Het beste van alles is dat u volledig de controle heeft. Het enige dat u nog hoeft te doen, is beginnen met experimenteren, dus ga aan de slag!
Heb je besloten dat je al dit werk niet wilt doen? Probeer een van de beste gratis website-hostingservices in plaats daarvan.
Afbeeldingscredits: Dmitry Tishchenko/Shutterstock
Deel Deel Tweeten E-mail 6 hoorbare alternatieven: de beste gratis of goedkope audioboek-appsAls je geen zin hebt om voor audioboeken te betalen, zijn hier enkele geweldige apps waarmee je gratis en legaal naar ze kunt luisteren.
Lees volgende Gerelateerde onderwerpen- ramen
- Programmeren
- Wordpress
- Webontwikkeling
- Web hosting
- Webmasterhulpprogramma's
- Apache-server
- Web Server
Christian is een recente toevoeging aan de MakeUseOf-gemeenschap en een fervent lezer van alles, van dichte literatuur tot Calvin en Hobbes-strips. Zijn passie voor technologie wordt alleen geëvenaard door zijn wil en bereidheid om te helpen; als je vragen hebt over (meestal) iets, mail gerust!
Meer van Christian BonillaAbonneer op onze nieuwsbrief
Word lid van onze nieuwsbrief voor technische tips, recensies, gratis e-boeken en exclusieve deals!
Klik hier om je te abonneren