Home

Bouw je eigen website

Domeinnaam

Dit is je adres waarop je website te vinden is op het WWW. Dit is het enige gedeelte dat geld kost. Ik heb mijn domeinnaam gekocht op www.namecheap.com.

Hosting

Dit is waar jouw bestanden, foto's en tekst opgeslagen staan om te leveren aan mensen die jouw website opvragen. Dit kan gratis op GitHub. Hierop kun je ook je website beveiligen volgens HTTPS. Dit geeft een betrouwbare look voor je website en zorgt ervoor dat gebruikers geen waarschuwing krijgen voordat ze op je website komen.

HTML

HTML is de taal waarin je je website schrijft. Dit is de basis van je website. Hierin zet je de tekst, afbeeldingen en links. Dit is de taal die je browser leest en omzet in een website. Hiervoor zijn goede templates te vinden. Mijn website is gebaseerd op deze template: https://html5up.net/spectral. Het editen daarvan doe ik in VSCode met hulp van de ingebouwde Copilot. Het duurt even voordat je doorhebt hoe het werkt, maar omdat je zelf de code maakt en niet via WordPress of andere website builders werkt, heb je eindeloze mogelijkheden en kun je zoveel pagina's als je wilt toevoegen zonder limieten.

Dit heb ik geleerd via deze tutorial, echt een aanrader: https://www.youtube.com/watch?v=e5AwNU3Y2es.

Hoe zet ik 3D-modellen op mijn website?

Dit is mogelijk door je model in Fusion 360 te openen en te kiezen voor Weergave --> Details weergeven op web. Vanuit hier kun je je model delen via het deel-icoon --> Embed. Deze HTML-code kun je kopiëren en voilà, je 3D-model staat op je website. Het mooie hieraan is dat wanneer je het ontwerp aanpast, dit ook automatisch wordt bijgewerkt op je website.

---

Dit is hoe je jouw website goed vindbaar kan maken op Google

Voeg de volgende meta data name toe bovenaan je HTML bestand.

<meta name="description" content="Leer hoe je je eigen website bouwt en host, inclusief het integreren van 3D-modellen.">
<meta name="keywords" content="website bouwen, gratis hosting, HTML, 3D-modellen, GitHub, Fusion 360">
<meta name="author" content="Tijn Verdurmen">

Voorbeelden van hoe je tekst kan opmaken in HTML

This is bold and this is strong. This is italic and this is emphasized. This is ^superscript text and this is _subscript text. This is underlined and this is code: for (;;) { ... }. Finally, this is a link.

Heading with a Subtitle

Lorem ipsum dolor sit amet nullam id egestas urna aliquam

Nunc lacinia ante nunc ac lobortis. Interdum adipiscing gravida odio porttitor sem non mi integer non faucibus ornare mi ut ante amet placerat aliquet. Volutpat eu sed ante lacinia sapien lorem accumsan varius montes viverra nibh in adipiscing blandit tempus accumsan.

Heading with a Subtitle

Lorem ipsum dolor sit amet nullam id egestas urna aliquam

Nunc lacinia ante nunc ac lobortis. Interdum adipiscing gravida odio porttitor sem non mi integer non faucibus ornare mi ut ante amet placerat aliquet. Volutpat eu sed ante lacinia sapien lorem accumsan varius montes viverra nibh in adipiscing blandit tempus accumsan.

---

Heading Level 2

Heading Level 3

Heading Level 4

Heading Level 5

Heading Level 6

---

---

Blockquote

Fringilla nisl. Donec accumsan interdum nisi, quis tincidunt felis sagittis eget tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan faucibus. Vestibulum ante ipsum primis in faucibus lorem ipsum dolor sit amet nullam adipiscing eu felis.

Preformatted

i = 0;


										while (!deck.isInOrder()) {
										print 'Iteration ' + i;
										deck.shuffle();
										i++;
										}

										print 'It took ' + i + ' iterations to sort the deck.';

Lists

Actions

Table

Default

Alternate

Buttons

• Primary
• Default

• Large
• Default
• Small

• Fit
• Fit
• Fit

• Fit + Small
• Fit + Small
• Fit + Small

• Icon
• Icon

• Disabled
• Disabled

Form

- Category - Manufacturing Shipping Administration Human Resources

Low

Normal

High

Email me a copy

Not a robot