Een website laten bouwen is in het digitale tijdperk geen moeilijke taak. Het is niet meer beperkt tot geavanceerde codering en complexe webontwerpen. Er zijn talloze opties die je kan kiezen om een website te bouwen, en het gebruik van HTML wordt beschouwd als een kosteneffectieve manier om een website te maken. Je hebt niet veel technische kennis nodig om HTML-codes te schrijven. Als je wat tijd over heeft om je website in de lucht te krijgen, kan je net zo goed HTML leren en een HTML-website bouwen.
We beginnen met je door de basisprincipes van HTML te leiden en laten je de stappen zien die nodig zijn om een functionele HTML-website op te zetten. Maar om elementaire HTML-website te begrijpen, moet je enkele basistermen en hun functies in een HTML-website kennen.
Wat is HTML en hoe werkt het?
Opmerking: afbeelding gehaald van Strikingly user website
Als je HTML wilt leren en zelf een HTML-website wilt bouwen zonder de hulp van een ontwikkelaar, wil je misschien deze HTML-zelfstudie doornemen om aan de slag te gaan met het bouwen van je HTML-website.
HTML staat voor Hypertext Markup Language. Het is geen programmeertaal. Het kan niet worden gebruikt om dynamische webontwerpen en afbeeldingen te maken, maar stelt de gebruiker in staat het ontwerp en de structuur van de website te organiseren en op te maken. Je kan van alles doen, zoals het maken van secties, alinea's, koppen, koppelingen en toepassingen met behulp van HTML.
Onderdelen van een HTML-website
Om je HTML-website te bouwen, moet je enkele belangrijke componenten kennen. HTML-websites hebben twee belangrijke componenten:
• HTML-tags
Een HTML-tag is het middel waarmee je instructies kan geven aan je HTML-website. Als je wilt dat je website een koptekst weergeeft of de pagina-indeling organiseert, gebruik je een tag. Een tag wordt over het algemeen aangegeven met punthaken en de tekst erin is de instructie voor de tag.
Een voorbeeld van een tag is:
• HTML-kenmerken
HTML-attributen daarentegen geven instructies die voornamelijk betrekking hebben op functionaliteit, voor specifieke tags. Ze gaan meestal binnen een tag en worden gemarkeerd door dezelfde punthaken. Het wordt gebruikt om afbeeldingen, video's, links en andere externe ontwerp- en functionaliteitsaspecten voor de HTML-website toe te voegen.
Een website maken met HTML
Je hebt geen fancy software op een geavanceerde computer nodig om een HTML-website te maken. Je kan het doen in de HTML-editor op je systeem, wat meestal je kladblok is. Zodra je het kladblok opent, kan je deze stappen volgen om te beginnen met het bouwen van je HTML-website.
• The Doctype
Laten we beginnen met het HTML-doctype. Het maken van je HTML-website begint op het moment dat je een Doctype-bestand maakt. Dit bestand vertelt de webbrowser dat het document een HTML-website bestand is.
Elk van deze pagina's is afzonderlijk gemaakt met codes die hun specifieke kenmerken definiëren.
• Further tags
Het Doctype is het bestand dat de basis lay-out van de pagina schetst. Je moet dan andere elementen en attributen toevoegen aan je HTML-website.
De
Inhoud toevoegen
Opmerking: afbeelding gehaald van Strikingly user website
De volgende sectie is de < body > tag.
Alle inhoud van je HTML-website wordt hier weergegeven. Het bevat tekst, afbeeldingen, tabellen, formulieren en alle andere ontwerp invoer op je HTML-website.
Koppen toevoegen aan je HTML-website
In HTML worden koppen geschreven in de volgende elementen:
Je kop maken
Laten we het proberen. Typ op een nieuwe regel in de HTML-editor:
Welkom bij Mijn HTML-website
Sla dit bestand op als "index.html" in een nieuwe map en wijs het aan als "mijn webpagina". Open het bestand in je webbrowser om de wijzigingen te bekijken.
Tekst toevoegen in HTML
Tekst toevoegen aan onze HTML-pagina is eenvoudig met behulp van een element dat wordt geopend met de tag
, waarmee een nieuwe alinea wordt gemaakt. We plaatsen al onze reguliere tekst in het element < p >.
Wanneer we tekst in HTML schrijven, hebben we ook een aantal andere elementen die we kunnen gebruiken om de tekst aan te passen of op een bepaalde manier te laten verschijnen.
Veelgebruikte HTML-tags
Deze tags moeten rond de betreffende tekst worden geopend en gesloten.
Laten we het proberen. Typ op een nieuwe regel in de HTML-editor de volgende HTML-code:
Welkom op mijn HTML-website. Je kan al mijn laatste updates hier vinden.
Sla je pagina op om je wijzigingen te bekijken.
Stijlblad toevoegen
Maak een stylesheet en wijs deze aan als 'style.css' en sla deze op in een nieuwe map met de naam 'css'. En dit bestand style.css zal ons helpen om je webpagina op te maken.
Onthoud vlak voor het sluiten van de kop tag toevoegen een regel toe die luidt...
Deze regel-code informeert de browser dat hij naar de stylesheet moet zoeken terwijl hij de webpagina laadt.
Nu ben je klaar om je eigen HTML-website te maken.
Waarom niet je eigen website coderen?
Opmerking: afbeelding gehaald van Strikingly user website
Het is niet genoeg als je alleen wat basiskennis van coderen hebt als je een volwaardige website wilt opzetten. Je moet een goed begrip hebben van het coderen van HTML, anders verspil je gewoon kostbare tijd die je ergens anders had kunnen steken.
- Coderen gaat niet snel. Zelfs als je een professional gaat inhuren, kost het tijd. Je kan zich dus voorstellen hoe het zou kunnen zijn als je van plan was enkele HTML-tutorials te volgen en je HTML-website te bouwen.
- En het is niet alsof je werk klaar is als je de website eenmaal hebt gebouwd. Nee. Je moet je website up-to-date houden, wat betekent dat je de codes voortdurend moet wijzigen. Dit kan je SEO-ranking belemmeren.
Een websitebouwer is een tool die je kan helpen hetzelfde doel te bereiken, maar dan op een andere weg. In tegenstelling tot een HTML-website waar je handmatig alle codes voor elk aspect van ontwerp en functionaliteit moet schrijven, hebben websitebouwers ingebouwde codes. Het enige dat je hoeft te doen, is weten welk type ontwerp of functie je wilt dat je website heeft. Daarna klik je gewoon op de opties die je leuk vindt en knallen! Je hebt je website klaar.
Het kan veel eenvoudiger zijn dan het gebruik van HTML-codes en even indrukwekkend.
Voordelen van het gebruik van een websitebouwer
Hier zijn enkele dwingende redenen om je te overtuigen om je website te bouwen met behulp van een professionele websitebouwer
- Je hoeft niet te coderen – Een groot voordeel is dat je alles direct bij de hand hebt. Je hoeft geen codering te leren of te begrijpen hoe websitebouwers werken. Het enige dat je nodig hebt, is een account aan te maken bij een websitebouwer zoals Strikingly en te beginnen met het bewerken van een van de vele gratis websitesjablonen.
- Gebruiksvriendelijk - Je kan een totaal onbekende zijn in het gebruik van een platform voor het bouwen van websites. Toch kan je een website bouwen die er veel beter uitziet dan een HTML-website. Neem bijvoorbeeld de eenvoudige gebruikersinterface van Strikingly. Iedereen met basis-computervaardigheden kan een volledig functionele website maken zonder externe hulp.
- Maak geweldige websites - De grote verscheidenheid aan keuzes in ontwerp, lay-out, kleurenschema's en widgets kan je helpen een website te bouwen die helemaal uit je verbeelding spreekt. Met een website word je bedrijf gepresenteerd aan de belangrijkste belanghebbenden in je bedrijf, waardoor je het duwtje in de rug krijgt dat je bedrijf nodig heeft.
Het voorbeeld hier laat zien wat je moet doen om de tekstkleur te wijzigen. In een HTML-website moet je de specifieke tag, de code voor de kleur en het formaat afzonderlijk toevoegen. Op een websitebouwer als Strikingly is het maar een paar klikken en je bent klaar.
Een website bouwen
Hier is een snelle methode om je website in de lucht te krijgen:
1. Maak een account aan
Opmerking: afbeelding gehaald van Strikingly
Het eerste dat je nodig hebt, is een account geregistreerd onder Strikingly. Je kan je e-mailadres gebruiken of je aanmelden met je Google-account.
2. Kies een sjabloon
Zodra jij je hebt geregistreerd, kun je een van de vele opmerkelijke sjablonen kiezen uit de verzameling van Strikingly. Er zijn sjablonen gecategoriseerd om het kiezen van de juiste sjabloon voor je bedrijf probleemloos te maken.
Opmerking: afbeelding gehaald van Strikingly
3. Bewerk de sjabloon
Nadat je de sjabloon heeft gekozen, word je doorgestuurd naar de pagina waar je kan beginnen met het bewerken van je pagina. Dit is waar de magie gebeurt. Je kan elk aspect van je website aanpassen. Zorg ervoor dat je alle benodigde pagina's, knoppen, afbeeldingen, tekst en inhoud toevoegt om je pagina te laten opvallen tussen de rest.
4. Publiceer je site
De volgende stap is om je site te publiceren en te kijken hoe deze eruit ziet op internet. Je kan alle visuele en functionele aspecten van de website testen.
