How to Make a Website From Scratch (HTML, WordPress, or Builders)

als eigenaar van een kleine startup voor bruiloftsplanning had een vriendin van mij niet veel tijd of geld om te leren hoe een website te maken – maar ze wist dat ze er een nodig had, anders zou haar bedrijf bijna onzichtbaar zijn. Ondanks haar gebrek aan programmeervaardigheden, ging ze op volle snelheid vooruit in eigenhandig het creëren van haar online aanwezigheid.

een website vanaf nul starten was eigenlijk niet de ontmoedigende taak die ze vreesde., Met de juiste tools, ze kreeg een WordPress site up and running binnen een paar weken. Na de eerste bouw van de site, ze bleef uit te breiden en bij te werken zelf als haar bedrijf groeide.

zoals haar ervaring laat zien, kan iedereen met relatief gemak een website maken. Het is zo eenvoudig als de aankoop van web hosting en een domeinnaam, dan fine-tuning van uw ontwerp door middel van een website builder, WordPress, of met behulp van kale HTML. We zullen u door elke stap hieronder, dus voel je vrij om te klikken op een van de links hier om vooruit te gaan.,

Kies een Host | maak uw Site | Website Builder/WordPress

Stap 1: Kies een Host en een domein

de eerste stap naar het maken van een website, ongeacht welke aanpak u kiest, is het selecteren van een webhostingdienst en een domeinnaam. De webhost is het bedrijf dat de server en opslagruimte voor uw site biedt en de online wereld toegang geeft tot uw merk. De domeinnaam, aan de andere kant, is de URL (bijv., www.hostingadvice.com) die mensen gebruiken om direct naar uw site te navigeren.

een Host kiezen

Dit is het super makkelijke deel., De top-rated hosts van het web hebben alles in het werk gesteld om de eerste website creatie proces te versnellen en te verlichten – vaak te beginnen met een gratis domeinnaam registratie, single-click installaties voor populaire CMS en blogging platforms, een Gratis website builder, en marketing credits.

om te beginnen raden we aan om je aan te melden voor een webhostingplan bij een van de volgende providers. Uw webserver wordt direct opgezet, en de meeste geven u ook een gratis domeinnaam naar keuze., Zodra u zich heeft aangemeld, zult u het bouwen van uw website in een mum van tijd:

Bekijk meer goedkope webhosts ”

een domeinnaam kiezen

een kwaliteitsdomein registreren is essentieel om mensen te helpen uw site te vinden en te onthouden. De web hosting diensten hierboven bieden gratis domeinnaam registratie voor het eerste jaar van de dienst, dus als je al Stap 1 hebt voltooid, heb je al uw domein.,

Als u nog steeds beslist welke domeinnaam u wilt kiezen, zijn hier een paar tips om te overwegen:

• Maak het kort en memorabel: kortere domeinnamen zijn gemakkelijker te onthouden. De titel moet iets zijn dat in de gedachten van mensen blijft hangen. Lange domeinnamen werken alleen als ze uniek en pakkend zijn.
• gebruik relevante zoekwoorden: uw domeinnaam is een andere mogelijkheid om zoekwoorden op te nemen die bijdragen aan uw algemene SEO-strategie. Trefwoorden die relevant zijn voor uw bedrijf niche zal uw domeinnaam verder opvallen in het geheugen van mensen en het stimuleren van uw zoekmachine rankings zijn.,
• Onderzoeksdomeinnamen: Controleer of andere bedrijven of individuen een domeinnaam gebruiken die te nauw verwant is, om conflicten of verwarring te voorkomen.
• kies de juiste domeinextensie: zoals u weet van het surfen op het web, kunnen domeinnamen eindigen op .com,. org,. biz en andere extensies. Kies degene die het beste past bij het doel van uw website.

Nu u uw webhostingplan hebt gekocht (en uw gratis domein met uw hostingplan hebt gekregen) bent u klaar om uw website te bouwen en te lanceren.,

Stap 2: Kies een Site-Building methode

er zijn drie manieren om een website te bouwen. Als je een beginner bent, is veruit de makkelijkste manier om een site te bouwen en te lanceren het gebruik van een website builder die door uw webhost wordt geleverd. Als je op zijn minst enigszins web-savvy, je zou kunnen gebruiken Gebruik WordPress of een content management systeem (CMS) zoals Drupal of Joomla. Als je al goed thuis bent in coderen, kun je vanaf nul beginnen en HTML gebruiken om de site van de grond af op te bouwen., Elke aanpak heeft zijn voordelen en uitdagingen:

Optie 1: Gebruik een Site Builder (beginnersniveau)

het gebruik van een website builder – een applicatie die u meeneemt door de stappen van het maken van een website zonder code – kan zowel bevrijdend als empowerment zijn. Alle codering wordt gedaan door de provider op de backend, en in wezen, het is niet veel uitdagender dan het gebruik van een tekstverwerker.

gewoonlijk biedt een site builder of template-gebaseerde site-building methode minder aanpassingsopties dan wanneer u de website vanuit het niets bouwt met behulp van straight-up HTML, maar voor de beperkte vaardigheden die nodig zijn, bieden site builders flexibiliteit en een goede gebruikerservaring voor beginners.

Optie 2: installeer WordPress (gemiddeld niveau)

veel ondernemers en werknemers hebben weinig tot geen coderingsvaardigheden. Tegelijkertijd, het kan worden beperkt voor sommigen te hebben om te vertrouwen op een webdesigner / ontwikkelaar om een website te maken en updates te maken., WordPress is een catch-all oplossing voor bedrijven die willen een eenvoudige website met een minimale investering van tijd en geld.

bijna een derde van alle websites op het Internet bestaat op het WordPress-platform, en zelfs grote bedrijven, zoals CNN en eBay, gebruiken het. Er zijn gratis en betaalde versies van de software, en er is veel gebruikersondersteuning beschikbaar online.

met veel thema ‘ s en lay-outs om uit te kiezen en opties om door te gaan naar meer complexe ontwerpen en functies, WordPress is een veelzijdige keuze voor alle soorten bedrijven. In feite is het het platform dat HostingAdvice.com zichzelf.

optie 3: Maak een website vanuit het niets met HTML (geavanceerd niveau)

webdesignvaardigheden zijn zeer waardevol op de arbeidsmarkt en misschien dacht je dat het iets was dat je wilde leren. Het bouwen van een website vanaf nul zal u de tools om te maken en aanpassen van een site precies zoals u wilt geven., Er is een hogere leercurve, maar een grotere beloning, als het kennen van HTML zal u toelaten om uw site ontwerp te fine-tunen en dragen die vaardigheden naar voren om uit te breiden en de site bij te werken met gemak.

als je een beginnende programmeur bent en vastbesloten bent om te leren, kun je de programmeervaardigheden leren die je nodig hebt uit een groot aantal webdesignboeken (de O ‘ Reilly-serie is een goede startplaats) en websites zoals de scholen van het World Wide Web Consortium (W3C).

het zelf leren programmeren van een site geeft je de ultieme flexibiliteit om het na verloop van tijd precies te maken wat je wilt., Niet te vergeten, kunnen coderen is een zeer waardevolle vaardigheden in de huidige economie.

Stap 3: Begin met Bouwen!

Nu u zich hebt aangemeld voor webhosting met een gratis domein, en uw sitebuilding methode hebt gekozen, bent u klaar om te beginnen met het creëren van het uiterlijk van uw site en de inhoud ervan. Stap-voor-stap instructies:

Optie 1: Een Sitebuilder gebruiken om uw Site (Beginner) te bouwen

het bouwen van een website met een Gratis website builder is een snel, eenvoudig en eenvoudig proces., U hebt zich mogelijk al aangemeld voor een hosting account in Stap 1, in welk geval de site van uw webhost specifieke stap-voor-stap instructies zal hebben voor u om uw gratis, meegeleverde website builder te installeren en te gebruiken. Over het algemeen vinden we dat Wix de meest populaire websitemaker is, dus we zullen het hier als voorbeeld gebruiken.

als u zich al hebt aangemeld voor hosting, hebt u een account aangemaakt. Als u nog geen webhost hebt, raden we u aan om u via de website van Wix sitebuilder aan te melden. Voer uw e-mailadres en wachtwoord in op de Wix.com aanmelden pagina om te beginnen., Merk op dat de e-mailadres handle zal deel uitmaken van uw gratis domein (als je niet beschikt over een aangepaste domein), dus houd dat in gedachten bij het aanmelden. Als je nog steeds niet zeker bent, heet ik je van harte welkom om onze expert review van het Wix platform hieronder te bekijken.

Selecteer de categorie die uw website het beste beschrijft. Dit helpt mensen uw website te vinden en helpt Wix tegemoet te komen aan de diverse gebruikers van het platform. Uw selectie zal bepalen welke soorten sjablonen u bladeren, dus overweeg de beste optie voor de stijl van de site die u wilt bouwen.,

Wix heeft nu twee opties voor het maken van een website. Naast de traditionele Wix-Editor is er ook Wix ADI, een programma voor kunstmatige intelligentie dat op maat gemaakte sites ontwerpt op basis van vragen die u beantwoordt. Wij raden u aan de Wix Editor te gebruiken, die u volledige controle geeft over de aanpassingen die beschikbaar zijn op het platform. Echter, als je de Wix ADI wilt proberen, ga er dan voor!

kies uit een grote verscheidenheid aan sjablonen, allemaal verschillend, afhankelijk van het type website dat u maakt. Filter opties op afbeelding, zoeken op trefwoord, of sorteren door de sjablonen op categorie.,

u kunt ook kiezen voor een lege sjabloon om helemaal opnieuw te beginnen of met een basisopmaak.

elke sjabloon begint met voorgevulde tekst en een achtergrondafbeelding. Uw template is een startpunt om de site uw eigen te maken. Een van de eerste dingen die u moet doen op uw nieuwe Wix-pagina is het toevoegen van uw bedrijfsinformatie. Vul uw merknaam, slogan en andere relevante details door te klikken op de tekst die moet worden vervangen., U kunt ook de visuele aspecten van de pagina wijzigen, inclusief de achtergrondafbeelding, en afbeeldingen toevoegen of verwisselen op andere pagina ‘ s op uw site.

Er zijn veel manieren om inhoud toe te voegen en uw site aan te passen. Klik op de knop Toevoegen in het linkermenu voor een aantal opties-tekst, knoppen, diavoorstellingen, menu ‘ s, enzovoort. Onder de knop Apps, er zijn vele functies die u kunt toevoegen aan uw site voor extra functionaliteit, zoals opmerkingen, live chat, en een online winkel. U kunt ook uw eigen multimedia-inhoud uploaden, zoals lettertypen, afbeeldingen, video ‘ s en muziek, en een blog starten.,

klik op” Publiceren ” in de rechterhoek om uw site op het web te zetten! U kiest een domein, dat een gratis domein kan zijn van Wix.com of een aangepast domein dat u verwerft via een domeinregistrator.

Optie 2: WordPress gebruiken om uw Site te maken (Intermediate)

WordPress gebruiken om uw site te maken is een vergelijkbare ervaring als het gebruik van een website builder in termen van proces. Welk platform je moet gebruiken is een kwestie van voorkeur. Het hangt af van welke het meest intuïtief voor u voelt en geeft u de meeste flexibiliteit voor uw site ontwerp en onderhoud., Een groot voordeel van het gaan met WordPress is de grote gemeenschap van ondersteuning, zowel officiële als van andere WP software gebruikers.

De meeste hosting plannen bevatten gemakkelijke toegang tot WordPress — installeren van de software met één klik, of beter nog, het hebben van het voorgeïnstalleerd voor u. In de meeste gevallen kunt u eenvoudig inloggen op uw Hosting control panel en de optie vinden om het wp-platform te installeren. Als uw hosting service niet over deze mogelijkheid beschikt, kunt u hier de handmatige installatie-instructies vinden. Deze webhosts maken het installeren van WordPress bijzonder eenvoudig:

Zie meer WordPress hosts “

neem de tijd om kennis te maken met de WordPress backend voor uw account. U zult zien waar u uw berichten, pagina ‘ s en opmerkingen kunt beheren; het uiterlijk van de site kunt wijzigen; sitebewerkers kunt toevoegen; en plug-ins kunt installeren. Je dashboard heeft alles wat je nodig hebt om de inhoud op je site bij te houden en de look en feel aan te passen.,

Onder het tabblad Uiterlijk in het dashboard, kunt u kiezen uit een aantal gratis thema ‘ s (of ervoor kiezen om te betalen voor een). Het installeren van een thema is zo eenvoudig als het selecteren van “installeren” en vervolgens “activeren” voor de sjabloon die u wilt. U kunt uw thema te wijzigen op elk gewenst moment zonder dat de andere inhoud op uw site.

om nieuwe pagina ‘ s aan uw site toe te voegen, selecteert u “Pages” en vervolgens “Add New.”U kunt deze pagina’ s deel uitmaken van het navigatiemenu van uw site onder de menu ‘ s optie in het tabblad Uiterlijk. Om berichten toe te voegen (als u een blog op uw site wilt), ga naar “berichten” en vervolgens “Nieuwe Toevoegen.,”

standaard plaatst WordPress uw laatste berichten op uw homepage. Om een specifieke pagina te selecteren die als startpagina dient, kies je “instellingen” in het dashboard menu en kies je “lezen”.”In de Front Page Displays sectie, kiezen voor “een statische pagina” en selecteer vervolgens de pagina die u hebt gemaakt als uw homepage.

Plugins zijn Extensies — niet standaard ingesteld in WordPress-die nieuwe functies toevoegen aan uw site. WordPress plugins kunnen de functionaliteit van uw site te verbeteren, u helpen de doelen die u hebt voor uw site te bereiken, en geef uw website bezoekers een betere gebruikerservaring.,

bijvoorbeeld, de Google Analytics plugin helpt u bij het bijhouden van uw site-Activiteit, en de NextGen Gallery plugin kunt u Afbeeldingsgalerijen weer te geven. Onder “Plugin” in het dashboard, kunt u zoeken door de opties — letterlijk duizenden gratis plugins. Klik gewoon op “Installeren” en je bent klaar om te gaan.

Op dit moment hebt u een content gevulde, visueel aantrekkelijke en functionele site gemaakt., Publiceren in WordPress gebeurt op een pagina of post niveau, dus je moet klikken “publiceren” voor elk gebied van uw site. U kunt wachten tot uw website is volledig klaar om te starten om uw inhoud te publiceren of te publiceren als u individuele pagina ‘ s en berichten te creëren.

optie 3: Gebruik HTML om een Website te maken vanaf nul (Geavanceerd)

voor degenen die een uitdaging willen en wat extra tijd hebben, is het maken van een website via HTML een waardevolle inspanning die uw begrip van webbewerking en ontwerp ontwikkelt., U kunt het opzetten van een basis site in slechts een paar uur, en voort te bouwen op het als je meer HTML en CSS vaardigheden te leren.

zoals het geval was bij de eerste twee websitebouwroutes, is uw eerste stap om u aan te melden bij een hostingprovider.

bekijk alle top webhosts ”

om HTML-tags te schrijven, hebt u een hoogwaardige teksteditor nodig die geschikt is voor de taal van het web. Notepad++ is een goede optie voor Microsoft-gebruikers, terwijl TextMate is ideaal voor Mac-gebruikers. Cross-platform tekstverwerkers omvatten Atom en sublieme tekst.,

Websites kunnen uitsluitend worden gebouwd met behulp van HTML, wat zich vertaalt in tekstbestanden met de extensie.HTML. De hoofdpagina van uw site is meestal getiteld index.HTML. Maak dit bestand en sla het op, vul het dan in met het basiskader van uw HTML-site. Het zal er ongeveer zo uitzien:

<html> tags omsluiten de gehele inhoud van uw site en geven aan dat dit een HTML-document is., De<head> tag omvat uw paginatitel, meta-tags (vertel de browser details over uw pagina-inhoud en weergave), en verwijzingen naar uw externe CSS-bestanden voor het stylen van uw pagina. De werkelijke inhoud van uw pagina gaat tussen de<body> tags.

bij het bouwen van uw site, wilt u uw bestanden in mappen organiseren volgens de structuur waarin u uw site wilt laten verschijnen. U kunt bijvoorbeeld een map maken voor uw About-pagina met uw main about.,html-bestand en alle gerelateerde CSS die stijl toevoegt aan uw site en andere HTML-bestanden die die inhoud ondersteunen. Bij het toevoegen van links in uw site om pagina ‘ s van uw site, u zal verwijzen naar hun map locatie in de map waar u uw bestanden op te slaan.

schrijf uw inhoud binnen de <body> sectie van elk .html-bestand (dat wil zeggen, elke pagina) van uw site. Hier zijn een paar belangrijke tags om te weten wanneer u uw site opbouwt:

• <header> geeft de bovenkant van uw document aan en geeft aan waar uw paginatitel en logo verschijnen.,
• <nav> wordt gebruikt om uw sitemenu te bouwen, de belangrijkste navigatie van uw site waar bezoekers top-level sitelinks vinden.
• <section> geeft de hoofdinhoud van uw pagina aan. Het wordt gebruikt om te groeperen als inhoud binnen een pagina. Denk aan artikelen die u online vindt en die zijn gegroepeerd onder afzonderlijke rubrieken.
• <article> wordt gebruikt voor afzonderlijke stukken inhoud op een pagina, zoals een blogpost, afbeelding, video of andere multimedia. Het is een manier om de pagina te structureren, zodat deze items gemakkelijk kunnen worden onderscheiden.,
• <footer> staat onderaan de website. Dit gebied is vaak waar mensen hun contactgegevens, Servicevoorwaarden, Privacybeleid, en andere diverse maar belangrijke informatie.

Als u deze tags gebruikt, ziet de basisstructuur van uw pagina er als volgt uit:

u wilt ook een eenvoudige navigatiebalk voor uw site toevoegen. Dit biedt gemakkelijke toegang tot de belangrijkste pagina ‘ s van uw site., U zult de <nav> tag en de <ul> of ongeordende lijst tag gebruiken om dit op te zetten.

en voila! Nu kunnen bezoekers van uw site gemakkelijk navigeren naar uw blog, productpagina’ s, laat u een lijn op uw contactpagina, blader getuigenissen van klanten, en weer terug naar de homepage!

u kunt uw site visueel interessanter maken met opmaak, kleuren en afbeeldingen alleen met HTML., Echter, het opnemen van CSS, of trapsgewijze style sheets, in uw site geeft u veel meer controle over het uiterlijk, en sites die CSS gebruiken kijken meer professionele over het algemeen.

CSS wordt aangeduid in afzonderlijke CSS-bestanden. Het hoofdbestand is meestal getiteld stijl.css. Enkele basisfuncties van CSS zijn het toevoegen van kleuren, randen en achtergronden en het toepassen van het box model om de inhoud op uw pagina ‘ s te organiseren., Deze stap is geavanceerder dan het gebruik van basic HTML, maar kan sterk verbeteren van de esthetiek van uw site.

zodra u tevreden bent met de algemene lay-out, kunt u uw site publiceren. Het is prima als uw site is zeer basic om te beginnen met. Zolang het er professioneel uitziet, kun je je goed voelen over het op het web plaatsen en het verbeteren naarmate je meer HTML-en CSS-vaardigheden ontwikkelt.

alles gereed!, Nu voor het moeilijke deel… het toevoegen van Content

zoals het geval was voor onze event-planning vriend, denkt u misschien niet dat u in het begin uw eigen website kunt bouwen — maar de waarheid is dat het nu gemakkelijker is dan ooit voor de complete beginner om een functionele en visueel aantrekkelijke site te creëren die mensen willen bezoeken. Met de hulp van online bronnen en ondersteuning van de WordPress community, mijn vriend bouwde een site waar ze trots op was – en u kunt, ook.

het belangrijkste om te overwegen over uw site is de inhoud, omdat dit is wat mensen aantrekt om te bezoeken en te blijven lezen., Overweeg wat u wilt dat uw site te worden over, of het nu uw bedrijf of een blog over een specifiek onderwerp. Overweeg zorgvuldig, want dit zal uw web design richting te bepalen, ook. Zodra u een aantal Content ideeën en een concreet plan hebt, bent u klaar om uw site gebouw avontuur te beginnen.