Het bouwen van je eerste webpagina is niet het moeilijkste wat je in je leven zult doen, maar het is ook niet gemakkelijk. Het vereist dat je nieuwe technologie, woordenschat en software leert die je eerder niet nodig had.
U moet enkele eenvoudige HTML-code leren kennen, een webeditor krijgen, een service zoeken om uw webpagina te hosten, de inhoud voor uw pagina samenstellen, de webpagina uploaden naar de host, de pagina testen en deze vervolgens promoten. Oef!
Het goede nieuws is dat als je dit eenmaal hebt gedaan, je de leercurve onder de knie hebt. U kunt het steeds opnieuw doen om webpagina's over meerdere onderwerpen te maken of voor meerdere doeleinden.
01 van 08Neem de tijd om te plannen
Voordat u iets doet, besteedt u wat tijd aan het bepalen van basisvragen over de webpagina die u gaat bouwen. Identificeer je publiek en weet wat je te zeggen hebt. Als u uw bedrijf promoot, bekijk dan de websites van uw concurrenten en beslis wat wel of niet goed voor hen werkt. Als u een website met verschillende verbonden webpagina's plant en een diagram waarschijnlijk maakt, teken dan de relaties tussen de pagina's met elkaar.
Hoe meer tijd u besteedt aan planning voordat u begint met het bouwen van een website, hoe soepeler het daadwerkelijke bouwproces waarschijnlijk zal zijn.
02 van 08Ontvang een webeditor
Om een webpagina te bouwen, hebt u een webeditor nodig waarin u HTML typt, de code waarmee uw webpagina werkt. Het hoeft geen chique stukje software te zijn waar je veel geld aan uitgeeft, hoewel er veel van die beschikbaar zijn. U kunt een teksteditor gebruiken die bij uw besturingssysteem wordt geleverd, zoals Kladblok in Windows 10 of TextEdit op een Mac, of u kunt een gratis of goedkope editor downloaden van internet. NotePad ++ en Komodo Edit zijn onder andere geweldige gratis HTML-editors voor Windows. Komodo Edit is ook beschikbaar voor de Mac. Andere gratis HTML-editors voor de Mac zijn Bluefish, Eclipse, SeaMonkey en andere.
Leer enkele eenvoudige HTML
HTML is de bouwsteen van webpagina's. Hoewel u een WYSIWYG-editor (en wat u ziet is wat u krijgt) kunt gebruiken en nooit HTML hoeft te weten, helpt het leren van op zijn minst een beetje HTML u bij het bouwen en onderhouden van uw pagina's. Naarmate u verder bouwt aan webpagina's, wilt u meer leren over Cascading Style Sheets (CSS) en XML om uw nieuwe vaardigheden naar een hoger niveau te tillen. Begin voorlopig met de basisprincipes van HTML.
HTML leren is niet moeilijk, en je kunt veel leren door voorbeelden van HTML te bekijken. In de meeste browsers kunt u ervoor kiezen om de broncode van de webpagina waarop u zich bevindt te bekijken. Kies hier een eenvoudige pagina voor, zodat u niet overweldigd zult raken. U kunt zelfs de broncode kopiëren om deze te bestuderen.
Om te oefenen, schrijf wat eenvoudige HTML in uw teksteditor en bekijk hoe het er op het web uitziet. Als het een onleesbare puinhoop is, heb je waarschijnlijk iets achtergelaten. Als het er precies uitziet zoals je het bedoeld had, gefeliciteerd.
04 van 08Schrijf de webpagina en bewaar deze op uw harde schijf
Het samenstellen van de webpagina en het schrijven van de inhoud is het leuke gedeelte. Open uw webeditor en begin met het bouwen van uw webpagina. Als het een teksteditor is, moet u wat HTML kennen, maar als het WYSIWYG is, kunt u een webpagina bouwen zoals u een Word-document zou doen.
Schrijven voor het web verschilt van andere soorten schrijven. Mensen hebben de neiging om te scheren wat ze zien, in plaats van goed te lezen, en ze zullen daar niet blijven hangen voor een verhandeling van duizend woorden. Houd de tekst kort en relevant voor uw webpagina. Ga naar het punt in de eerste alinea en schrijf in actieve stem. Actiewerkwoorden houden de stroom in beweging. Houd de zinnen kort en gebruik waar mogelijk lijsten in plaats van alinea's. Plan subkoppen in een groter of vet lettertype om de aandacht van de lezer te trekken.
Vergeet niet afbeeldingen en links naar uw webpagina toe te voegen. Je had moeten leren hoe je beide moet doen in je HTML-basis. Je moet kopieën van de afbeeldingen uploaden naar je webhost of een andere plaats op het internet zodat ze op tijd kunnen werken. Blijf dus georganiseerd terwijl je werkt en verzamel alles met betrekking tot je webpagina in één map die je op je harde schijf hebt opgeslagen rijden.
Altijd een voorbeeld van uw webpagina bekijken en uw werk proeflezen. Een paar typefouten of gebroken links kunnen uw geloofwaardigheid ten aanzien van een onderwerp schaden.
05 van 08Zoek een webhost voor uw webpagina
Nu je je webpagina hebt geschreven en op je harde schijf hebt opgeslagen, is het tijd om hem op internet te zetten zodat andere mensen hem kunnen zien. Dit doe je met de hulp van een webhost, een bedrijf waar je al je bestanden uploadt. Er zijn er genoeg die er zijn, en het selecteren van een betrouwbare host is belangrijk. U kunt sites voor beoordeling van webhosting bezoeken of met een van de bekende providers zoals HostGator of GoDaddy voor een bedrijf. Kijk niet uit op Wix (een WYSIWYG-platform), WordPress.com en Weebly, die allemaal een gevestigde waarde hebben.
Er zijn veel opties voor webhosting van gratis (met en zonder reclame) tot enkele honderden dollars per maand. Wat u nodig hebt in een webhost hangt af van wat uw website nodig heeft om lezers aan te trekken en te houden. Bezoek enkele webhostingsites en zie wat ze kosten en wat ze bieden. Sommige providers leveren een algemeen URL-adres, maar als u de URL voor uw bedrijf wilt personaliseren of als u uw naam als onderdeel van uw URL wilt gebruiken, moet u zich registreren voor een domein. U kunt een domein registreren voor $ 10 of minder of $ 10.000 of meer. Omdat dit je eerste webpagina is, ga je naar beneden.
Vul een aanvraag in, verkrijg een domein en beslis over de andere functies die u nodig hebt en meld u aan bij een webhost.
06 van 08Upload uw pagina naar uw host
Zodra u een hostingprovider hebt, moet u uw bestanden van uw lokale harde schijf naar de hostcomputer verplaatsen. Veel hostingbedrijven bieden een online tool voor bestandsbeheer die u kunt gebruiken om uw bestanden te uploaden, maar als dat niet het geval is, kunt u FTP gebruiken om uw webpagina te uploaden. Het proces verschilt per provider, dus volg de instructies die u krijgt over waar u uw bestanden kunt uploaden. De meeste hostingproviders publiceren tutorials voor mensen zoals jij die hun eerste bestanden uploaden. Als u specifieke vragen hebt over hoe u uw bestanden naar de server van het bedrijf kunt krijgen en waar u ze kunt plaatsen, vraag dan om technische hulp.
Op een gegeven moment ontvangt u een URL van de webhost. Het is het adres van uw website dat u aan al uw vrienden en familieleden kunt geven zodat ze uw werk kunnen bewonderen, maar het nog niet uitdelen.
07 van 08Test uw pagina
Voordat je de URL plaatst op social media of uitreikt, test je je webpagina. U wilt geen onaangename verrassingen.
Veel beginnende webontwikkelaars laten de testfase van het maken van webpagina's achterwege, maar het is belangrijk. Het testen van uw pagina's zorgt ervoor dat ze zich op de URL bevinden waarvan u denkt dat ze ze zijn en dat ze er goed uitzien in alle populaire webbrowsers. Open uw webpagina in Chrome, Firefox, Safari, Opera en andere browsers die u of een vriend op een computer hebt geïnstalleerd. Zorg ervoor dat alle afbeeldingen worden weergegeven en dat de koppelingen werken. U wilt geen onaangename verrassingen.
Als je een verrassing tegenkomt, neem dan de standaardstappen om problemen in webdesign op te lossen.
Wanneer de webpagina er precies uitziet als gepland, is het tijd om deze te promoten.
08 van 08Promoot uw webpagina
Nadat u uw webpagina op internet hebt gezet, moet u mensen hiervan op de hoogte stellen. De eenvoudigste manier is om een e-mailbericht naar uw klanten, vrienden en familie met de URL te sturen. Voeg de URL toe aan uw e-mailhandtekening of plaats deze op uw sociale mediasites. Als het voor uw bedrijf is, voegt u het adres toe aan uw visitekaartjes en andere gedrukte materialen.
Als u wilt dat veel mensen uw webpagina bekijken, moet u leren hoe u deze kunt promoten in zoekmachines en andere locaties, maar zoekmachineoptimalisatie (SEO) is een verhaal voor een andere dag.
