Home-theater-designers
Wil je leren hoe je een eenvoudige website bouwt? Ooit begon je misschien met HTML, maar tegenwoordig is PHP de beste oplossing. Hoewel je enige kennis van HTML nodig hebt om aan de slag te gaan, is PHP de optimale keuze geworden voor het bouwen van websites, zowel statisch als dynamisch.
Om PHP te leren, kun je het beste beginnen met een eenvoudige PHP-website.
Waarom kiezen voor PHP voor websiteontwikkeling?
Er zijn in de loop der jaren verschillende mogelijkheden geweest voor webontwikkeling. Het begon met gewone HTML, daarna HTML met ingesloten CSS of een verwijzing naar een CSS-bestand. Toen dynamische websites op de markt kwamen, waren er twee hoofdkeuzes: ASP (later ASP.NET) en PHP.
Volgens cijfers (zoals deze W3Techs-enquête ) PHP is veel populairder: bijna 82 procent van de websites gebruikt het als programmeertaal aan de serverzijde. Vergelijk dit met iets minder dan 16 procent bij gebruik van ASP.NET.
Het lijkt onwaarschijnlijk dat ASP.NET na de officiële sluitingsdatum in 2022 in enige officiële hoedanigheid zal bestaan, althans niet als een webtechnologie. PHP (een recursief acroniem voor PHP Hypertext Preprocessor) is succesvoller gebleken, vooral dankzij de eenvoudigere integratie met Linux.
Aangezien het open-source besturingssysteem op de meeste webservers draait, zou dit niet als een verrassing moeten komen.
Wat je nodig hebt om een PHP-website te bouwen
Voordat u aan de slag gaat, moet u ervoor zorgen dat u een platte teksteditor of een PHP-ready ontwikkelomgeving hebt geïnstalleerd. U kunt beginnen met het coderen van PHP met een tool die zo eenvoudig is als Windows Kladblok. Voorbeelden in deze tutorial zijn geschreven in Notepad++.
U moet ook een PHP-webserver hebben om uw bestanden naar te uploaden. Dit kan een externe server zijn, of een lokale computer waarop een LAMP (Linux, Apache, MySQL, PHP) of WAMP (Windows, Apache, MySQL, PHP) omgeving is geïnstalleerd. Als je Windows gebruikt, volg dan dit WAMP-installatiegids starten.
Ten slotte heb je een FTP-programma nodig om je bestanden naar je webserver te uploaden.
Lees verder: Gratis FTP-clients voor Windows
Syntaxis begrijpen om een eenvoudige website te coderen met PHP
De basissyntaxis voor PHP gebruikt een reeks haakjes, waarbij elke functie eindigt met een puntkomma, zoals deze:
Wat webpagina's betreft, vertrouwt bijna elk gebruik van PHP op de echo-instructie. Dit geeft de browser de opdracht om de tekst en inhoud tussen de aanhalingstekens uit te voeren. Bijvoorbeeld:
hoe speel je fortnite zonder xbox live?
Merk op dat de HTML ook tussen de aanhalingstekens is opgenomen. De uitvoer hiervoor wordt meestal weergegeven als:
Een website bouwen met PHP: structuur
Met welke code u uw website ook schrijft, u moet de structuur van de site kennen voordat u verder gaat. Deze tutorial laat je zien hoe je een enkele pagina kunt maken van herbruikbare PHP-bestanden. Deze kunnen worden gebruikt om extra pagina's te maken, of u kunt een andere aanpak kiezen.
Welke vorm u ook verwacht dat de site zal ontwikkelen, neem de tijd om snel een plan op een stuk papier te schrijven. U kunt hier vervolgens naar verwijzen, misschien om de beoogde inhoud te controleren, of om te zien naar welke pagina u het wilt linken.
hoe google play-games op pc te spelen
Onze basis PHP-website zal een startpagina bevatten, inclusief biografische informatie en enkele afbeeldingen.
Voor deze eenvoudige PHP-website gaat u een enkele PHP-pagina maken die wordt gevuld met inhoud van drie HTML-pagina's. Het index.php-bestand dat u maakt, kan vervolgens worden bewerkt door de woorden en afbeeldingen van de originele HTML-bestanden aan te passen.
De onderstaande codevoorbeelden zijn screenshots. Je vindt de originele code in mijn GitHub-repository , die voor iedereen gratis te downloaden is.
Maak een PHP-website: de header
Om een website te maken met PHP, moet je drie webpagina's maken. Deze zijn gebaseerd op de basisstructuur van koptekst, hoofdtekst en voettekst.
Zoals je zou kunnen raden, bevat de kop titelinformatie. Er wordt echter ook informatie voor de browser opgenomen, zoals de gebruikte HTML-standaard, samen met CSS-referenties.
Begin met het maken van een bestand met de naam header.html en voeg vervolgens de benodigde headerinformatie toe.
Voor dit voorbeeld hebben we een eenvoudig CSS-bestand geleverd, waarnaar u zult zien verwijzen in zijn eigen /css/-map. Dit bestand wordt aangeroepen wanneer de pagina in uw browser wordt geladen en het vereiste lettertype en lay-out toepast.
Plaats inhoud in de hoofdtekst van uw PHP-webpagina
Elke webpagina bestaat uit een inhoudssectie die bekend staat als de 'body'. Dit is het deel van een pagina dat u leest --- wat u nu leest, is de hoofdtekst van deze pagina.
Maak een bestand met de naam body.html en voeg de informatie toe die u op de pagina wilt opnemen. Ik heb biografische details van mijn MakeUseOf-auteurspagina toegevoegd, maar je kunt toevoegen wat je maar wilt.
Een eenvoudige PHP-website moet een PHP-voettekst bevatten
Het voettekstgedeelte van de webpagina is de volgende. Maak dit aan als footer.html en voeg wat inhoud toe. Dit kan copyrightinformatie zijn, of misschien enkele nuttige links voor iedereen die uw pagina bezoekt.
Het kan zoiets zijn:
Sla het bestand op met de toegevoegde code.
Uw eenvoudige PHP-website samenstellen
Met drie aparte HTML-bestanden in /html/ kun je PHP echo gebruiken om ze op één pagina te compileren.
Maak een nieuw PHP-bestand met de naam index.php met daarin de volgende drie regels:
Sla op, upload naar uw server en blader vervolgens naar index.php. U zou de voltooide webpagina in uw browser moeten zien. Houd er rekening mee dat het eigenlijke PHP-bestand dat u in uw browser heeft geopend slechts uit drie regels bestaat.
Ten slotte kun je een beetje PHP-flora toevoegen met de laatste regel. Voeg een copyrightvermelding toe, met een jaartal dat altijd wordt bijgewerkt:
Copyright © CM Cawley
Dit verschijnt in het index.php-bestand na de voettekst. Merk op hoe het echo date('Y') statement het huidige jaar in vier cijfers weergeeft. U kunt wijzigen hoe dit wordt weergegeven door deze W3Schools-lijst met opties te raadplegen. Een kleine 'y' zou bijvoorbeeld het jaar in tweecijferige notatie weergeven in plaats van vier.
Gebruik CSS om het te positioneren en op te maken, net als bij elk ander element. Zoek de CSS voor dit project in de GitHub-repository, samen met de andere eenvoudige PHP-websitecode.
SD-kaart zegt tegen schrijven beveiligd, maar dat is het niet
Goed gedaan --- je hebt zojuist je eerste PHP-website helemaal opnieuw gemaakt.
Is PHP de beste keuze voor het coderen van websites?
Zoals je misschien hebt begrepen, is PHP niet de enige manier om websites te ontwikkelen. Er zijn al veel frameworks voor dynamische, databasegestuurde webervaringen, er zijn JavaScript en gerelateerde technologieën, en software zoals Adobe Dreamweaver.
Als u echter aan de slag wilt gaan met webontwikkeling, is het slim om de basis te kennen. Als u de website-bouwstenen HTML, CSS en PHP begrijpt, bent u goed op weg naar succes.
Deel Deel Tweeten E-mail Leer HTML en CSS met deze stapsgewijze zelfstudiesBenieuwd naar HTML, CSS en JavaScript? Als je denkt dat je een talent hebt om helemaal opnieuw websites te maken, zijn hier een paar geweldige stapsgewijze zelfstudies die het proberen waard zijn.
Lees volgende Gerelateerde onderwerpen- Programmeren
- Webontwikkeling
- Programmeren
- PHP-programmering
Plaatsvervangend redacteur voor beveiliging, Linux, doe-het-zelf, programmeren en techniek uitgelegd, en echt nuttige podcast-producent, met uitgebreide ervaring in desktop- en softwareondersteuning. Christian levert een bijdrage aan het tijdschrift Linux Format en is een Raspberry Pi-knutselaar, Lego-liefhebber en retro-gamingfan.
Meer van Christian CawleyAbonneer op onze nieuwsbrief
Word lid van onze nieuwsbrief voor technische tips, recensies, gratis e-boeken en exclusieve deals!
Klik hier om je te abonneren