Als u al een HTML-webpagina hebt geschreven en deze in de browser hebt zien weergeven, begrijpt u hoe u een webpagina maakt. Maar, sommigen van jullie moeten zich afvragen hoe kan ik eigenlijk publiceren die pagina, zodat iedereen het kan zien. In dit bericht zal ik een eenvoudige webpagina te maken en zet het online.
het HTML-bestand dat op uw computer is opgeslagen, kan alleen door u worden bekeken, maar moet ergens worden bewaard waar iedereen toegang tot het bestand heeft. En daar heb je een webhosting service voor nodig! Hosting diensten hebben een server of een computer die u wat ruimte geeft voor uw bestanden.
als u nieuw bent bij het bouwen van een website, kunt u een van de vele gratis hostingdiensten proberen. Ik heb eerder gebruikt Infinity Free. U kunt ook codepen.io waar mensen uw pagina en de codes erachter in hetzelfde venster kunnen zien. Github Pages is ook goed voor het hosten van statische webpagina ‘ s. Ik heb het hier niet over andere plugins en CMS zoals WordPress, maar een statische site die is gecodeerd door u.
1. Gratis hostingdiensten
Ik zal nu uitleggen hoe u uw webpagina kunt publiceren als u de eerste optie gebruikt, een gratis hostingdienst. U moet zich eerst aanmelden voor de hosting service en een domeinnaam selecteren voor uw website. Nu, er zijn twee opties om uw bestand te uploaden:
- eerst ga je direct naar file manager en upload het bestand en hernoem het als index.HTML.
- een andere manier waarop u kunt uploaden is door een FTP-client te downloaden, bijvoorbeeld FileZilla en deze aan te sluiten op de server door uw sitegegevens in te vullen zoals hostnaam, Gebruikersnaam, Wachtwoord en het poortnummer. Al deze gegevens zijn beschikbaar in uw account. Wanneer u verbinding maakt met de server kunt u uw bestandsindex uploaden.HTML.
een van deze methoden kan worden gebruikt om uw bestand te uploaden en als u nu uw website opent, wordt u naar dezelfde index geleid.html-bestand. Dus, wanneer u typt in een website adres wordt u omgeleid naar de index.html-bestand. U hebt nu uw webpagina gepubliceerd op het internet en iedereen kan het zien op voorwaarde dat de link. U kunt meer HTML-bestanden of afbeeldingen toevoegen en hun link toevoegen aan de index.html-pagina. Al die bestanden worden opgeslagen in de server en iedereen kan er toegang toe.
meestal verloopt de URL van de afbeelding die u invoert op uw webpagina na een bepaalde periode. Het is beter om die afbeeldingen te downloaden en ze te uploaden en de naam van die afbeelding precies in het src-attribuut te schrijven.
u kunt HTML-en CSS-codes zien voor een voorbeeld HTML-webpagina:
HTML-COde
<h1>Ludwig van Beethoven</h1><img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcSuYHPyPZYfRRAc40TnVVXl3yZ51Q_0v4dvUzXIjVssV0shgH2N" alt="BEETHOVEN"><h2> <a href="http://www.amclassical.com/mp3/amclassical_beethoven_fur_elise.mp3">fur elise </a></h2><audio src="http://www.amclassical.com/mp3/amclassical_beethoven_fur_elise.mp3" controls></audio><h2> <a href="http://www.amclassical.com/mp3/amclassical_moonlight_sonata_movement_1.mp3">moonlight sonata movement 1 </a></h2><audio src="http://www.amclassical.com/mp3/amclassical_moonlight_sonata_movement_1.mp3" controls></audio>
css
body { background-color: #000; color: #FFF; text-align: center;}a { color: #FFF; text-decoration: none;}a:hover { font-size:20px; color:red;}
er is één probleem met de gratis hostingdiensten – ze zijn niet veilig. Het ergste deel van deze hosting service is dat wanneer gebruikers uw website te bezoeken, zullen ze een waarschuwing dat het niet veilig en ze moeten geen gevoelige informatie toe te voegen op deze site te zien. Het is een slechte indruk. Dus u kunt enkele pagina ‘ s te publiceren gewoon om te zien hoe het gedaan, dan kunt u gebruik maken van andere betaalde hosting diensten.
hierna zullen we zien hoe u uw webpagina kunt publiceren met behulp van GitHub-pagina ‘ s. Het werkt precies zoals eerder beschreven, maar je moet eerst weten hoe je GitHub moet gebruiken.
2. Github Pages
eerst moet je een account aanmaken op GitHub. Maak dan een nieuwe repository aan en geef het de naam: (gebruikersnaam).github.io maak het openbaar en publiceer het. Nu kunt u de index uploaden.html-bestand hier. Als u typt (gebruikersnaam). github.io in uw browser ziet u uw webpagina. U kunt nu meer bestanden en afbeeldingen toevoegen en deze koppelen aan uw index.html-pagina.
dus, als u bekend bent met GitHub is het een van de beste manieren om uw eerste website te publiceren.