<?xml version="1.0" encoding="UTF-8"?><rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/">
  <channel>
    <title>gratis &amp;mdash; mistynotes</title>
    <link>https://mistynotes.nl/tag:gratis</link>
    <description>&lt;a rel=&#34;me&#34; style=&#34;display:none&#34; href=https://mastodon.nl/@shockingGreen&gt; &lt;/a&gt;</description>
    <pubDate>Wed, 15 Apr 2026 09:13:02 +0000</pubDate>
    <image>
      <url>https://i.snap.as/0cCCMkfc.png</url>
      <title>gratis &amp;mdash; mistynotes</title>
      <link>https://mistynotes.nl/tag:gratis</link>
    </image>
    <item>
      <title>Voor een tientje per jaar een https website </title>
      <link>https://mistynotes.nl/voor-een-tientje-per-jaar-een-https-website?pk_campaign=rss-feed</link>
      <description>&lt;![CDATA[img alt=&#34;Code van een website&#34; class=&#34;imgmain&#34; src=&#34;https://i.snap.as/ODKx1YV9.jpg&#34;/&#xA;&#xA;Het leven wordt duurder, en we proberen op alle mogelijke manieren dubbeltjes en kwartjes tot aan hele euro&#39;s te besparen. Ook in het digitale leven gaan de prijzen omhoog. Over een paar weken is het 1 januari, en misschien wordt 2023 wel een schrikjaar. Met de digitale gereedschappen die er op vandaag zijn, is het maken en publiceren van een website steeds eenvoudiger. Maar is het ook goedkoper? Dat valt te bezien.&#xA;!--more--&#xA;&#xA;Als je een website moet maken die als voornaamste doel heeft jezelf of je bedrijf te presenteren, dan is het niet nodig een uitgebreid Content Management Systeem (CMS) te gebruiken.  Wel natuurlijk als je in de toekomst grotere plannen hebt met de website, zoals het  presenteren van een winkel met producten en het toelaten van meerdere gebruikers die op je website in kunnen loggen en de inhoud moeten kunnen veranderen. Voor een massagepraktijk bijvoorbeeld, is het vooral van belang om je op het web te presenteren, je contactgegevens bekend te maken en eventueel de tarieven die je voor de diensten in rekening wil brengen. Met deze website als voorbeeld laat ik zien hoe het goedkoop en niet al te moeilijk kan.&#xA;&#xA;Domein registreren.&#xA;&#xA;Allereerst zul je een naam op internet moeten hanteren. Als je al een bedrijf hebt, hoef je hierover niet lang na te denken. Om die naam op internet te kunnen gebruiken moet je een zogenaamd domein registreren. In ons geval is dat &#34;kantamassage&#34;. Je kunt er &#34;kantamassage.com&#34; van maken of &#34;kantamassage.nl&#34;. De meeste mensen in Nederland zijn gewend aan het .nl suffix.  Dus daar gaan we voor. Je kunt eventueel ook andere suffixen, of domeinnamen die heel erg op je bedrijfsnaam lijken, registreren. Dit om te voorkomen dat iemand anders zich die domeinen gaat toe-eigenen en zich gaat voordoen als jouw bedrijf.  Er zijn veel bedrijven die je hiermee willen helpen, bijvoorbeeld namecheap, godaddy ,mijndomein, strato, hostinger,  kies er een die je het meest bevalt, de prijzen zullen elkaar niet zo heel veel ontlopen. img alt=&#34;Muntstukken&#34; align=&#34;right&#34; src= &#34;https://i.snap.as/434KRM5r.png&#34; /&#xA;&#xA;Ping ping&#xA;&#xA;Je hebt het domein gekocht, wat heb je dan? Alleen een domeinnaam? Je domeinprovider heeft ook een uniek nummer op internet voor jou gereserveerd: een ip-adres. Zo&#39;n ip-adres is uiteindelijk het adres van een machine waar een browser gaat zoeken of daar iets te vinden is om je te tonen. Voor kantamassage is dat bijvoorbeeld 34.249.138.199. Maar is daar dan iets te vinden? Helaas niet, want we hebben alleen een domeinnaam gekocht, en geen ruimte op een computer dat te benaderen is op het internet, en waar je bestanden op kunt zetten die een browser dan zal tonen. Die ruimte kun je in de meeste gevallen wel bijkopen bij het bedrijf waar je de naam hebt geregistreerd. Dat betekent echter wel dat je tien keer zoveel te betalen hebt als voor je domeinregistratie. Voor dat geld heb je die websiteruimte met een versleutelde https verbinding (het slotje in de adresbalk). Maar we willen alles toch goedkoop houden? Ondanks dat we ook nog alles simpel willen houden, moeten we toch wat extra doen om gratis ruimte en een gratis https-slotje te scoren.&#xA;&#xA;Github&#xA;&#xA;img alt=&#34;Github logo&#34; class=&#34;imgleft&#34; src=&#34;https://i.snap.as/5dUb4hBB.png&#34;/Er zijn plekken waar je wel gratis je bestanden neer kunt zetten zodat ze via internet te benaderen zijn. Zoek eens op &#34;free hosting&#34; in een zoekmachine. Hostinger of 000webhost bieden bijvoorbeeld een gratis pakket aan. Je hebt daar zelfs uitgebreidere mogelijkheden met website-builders of met Wordpress. Er bestaat echter ook een speciale plek die oorspronkelijk is gebouwd om open-source software op te bewaren en om het mogelijk te maken met meerdere mensen aan hetzelfde programma te kunnen werken: Github. Die historie is voor ons niet zo belangrijk. Wat ik zelf wel belangrijk vind, is dat deze plek meer garantie biedt voor een goede en snelle werking van je website. Bij 000webhost bijvoorbeeld, is je gratis website erg traag, en op sommige tijden van de dag gewoon niet bereikbaar. Op Github zul je dat niet echt meemaken, is mijn verwachting. &#xA;&#xA;Niets installeren&#xA;&#xA;Maar hoe zet je website-bestanden op Github? Je maakt dan gebruik van Github Pages, dat speciaal voor webpagina&#39;s bedoeld is. Allereerst maak je een account aan op Github. Daarna maak je een zogenaamde repository aan waarvan de naam de volgende structuur heeft: accountnaam.github.io. &#xA;Create repository in Github&#xA;Dat is stap 1 op deze instructiepagina. Anders dan op deze pagina wordt voorgesteld, kun je het af zonder nieuwe git-software te installeren. Git is een versiebeheersysteem, en je zult dat een beetje moeten leren voor je er mee kunt werken. Gelukkig is dat niet nodig en hoef je de vervolgstappen op deze instructiepagina niet te volgen. Ik heb deze software niet op mijn computer gezet en toch heb ik de bestanden er neer kunnen zetten. Dat kun je namelijk eenvoudig doen door te navigeren naar je repository die je net hebt aangemaakt, en gewoon op de knop Add file  te klikken en daarna op Upload files. Geef een omschrijving bij het uploaden (git is per slot een versiebeheer systeem en houdt alle veranderingen bij), en bevestig je keuze. &#xA;Add file in github&#xA;De bestanden staan nu op je Github-page, en zijn benaderbaar door in de browser accountnaam.github.io te typen! In ons geval is dat kantamassage.github.io. &#xA;&#xA;De website maken&#xA;&#xA;Hoe heb ik die bestanden dan aangemaakt die ik op Github gezet heb? De website heb ik vrij snel gemaakt met behulp van het parallax template op w3schools. Eigenlijk is het al genoeg om de broncode van dit template te kopiëren en op je computer als index.html te bewaren. Daarna kun je zelf de tekst, kleuren en foto&#39;s aanpassen. Maar je kunt het natuurlijk ook op de w3schools-manier doen.&#xA;&#xA;Https&#xA;&#xA;We hebben dus een website op Github en we hebben een domeinnaam. Nu moeten we ervoor zorgen dat als je &#34;https://kantamassage.nl&#34; in je browser typt, je ook terecht komt op Github. Dat kan met een ander bedrijf: Cloudflare. Dat is een bedrijf dat veel diensten aanbiedt die te maken hebben met websites en het beheer ervan. De meeste diensten gaan over het sneller en veiliger maken van je website. Ook hier maak je een account aan. Daarna kun je meteen een website toevoegen.&#xA;Add site in Cloudflare&#xA;Kies dan op de volgende pagina voor het gratis abonnement. Vervolgens worden alle gegevens over je domein ingelezen. Die kun je vergelijken met de gegevens die bij je provider van je domeinnaam (registrar) vindt. Dit gaat over de zogenaamde DNS-instellingen. In wezen is het de inhoud van een databaserecord waarin staat naar welk ip-adres de browser moet kijken als je een domeinnaam intypt. Een soort woordenboek, of beter nog een telefoonboek van namen en nummers. Daarna komt een belangrijke stap. Die gaat dan niet automatisch, want je moet bij je registrar iets veranderen: de computers die deze dns-database bijhouden: de nameservers. Daar moeten in plaats van de nameservers van de registrar die er nu staan, de namen van de nameservers van Cloudflare komen te staan. In ons geval is dat arnold.ns.cloudflare.com en demi.nl.cloudflare.com. Als je dat gedaan hebt kun je bevestigen dat je dat gedaan hebt door op de knop &#34;Done, check nameservers&#34; te klikken. Bij de paar stappen die daarna volgen kun je je gewoon bij de standaard waarden houden. En daarna is het wachten tot Cloudflare vindt dat het goed is. &#xA;&#xA;Ping&#xA;&#xA;Ondertussen kunnen we nog eens kijken naar de Github-pages. Want wat we later gaan doen, is vertellen tegen die nameservers van Cloudflare dat hij voor het domein niet meer naar het oorspronkelijk ip-adres (dat was in ons voorbeeld 34.249.138.199) moet wijzen, maar naar het ip-adres van de Github-pages. Maar wat is dat ip-adres van Github dan? En Github heeft veel pages, hoe weet Github welk van de pages getoond moet worden als Cloudflare de browser volgens onze opdracht naar Githubs ip-adres stuurt? Eerst maar eens het ip-adres opzoeken. In deze documentatie vind je zelfs een viertal nummers. &#xA;185.199.108.153&#xA;185.199.109.153&#xA;185.199.110.153&#xA;185.199.111.153&#xA;Dan toch maar eens pingen naar kantamassage.github.io.&#xA;Pingen naar je github site&#xA;Kennelijk is het ip adres dan &#xA;185.199.110.153&#xA;&#xA;Cname&#xA;&#xA;Onze tweede vraag was: hoe weet Github dat de vraag van de browser voor kantamassage.nl naar kantamassage.github.io moet wijzen en niet naar bijvoorbeeld blabla.github.io? Daarvoor is het nodig dat je nog wat informatie toevoegt aan Github Pages, namelijk de naam van het binnenkomende domein: kantamassage.nl. Onder menu-tem Settings-  Pages vind je het kopje Custom Domain. &#xA;&#xA;Custom domain instellen in Github Pages&#xA;Als je hier de naam invult, wordt een bestandje met de naam CNAME aangemaakt in de root van je repository. De inhoud van het bestandje bevat de naam die je hebt ingevuld: &#34;kantamassage.nl&#34;. Zo wordt kantamassage.nl niet alleen aan het ip adres van github.io (185.199.110.153) gekoppeld, maar ook aan het subdomein kantamassage op github.io (kantamassage.github.io).&#xA;&#xA;Nu weer terug naar Cloudflare. Als de nameservers goed staan, en in Cloudflare krijg je de melding dat het ok is, dan kun je eindelijk de verwijzing naar Github in de dns zetten:&#xA;dns bij cloudflare&#xA;&#xA;De ipnummers voor de AAAA-records (ipv6) kun je ook met ping vinden, maar dan met  ping -6 domeinnaam. Probeer het eens uit en verbaas je erover dat je een https-website hebt voor weinig geld!&#xA;&#xA;&#34;Verwijsbrief&#34;&#xA;&#xA;Je hebt nu voor ongeveer 10 euro per jaar ( de prijs van de domeinregistratie) een https-website online. Als je meer domeinen hebt geregistreerd, bijvoorbeeld kantamassage.com dan kun je die laten doorverwijzen naar kantamassage.nl bij je registrar, door het aanmaken van een 301 redirect. Dat is meestal een kwestie van een paar klikken en de domeinnaam in vullen.&#xA;Doorverwijzen bij je registrar&#xA;&#xA;Nieuw&#xA;&#xA;Voor mij was het allemaal betrekkelijk nieuw, deze manier van website-beheer, en ik heb ook wel zitten stoeien met die ip-adressen van Github. Daarom heb ik het ook allemaal nog eens goed opgeschreven en kan ik het hier delen. Maar het kan zijn dat sommige dingen ook wel beter kunnen. Ik zag bijvoorbeeld een soort van &#34;Pages&#34;-mogelijkheid bij Cloudflare. Dat is waarschijnlijk nog makkelijker, ik weet alleen niet of dat ook gratis is. Ik heb er in ieder geval wel van geleerd, en laat het me gerust weten wanneer het nog beter of makkelijker kan. &#xA;&#xA;###### #website #internet #domein #https #gratis&#xA;&#xA;a href=&#34;https://remark.as/p/mistynotes.nl/voor-een-tientje-per-jaar-een-https-website&#34;Discuss.../a &#xA;&#xA;]]&gt;</description>
      <content:encoded><![CDATA[<p><img alt="Code van een website" class="img_main" src="https://i.snap.as/ODKx1YV9.jpg"/></p>

<p>Het leven wordt duurder, en we proberen op alle mogelijke manieren dubbeltjes en kwartjes tot aan hele euro&#39;s te besparen. Ook in het digitale leven gaan de prijzen omhoog. Over een paar weken is het 1 januari, en misschien wordt 2023 wel een schrikjaar. Met de digitale gereedschappen die er op vandaag zijn, is het maken en publiceren van een website steeds eenvoudiger. Maar is het ook goedkoper? Dat valt te bezien.
</p>

<p>Als je een website moet maken die als voornaamste doel heeft jezelf of je bedrijf te presenteren, dan is het niet nodig een uitgebreid Content Management Systeem (<a href="https://en.wikipedia.org/wiki/Content_management_system">CMS</a>) te gebruiken.  Wel natuurlijk als je in de toekomst grotere plannen hebt met de website, zoals het  presenteren van een winkel met producten en het toelaten van meerdere gebruikers die op je website in kunnen loggen en de inhoud moeten kunnen veranderen. Voor een massagepraktijk bijvoorbeeld, is het vooral van belang om je op het web te presenteren, je contactgegevens bekend te maken en eventueel de tarieven die je voor de diensten in rekening wil brengen. Met deze website als voorbeeld laat ik zien hoe het goedkoop en niet al te moeilijk kan.</p>

<h2 id="domein-registreren" id="domein-registreren">Domein registreren.</h2>

<p>Allereerst zul je een naam op internet moeten hanteren. Als je al een bedrijf hebt, hoef je hierover niet lang na te denken. Om die naam op internet te kunnen gebruiken moet je een zogenaamd domein registreren. In ons geval is dat “kantamassage”. Je kunt er “kantamassage.com” van maken of “kantamassage.nl”. De meeste mensen in Nederland zijn gewend aan het <code>.nl</code> <a href="https://en.wikipedia.org/wiki/Top-level_domain">suffix</a>.  Dus daar gaan we voor. Je kunt eventueel ook andere suffixen, of domeinnamen die heel erg op je bedrijfsnaam lijken, registreren. Dit om te voorkomen dat iemand anders zich die domeinen gaat toe-eigenen en zich gaat voordoen als jouw bedrijf.  Er zijn veel bedrijven die je hiermee willen helpen, bijvoorbeeld <a href="https://www.namecheap.com/">namecheap</a>, <a href="https://www.godaddy.com/nl-nl">godaddy</a> ,<a href="https://www.mijndomein.nl">mijndomein</a>, <a href="https://www.strato.nl/">strato</a>, <a href="https://www.hostinger.com/">hostinger</a>,  kies er een die je het meest bevalt, de prijzen zullen elkaar niet zo heel veel ontlopen. <img alt="Muntstukken" align="right" src="https://i.snap.as/434KRM5r.png"/></p>

<h2 id="ping-ping" id="ping-ping">Ping ping</h2>

<p>Je hebt het domein gekocht, wat heb je dan? Alleen een domeinnaam? Je domeinprovider heeft ook een uniek nummer op internet voor jou gereserveerd: een ip-adres. Zo&#39;n ip-adres is uiteindelijk het adres van een machine waar een browser gaat zoeken of daar iets te vinden is om je te tonen. Voor kantamassage is dat bijvoorbeeld 34.249.138.199. Maar is daar dan iets te vinden? Helaas niet, want we hebben alleen een domeinnaam gekocht, en geen ruimte op een computer dat te benaderen is op het internet, en waar je bestanden op kunt zetten die een browser dan zal tonen. Die ruimte kun je in de meeste gevallen wel bijkopen bij het bedrijf waar je de naam hebt geregistreerd. Dat betekent echter wel dat je tien keer zoveel te betalen hebt als voor je domeinregistratie. Voor dat geld heb je die websiteruimte met een versleutelde https verbinding (het slotje in de adresbalk). Maar we willen alles toch goedkoop houden? Ondanks dat we ook nog alles simpel willen houden, moeten we toch wat extra doen om gratis ruimte en een gratis https-slotje te scoren.</p>

<h2 id="github" id="github">Github</h2>

<p><img alt="Github logo" class="img_left" src="https://i.snap.as/5dUb4hBB.png"/>Er zijn plekken waar je wel gratis je bestanden neer kunt zetten zodat ze via internet te benaderen zijn. Zoek eens op “free hosting” in een zoekmachine. Hostinger of 000webhost bieden bijvoorbeeld een gratis pakket aan. Je hebt daar zelfs uitgebreidere mogelijkheden met website-builders of met Wordpress. Er bestaat echter ook een speciale plek die oorspronkelijk is gebouwd om open-source software op te bewaren en om het mogelijk te maken met meerdere mensen aan hetzelfde programma te kunnen werken: <a href="https://github.com/">Github</a>. Die historie is voor ons niet zo belangrijk. Wat ik zelf wel belangrijk vind, is dat deze plek meer garantie biedt voor een goede en snelle werking van je website. Bij 000webhost bijvoorbeeld, is je gratis website erg traag, en op sommige tijden van de dag gewoon niet bereikbaar. Op Github zul je dat niet echt meemaken, is mijn verwachting.</p>

<h2 id="niets-installeren" id="niets-installeren">Niets installeren</h2>

<p>Maar hoe zet je website-bestanden op Github? Je maakt dan gebruik van Github Pages, dat speciaal voor webpagina&#39;s bedoeld is. Allereerst maak je een account aan op Github. Daarna maak je een zogenaamde repository aan waarvan de naam de volgende structuur heeft: <code>accountnaam.github.io</code>.
<img src="https://i.snap.as/vklOzFMM.jpg" alt="Create repository in Github"/>
Dat is stap 1 op deze <a href="https://pages.github.com/">instructiepagina</a>. Anders dan op deze pagina wordt voorgesteld, kun je het af zonder nieuwe git-software te installeren. Git is een versiebeheersysteem, en je zult dat een beetje moeten leren voor je er mee kunt werken. Gelukkig is dat niet nodig en hoef je de vervolgstappen op deze instructiepagina niet te volgen. Ik heb deze software niet op mijn computer gezet en toch heb ik de bestanden er neer kunnen zetten. Dat kun je namelijk eenvoudig doen door te navigeren naar je repository die je net hebt aangemaakt, en gewoon op de knop <code>Add file</code>  te klikken en daarna op <code>Upload files</code>. Geef een omschrijving bij het uploaden (git is per slot een versiebeheer systeem en houdt alle veranderingen bij), en bevestig je keuze.
<img src="https://i.snap.as/9djQTYBX.jpg" alt="Add file in github"/>
De bestanden staan nu op je Github-page, en zijn benaderbaar door in de browser <code>accountnaam.github.io</code> te typen! In ons geval is dat <code>kantamassage.github.io</code>.</p>

<h2 id="de-website-maken" id="de-website-maken">De website maken</h2>

<p>Hoe heb ik die bestanden dan aangemaakt die ik op Github gezet heb? De website heb ik vrij snel gemaakt met behulp van het <a href="https://www.w3schools.com/w3css/tryw3css_templates_parallax.htm">parallax template</a> op w3schools. Eigenlijk is het al genoeg om de broncode van dit template te kopiëren en op je computer als index.html te bewaren. Daarna kun je zelf de tekst, kleuren en foto&#39;s aanpassen. Maar je kunt het natuurlijk ook op de <a href="https://mistynotes.nl/w3schools-gaat-ook-into-space">w3schools-manier</a> doen.</p>

<h2 id="https" id="https">Https</h2>

<p>We hebben dus een website op Github en we hebben een domeinnaam. Nu moeten we ervoor zorgen dat als je <code>&#34;https://kantamassage.nl&#34;</code> in je browser typt, je ook terecht komt op Github. Dat kan met een ander bedrijf: <a href="https://www.cloudflare.com/">Cloudflare</a>. Dat is een bedrijf dat veel diensten aanbiedt die te maken hebben met websites en het beheer ervan. De meeste diensten gaan over het sneller en veiliger maken van je website. Ook hier maak je een account aan. Daarna kun je meteen een website toevoegen.
<img src="https://i.snap.as/ZeFf4hb2.jpg" alt="Add site in Cloudflare"/>
Kies dan op de volgende pagina voor het gratis abonnement. Vervolgens worden alle gegevens over je domein ingelezen. Die kun je vergelijken met de gegevens die bij je provider van je domeinnaam (registrar) vindt. Dit gaat over de zogenaamde DNS-instellingen. In wezen is het de inhoud van een databaserecord waarin staat naar welk ip-adres de browser moet kijken als je een domeinnaam intypt. Een soort woordenboek, of beter nog een telefoonboek van namen en nummers. Daarna komt een belangrijke stap. Die gaat dan niet automatisch, want je moet bij je registrar iets veranderen: de computers die deze dns-database bijhouden: de nameservers. Daar moeten in plaats van de nameservers van de registrar die er nu staan, de namen van de nameservers van Cloudflare komen te staan. In ons geval is dat <code>arnold.ns.cloudflare.com</code> en <code>demi.nl.cloudflare.com</code>. Als je dat gedaan hebt kun je bevestigen dat je dat gedaan hebt door op de knop <code>&#34;Done, check nameservers&#34;</code> te klikken. Bij de paar stappen die daarna volgen kun je je gewoon bij de standaard waarden houden. En daarna is het wachten tot Cloudflare vindt dat het goed is.</p>

<h2 id="ping" id="ping">Ping</h2>

<p>Ondertussen kunnen we nog eens kijken naar de Github-pages. Want wat we later gaan doen, is vertellen tegen die nameservers van Cloudflare dat hij voor het domein niet meer naar het oorspronkelijk ip-adres (dat was in ons voorbeeld 34.249.138.199) moet wijzen, maar naar het ip-adres van de Github-pages. Maar wat is dat ip-adres van Github dan? En Github heeft veel pages, hoe weet Github welk van de pages getoond moet worden als Cloudflare de browser volgens onze opdracht naar Githubs ip-adres stuurt? Eerst maar eens het ip-adres opzoeken. In deze <a href="https://docs.github.com/en/pages/configuring-a-custom-domain-for-your-github-pages-site/managing-a-custom-domain-for-your-github-pages-site#configuring-an-apex-domain">documentatie</a> vind je zelfs een viertal nummers.</p>

<pre><code>185.199.108.153
185.199.109.153
185.199.110.153
185.199.111.153
</code></pre>

<p>Dan toch maar eens pingen naar kantamassage.github.io.
<img src="https://i.snap.as/9yFt6Xyf.jpg" alt="Pingen naar je github site"/>
Kennelijk is het ip adres dan
<code>185.199.110.153</code></p>

<h2 id="cname" id="cname">Cname</h2>

<p>Onze tweede vraag was: hoe weet Github dat de vraag van de browser voor <code>kantamassage.nl</code> naar <code>kantamassage.github.io</code> moet wijzen en niet naar bijvoorbeeld <code>blabla.github.io</code>? Daarvoor is het nodig dat je nog wat informatie toevoegt aan Github Pages, namelijk de naam van het binnenkomende domein: kantamassage.nl. Onder menu-tem <code>Settings-&gt;Pages</code> vind je het kopje <code>Custom Domain</code>.</p>

<p><img src="https://i.snap.as/GYRiNt4H.jpg" alt="Custom domain instellen in Github Pages"/>
Als je hier de naam invult, wordt een bestandje met de naam CNAME aangemaakt in de root van je repository. De inhoud van het bestandje bevat de naam die je hebt ingevuld: “kantamassage.nl”. Zo wordt kantamassage.nl niet alleen aan het ip adres van github.io (<code>185.199.110.153</code>) gekoppeld, maar ook aan het subdomein kantamassage op github.io (<code>kantamassage.github.io</code>).</p>

<p>Nu weer terug naar Cloudflare. Als de nameservers goed staan, en in Cloudflare krijg je de melding dat het ok is, dan kun je eindelijk de verwijzing naar Github in de dns zetten:
<img src="https://i.snap.as/gaQ9eCHQ.jpg" alt="dns bij cloudflare"/></p>

<p>De ipnummers voor de AAAA-records (<a href="https://nl.wikipedia.org/wiki/Internet_Protocol_versie_6">ipv6</a>) kun je ook met ping vinden, maar dan met <code>ping -6 domeinnaam</code>. Probeer het eens uit en verbaas je erover dat je een https-website hebt voor weinig geld!</p>

<h2 id="verwijsbrief" id="verwijsbrief">“Verwijsbrief”</h2>

<p>Je hebt nu voor ongeveer 10 euro per jaar ( de prijs van de domeinregistratie) een https-website online. Als je meer domeinen hebt geregistreerd, bijvoorbeeld kantamassage.com dan kun je die laten doorverwijzen naar kantamassage.nl bij je registrar, door het aanmaken van een 301 redirect. Dat is meestal een kwestie van een paar klikken en de domeinnaam in vullen.
<img src="https://i.snap.as/jQ5Dup9M.jpg" alt="Doorverwijzen bij je registrar"/></p>

<h2 id="nieuw" id="nieuw">Nieuw</h2>

<p>Voor mij was het allemaal betrekkelijk nieuw, deze manier van website-beheer, en ik heb ook wel zitten stoeien met die ip-adressen van Github. Daarom heb ik het ook allemaal nog eens goed opgeschreven en kan ik het hier delen. Maar het kan zijn dat sommige dingen ook wel beter kunnen. Ik zag bijvoorbeeld een soort van “Pages”-mogelijkheid bij Cloudflare. Dat is waarschijnlijk nog makkelijker, ik weet alleen niet of dat ook gratis is. Ik heb er in ieder geval wel van geleerd, en laat het me gerust weten wanneer het nog beter of makkelijker kan.</p>

<h6 id="website-internet-domein-https-gratis" id="website-internet-domein-https-gratis"><a href="https://mistynotes.nl/tag:website" class="hashtag"><span>#</span><span class="p-category">website</span></a> <a href="https://mistynotes.nl/tag:internet" class="hashtag"><span>#</span><span class="p-category">internet</span></a> <a href="https://mistynotes.nl/tag:domein" class="hashtag"><span>#</span><span class="p-category">domein</span></a> <a href="https://mistynotes.nl/tag:https" class="hashtag"><span>#</span><span class="p-category">https</span></a> <a href="https://mistynotes.nl/tag:gratis" class="hashtag"><span>#</span><span class="p-category">gratis</span></a></h6>

<p><a href="https://remark.as/p/mistynotes.nl/voor-een-tientje-per-jaar-een-https-website">Discuss...</a></p>
]]></content:encoded>
      <guid>https://mistynotes.nl/voor-een-tientje-per-jaar-een-https-website</guid>
      <pubDate>Sun, 11 Dec 2022 14:09:33 +0000</pubDate>
    </item>
    <item>
      <title>W3schools gaat ook into space!</title>
      <link>https://mistynotes.nl/w3schools-gaat-ook-into-space?pk_campaign=rss-feed</link>
      <description>&lt;![CDATA[img class=&#34;imgmain&#34; alt=&#34;Wizard&#34; src=&#34;https://i.snap.as/alhXX2cu.png&#34;/&#xA;&#xA;Een beetje clickbait mag wel af en toe. Het gaat hier niet om een miljardair die denkt dat ie de aarde kan verlaten, nadat hij haar vervuild en uitgemergeld heeft. Het gaat om w3schools. Als je ooit de letters html naast elkaar hebt zien staan, dan is de kans groot dat je ook w3schools hebt gezien. Google maar eens op html image, of alleen maar op html. W3schools staat dan op de eerste pagina, als het al niet het eerste zoekresultaat is. Twintig jaar geleden al, was het een vraagbaak voor mensen die iets met internet te maken hadden. Je kunt het antwoord op je vraag vaak heel snel vinden op de site, en wat ook belangrijk is: er staat geen letter te veel in de uitleg. Je hoeft dan niet een hele pagina door te worstelen voordat je hebt waar je voor gekomen bent. &#xA;!--more--&#xA;Verrassend&#xA;&#xA;Toen ik laatst op de site kwam, zag ik een reclame-banner met de aankondiging dat er nu ook &#34;w3-spaces&#34; zijn. img alt=&#34;space&#34; class=&#34;imgright&#34; src=&#34;https://i.snap.as/xNtIxvlB.png&#34;/Dat is dan internetruimte voor een website. Ik vroeg me dan ook meteen af, waar dat dan nou voor nodig is. Hebben we niet Wix, Weebly, Google-Sites, of zelfs WordPress? Ik heb de nieuwe mogelijkheid uitgeprobeerd, en er zijn wel verschillen aan te wijzen. Of je daar gelukkig mee bent is een tweede.&#xA;&#xA;Leren&#xA;&#xA;W3schools is in de eerste plaats opgezet om een leerplaats te bieden voor internet-bouwers. Bij het aanprijzen van spaces zie je dan ook termen als &#34;playground&#34;, &#34;experiments&#34; en &#34;code&#34;. Dus een drag- en drop-gereedschap, zoals bij Weebly, of Google Sites hoef je niet te verwachten. Van een woud van menu-opties zoals bij WordPress is ook geen sprake. Je maakt een website aan de hand van een voorgekookt voorbeeld. Dat voorbeeld, een template, heb je snel gevonden door te kijken op hun template-keuze site. Hier kun je ze ook vinden. Alle bestanden die nodig zijn voor dit voorbeeld worden dan op je &#34;space&#34; gezet. Dan kun je aan de slag.&#xA;&#xA;Dummy&#xA;&#xA;Dat heb ik uitgeprobeerd door een &#34;dummy&#34;-site aan te maken. Samengevat komt het erop neer dat je je eigen tekst en foto&#39;s tussen de html-code van het voorbeeld zet. Je vervangt dan als het ware de tekst en de foto&#39;s van het voorbeeld. Het gekozen ontwerp dat je mooi genoeg hebt gevonden, blijft dan onaangetast. Je moet wel enig begrip hebben van html en ook een beetje van hoe css werkt. Dat helpt om de plekken te vinden waar je iets moet veranderen. Vaak moet je ook iets weghalen door de code tussen !-- en -- te zetten. &#xA;&#xA;Snel klaar&#xA;&#xA;Hoe gaat het in zijn werk? Natuurlijk zul je eerst een account aan moeten maken. Dat gaat precies zoals je verwacht: een email-adres en wachtwoord invoeren, en het emailadres bevestigen. Als je op je nieuwe werkomgeving dan kiest voor de &#34;Create a space&#34; knop dan kun je meteen een template uitzoeken. &#xA;Wizard&#xA;Ik heb een eenvoudig template, het parallax template, uitgekozen voor mijn testje. Vervolgens kun je je eigen tekst gewoon met knippen en plakken tussen de p en /p tags zetten, terwijl je de originele tekst vervangt. Vergeet dan ook niet de title te vervangen. Foto&#39;s kun je &#34;uploaden&#34; door op de &#34;upload&#34;-knop te drukken. Vervolgens vervang je de originele namen van illustraties op de site door deze nieuwe, vers omhoog gehaalde bestanden. &#xA;Fotonamen vervangen&#xA;Je kunt telkens in een &#34;preview&#34; bekijken of het resultaat je aanstaat. Sommige delen van de site hoeven niet van toepassing te zijn op je situatie. In mijn voorbeeld is dat ook het geval, en die delen heb ik dan ook weggehaald. Klaar! Dat is snel! Hoeft maar een uurtje of twee te duren. &#xA;&#xA;Code completion&#xA;&#xA;Met deze werkzaamheden heb je het grafische ontwerp intact gelaten. Je kunt echter ook in het ontwerp, de kleuren, de grootte van de objecten, of de uitlijning, heel veel veranderen. De editor helpt je daarbij. Je moet je voorstellen dat de w3schools-templates opgebouwd zijn met een mooi uitgedacht systeem van css-klassen. Het doet ook wel denken aan het systeem van bootstrap) dat je goed kunt gebruiken voor sites die &#34;responsive&#34; moeten zijn, dus goed moeten reageren op pc of mobiel apparaat. &#xA;Code completion&#xA;Mocht je het zelf uitproberen, verander dan eens de naam van een &#34;class&#34;. Je ziet dan een lijstje in de editor verschijnen van mogelijke klassen die je kunt gebruiken. De naamgeving is over het algemeen goed gekozen, en als je er langer mee werkt zul je vast goed weten wat die klassen doen. &#xA;&#xA;Statisch&#xA;&#xA;De website die je zo hebt gemaakt is statisch. Dat wil zeggen dat ze niet verandert naar aanleiding van input van de bezoeker, of van gegevens die de site ergens anders vandaan haalt. Dat maakt dit wel geschikt voor een presentatie-website voor een klein bedrijf of voor jou als persoon. In de toekomst is het hier ook mogelijk een werkend formulier in de site te zetten, zonder dat je daarvoor aan de serverkant moeilijke php-dingen hoeft te doen. Zo&#39;n formulier zie je inderdaad ook vaak op sites voor bedrijven om klanten de mogelijkheid te geven makkelijk een vraag te stellen. Voorlopig kun je hier met een email-adres wel vooruit. Waar deze spaces niet zo voor geschikt zijn, is bloggen, vind ik. Om één keer tussen die p-tags tekst te kopieren is wel te doen, maar iedere keer als je iets nieuws schrijft lijkt me dat wel overdreven. &#xA;&#xA;Beperkingen&#xA;&#xA;Als je van template wil wisselen, zoals dat bij andere websitebuilders mogelijk is, dan kan dat niet snel. Je moet dan een nieuwe space aanmaken, die natuurlijk niet dezelfde naam kan hebben. Als je de oude space verwijdert, omdat je gratis account maar één space toelaat, duurt het een maand voordat je de naam weer kunt gebruiken. Maar als je daarop niet kunt wachten, dan is het mogelijk alle bestanden van je space te wissen, een andere space aan te maken (ook een nieuw account met een ander emailadres als je het gratis wil houden), daar de bestanden van de template op terecht laten komen, en ze vervolgens op de oude space neerzetten. Nou, dat kan wel makkelijker. Een andere beperking die vooral bij de gratis versie geldt, is de lage verkeerslimiet van 100 MB per maand. &#xA;&#xA;Export en import&#xA;&#xA;W3spaces heeft vooralsnog geen export- of importmogelijkheid. Voor import kun je de upload-knop gebruiken, met de kans dat je rsi-symptomen krijgt. FTP is voor zover ik kan zien nog niet mogelijk. Exporteren kan helemaal niet, dus dat zou je ook handmatig kunnen doen door elke file in de browser op te roepen en te downloaden. Makkelijker is het om wget te gebruiken. Met wget -r -np -k https://snappie.w3spaces.com kreeg ik alle gebruikte bestanden op mijn pc. Bovendien was daarna een dubbelklik op het index.html bestand voldoende om de website lokaal te kunnen bekijken. In principe kun je de bestanden dus ook op een andere plek op internet neerzetten. Overigens heb ik op mijn Windows machine WSL moeten gebruiken om dat voor elkaar te krijgen. &#xA;wget met wsl&#xA;Maar er zijn vast andere goede manieren om het op Windows te exporteren.&#xA;&#xA;Voor wie?&#xA;&#xA;Het blijft voor mij een vraag die maar blijft hangen. Voor wie zou deze bouwomgeving bedoeld zijn. Is het alleen maar als playground bedoeld, of ook voor serieus werk? Je kunt de templates en css-klassen nu al gratis in je code gebruiken, al moet je dan net iets meer werk verrichten. Drie euro per maand is niet echt heel veel, maar je moet het wel steeds betalen, en je komt er dan ook niet vanaf. Of wel? Het is mogelijk om alle bestanden die je daar hebt staan op een andere site te zetten. Je hebt de space dan niet meer nodig. Tot ziens, en met dank aan de handige editor. Je zou er inderdaad tien websites op kunnen maken voor een aantal klanten, en die daar dan op laten staan. Het is absoluut niet handig om een gratis account voor zo iets te gebruiken, aangezien er een heel lage verkeerslimiet van 100 MB per maand geldt. Met een paar dikke foto&#39;s zit je daar al snel overheen. Bij mij was de limiet in ieder geval al na een dag bereikt. &#xA;&#xA;  With a Free plan you get 100 MB data a month. Since you have reached this limit, we have temporarily closed your space for public access. Your space will be opened again when your next subscription period starts, Sep 26, 2021. To get more data, upgrade your plan.&#xA;&#xA;Nu heb ik inderdaad ook in de haast niet netjes naar de grootte van de foto&#39;s gekeken. Maar toch. Gelukkig heb ik de bestanden vóór deze melding al naar mijn computer gehaald, en neergezet op een andere gratis site, waarvan de gratis versie traag en onbetrouwbaar is, maar voor nul euro is dat natuurlijk ok. &#xA;&#xA;Een buil&#xA;&#xA;Spaces is een aardig initiatief van w3schools, en ik zie het dan maar meer als een speeltuin, dan een serieus hosting alternatief. Maar je weet nooit. De editor is handig, drie euro is niet zo heel duur, de gebruikte templates zijn wel goed uitgedacht en getest. Dus een echte buil kun je je er ook niet aan vallen. Bovendien is deze &#39;code&#39;-manier flexibeler, en loopt niet zo snel tegen de grenzen aan, die de werking van de meer grafisch ingestelde drag- en drop omgevingen wel beperken. &#xA;&#xA;###### #website #w3schools #css #free #domein #gratis #internet #hack&#xA;&#xA;]]&gt;</description>
      <content:encoded><![CDATA[<p><img class="img_main" alt="Wizard" src="https://i.snap.as/alhXX2cu.png"/></p>

<p>Een beetje clickbait mag wel af en toe. Het gaat hier niet om een miljardair die denkt dat ie de aarde kan verlaten, nadat hij haar vervuild en uitgemergeld heeft. Het gaat om <a href="https://www.w3schools.com/">w3schools</a>. Als je ooit de letters html naast elkaar hebt zien staan, dan is de kans groot dat je ook w3schools hebt gezien. Google maar eens op <code>html image</code>, of alleen maar op <code>html</code>. W3schools staat dan op de eerste pagina, als het al niet het eerste zoekresultaat is. Twintig jaar <a href="https://web.archive.org/web/20000707024253/http://www.w3schools.com/Default.asp">geleden</a> al, was het een vraagbaak voor mensen die iets met internet te maken hadden. Je kunt het antwoord op je vraag vaak heel snel vinden op de site, en wat ook belangrijk is: er staat geen letter te veel in de uitleg. Je hoeft dan niet een hele pagina door te worstelen voordat je hebt waar je voor gekomen bent.
</p>

<h2 id="verrassend" id="verrassend">Verrassend</h2>

<p>Toen ik laatst op de site kwam, zag ik een reclame-banner met de aankondiging dat er nu ook “<a href="https://www.w3schools.com/spaces/">w3-spaces</a>” zijn. <img alt="space" class="img_right" src="https://i.snap.as/xNtIxvlB.png"/>Dat is dan internetruimte voor een website. Ik vroeg me dan ook meteen af, waar dat dan nou voor nodig is. Hebben we niet Wix, Weebly, Google-Sites, of zelfs WordPress? Ik heb de nieuwe mogelijkheid uitgeprobeerd, en er zijn wel verschillen aan te wijzen. Of je daar gelukkig mee bent is een tweede.</p>

<h2 id="leren" id="leren">Leren</h2>

<p>W3schools is in de eerste plaats opgezet om een leerplaats te bieden voor internet-bouwers. Bij het aanprijzen van spaces zie je dan ook termen als “playground”, “experiments” en “code”. Dus een drag- en drop-gereedschap, zoals bij Weebly, of Google Sites hoef je niet te verwachten. Van een woud van menu-opties zoals bij WordPress is ook geen sprake. Je maakt een website aan de hand van een voorgekookt voorbeeld. Dat voorbeeld, een template, heb je snel gevonden door te kijken op hun template-keuze site. <a href="https://www.w3schools.com/w3css/w3css_templates.asp">Hier</a> kun je ze ook vinden. Alle bestanden die nodig zijn voor dit voorbeeld worden dan op je “space” gezet. Dan kun je aan de slag.</p>

<h2 id="dummy" id="dummy">Dummy</h2>

<p>Dat heb ik uitgeprobeerd door een “dummy”-<a href="http://ezelsoren.netne.net/snappie/">site</a> aan te maken. Samengevat komt het erop neer dat je je eigen tekst en foto&#39;s tussen de html-code van het voorbeeld zet. Je vervangt dan als het ware de tekst en de foto&#39;s van het voorbeeld. Het gekozen ontwerp dat je mooi genoeg hebt gevonden, blijft dan onaangetast. Je moet wel enig begrip hebben van html en ook een beetje van hoe css werkt. Dat helpt om de plekken te vinden waar je iets moet veranderen. Vaak moet je ook iets weghalen door de code tussen <code>&lt;!--</code> en <code>--&gt;</code> te zetten.</p>

<h2 id="snel-klaar" id="snel-klaar">Snel klaar</h2>

<p>Hoe gaat het in zijn werk? Natuurlijk zul je eerst een account aan moeten maken. Dat gaat precies zoals je verwacht: een email-adres en wachtwoord invoeren, en het emailadres bevestigen. Als je op je nieuwe werkomgeving dan kiest voor de “Create a space” knop dan kun je meteen een template uitzoeken.
<img src="https://i.snap.as/alhXX2cu.png" alt="Wizard"/>
Ik heb een eenvoudig template, het parallax template, uitgekozen voor mijn testje. Vervolgens kun je je eigen tekst gewoon met knippen en plakken tussen de <code>&lt;p&gt;</code> en <code>&lt;/p&gt;</code> tags zetten, terwijl je de originele tekst vervangt. Vergeet dan ook niet de <code>&lt;title&gt;</code> te vervangen. Foto&#39;s kun je “uploaden” door op de “upload”-knop te drukken. Vervolgens vervang je de originele namen van illustraties op de site door deze nieuwe, vers omhoog gehaalde bestanden.
<img src="https://i.snap.as/kF1PFvt3.png" alt="Fotonamen vervangen"/>
Je kunt telkens in een “preview” bekijken of het resultaat je aanstaat. Sommige delen van de site hoeven niet van toepassing te zijn op je situatie. In mijn voorbeeld is dat ook het geval, en die delen heb ik dan ook weggehaald. Klaar! Dat is snel! Hoeft maar een uurtje of twee te duren.</p>

<h2 id="code-completion" id="code-completion">Code completion</h2>

<p>Met deze werkzaamheden heb je het grafische ontwerp intact gelaten. Je kunt echter ook in het ontwerp, de kleuren, de grootte van de objecten, of de uitlijning, heel veel veranderen. De editor helpt je daarbij. Je moet je voorstellen dat de w3schools-templates opgebouwd zijn met een mooi uitgedacht systeem van css-klassen. Het doet ook wel denken aan het systeem van <a href="https://en.wikipedia.org/wiki/Bootstrap_(front-end_framework)">bootstrap</a> dat je goed kunt gebruiken voor sites die “responsive” moeten zijn, dus goed moeten reageren op pc of mobiel apparaat.
<img src="https://i.snap.as/Z96CH9A2.png" alt="Code completion"/>
Mocht je het zelf uitproberen, verander dan eens de naam van een “class”. Je ziet dan een lijstje in de editor verschijnen van mogelijke klassen die je kunt gebruiken. De naamgeving is over het algemeen goed gekozen, en als je er langer mee werkt zul je vast goed weten wat die klassen doen.</p>

<h2 id="statisch" id="statisch">Statisch</h2>

<p>De website die je zo hebt gemaakt is statisch. Dat wil zeggen dat ze niet verandert naar aanleiding van input van de bezoeker, of van gegevens die de site ergens anders vandaan haalt. Dat maakt dit wel geschikt voor een presentatie-website voor een klein bedrijf of voor jou als persoon. In de toekomst is het hier ook mogelijk een werkend formulier in de site te zetten, zonder dat je daarvoor aan de serverkant moeilijke php-dingen hoeft te doen. Zo&#39;n formulier zie je inderdaad ook vaak op sites voor bedrijven om klanten de mogelijkheid te geven makkelijk een vraag te stellen. Voorlopig kun je hier met een email-adres wel vooruit. Waar deze spaces niet zo voor geschikt zijn, is bloggen, vind ik. Om één keer tussen die p-tags tekst te kopieren is wel te doen, maar iedere keer als je iets nieuws schrijft lijkt me dat wel overdreven.</p>

<h2 id="beperkingen" id="beperkingen">Beperkingen</h2>

<p>Als je van template wil wisselen, zoals dat bij andere websitebuilders mogelijk is, dan kan dat niet snel. Je moet dan een nieuwe space aanmaken, die natuurlijk niet dezelfde naam kan hebben. Als je de oude space verwijdert, omdat je gratis account maar één space toelaat, duurt het een maand voordat je de naam weer kunt gebruiken. Maar als je daarop niet kunt wachten, dan is het mogelijk alle bestanden van je space te wissen, een andere space aan te maken (ook een nieuw account met een ander emailadres als je het gratis wil houden), daar de bestanden van de template op terecht laten komen, en ze vervolgens op de oude space neerzetten. Nou, dat kan wel makkelijker. Een andere beperking die vooral bij de gratis versie geldt, is de lage verkeerslimiet van 100 MB per maand.</p>

<h2 id="export-en-import" id="export-en-import">Export en import</h2>

<p>W3spaces heeft vooralsnog geen export- of importmogelijkheid. Voor import kun je de upload-knop gebruiken, met de kans dat je rsi-symptomen krijgt. FTP is voor zover ik kan zien nog niet mogelijk. Exporteren kan helemaal niet, dus dat zou je ook handmatig kunnen doen door elke file in de browser op te roepen en te downloaden. Makkelijker is het om <em>wget</em> te gebruiken. Met <code>wget -r -np -k https://snappie.w3spaces.com</code> kreeg ik alle gebruikte bestanden op mijn pc. Bovendien was daarna een dubbelklik op het index.html bestand voldoende om de website lokaal te kunnen bekijken. In principe kun je de bestanden dus ook op een andere plek op internet neerzetten. Overigens heb ik op mijn Windows machine <a href="https://docs.microsoft.com/en-us/windows/wsl/install-win10">WSL</a> moeten gebruiken om dat voor elkaar te krijgen.
<img src="https://i.snap.as/zQ59ulFO.png" alt="wget met wsl"/>
Maar er zijn vast andere goede manieren om het op Windows te exporteren.</p>

<h2 id="voor-wie" id="voor-wie">Voor wie?</h2>

<p>Het blijft voor mij een vraag die maar blijft hangen. Voor wie zou deze bouwomgeving bedoeld zijn. Is het alleen maar als playground bedoeld, of ook voor serieus werk? Je kunt de templates en css-klassen nu al gratis in je code gebruiken, al moet je dan net iets meer werk verrichten. Drie euro per maand is niet echt heel veel, maar je moet het wel steeds betalen, en je komt er dan ook niet vanaf. Of wel? Het is mogelijk om alle bestanden die je daar hebt staan op een andere site te zetten. Je hebt de space dan niet meer nodig. Tot ziens, en met dank aan de handige editor. Je zou er inderdaad tien websites op kunnen maken voor een aantal klanten, en die daar dan op laten staan. Het is absoluut niet handig om een gratis account voor zo iets te gebruiken, aangezien er een heel lage verkeerslimiet van 100 MB per maand geldt. Met een paar dikke foto&#39;s zit je daar al snel overheen. Bij mij was de limiet in ieder geval al na een dag bereikt.</p>

<blockquote><p>With a Free plan you get 100 MB data a month. Since you have reached this limit, we have temporarily closed your space for public access. Your space will be opened again when your next subscription period starts, Sep 26, 2021. To get more data, upgrade your plan.</p></blockquote>

<p>Nu heb ik inderdaad ook in de haast niet netjes naar de grootte van de foto&#39;s gekeken. Maar toch. Gelukkig heb ik de bestanden vóór deze melding al naar mijn computer gehaald, en neergezet op een andere gratis <a href="https://www.000webhost.com/">site</a>, waarvan de gratis versie traag en onbetrouwbaar is, maar voor nul euro is dat natuurlijk ok.</p>

<h2 id="een-buil" id="een-buil">Een buil</h2>

<p>Spaces is een aardig initiatief van w3schools, en ik zie het dan maar meer als een speeltuin, dan een serieus hosting alternatief. Maar je weet nooit. De editor is handig, drie euro is niet zo heel duur, de gebruikte templates zijn wel goed uitgedacht en getest. Dus een echte buil kun je je er ook niet aan vallen. Bovendien is deze &#39;code&#39;-manier flexibeler, en loopt niet zo snel tegen de grenzen aan, die de werking van de meer grafisch ingestelde drag- en drop omgevingen wel beperken.</p>

<h6 id="website-w3schools-css-free-domein-gratis-internet-hack" id="website-w3schools-css-free-domein-gratis-internet-hack"><a href="https://mistynotes.nl/tag:website" class="hashtag"><span>#</span><span class="p-category">website</span></a> <a href="https://mistynotes.nl/tag:w3schools" class="hashtag"><span>#</span><span class="p-category">w3schools</span></a> <a href="https://mistynotes.nl/tag:css" class="hashtag"><span>#</span><span class="p-category">css</span></a> <a href="https://mistynotes.nl/tag:free" class="hashtag"><span>#</span><span class="p-category">free</span></a> <a href="https://mistynotes.nl/tag:domein" class="hashtag"><span>#</span><span class="p-category">domein</span></a> <a href="https://mistynotes.nl/tag:gratis" class="hashtag"><span>#</span><span class="p-category">gratis</span></a> <a href="https://mistynotes.nl/tag:internet" class="hashtag"><span>#</span><span class="p-category">internet</span></a> <a href="https://mistynotes.nl/tag:hack" class="hashtag"><span>#</span><span class="p-category">hack</span></a></h6>
]]></content:encoded>
      <guid>https://mistynotes.nl/w3schools-gaat-ook-into-space</guid>
      <pubDate>Fri, 27 Aug 2021 14:31:31 +0000</pubDate>
    </item>
    <item>
      <title>Er zijn meer gratis e-books dan je denkt</title>
      <link>https://mistynotes.nl/er-zijn-meer-gratis-e-books-dan-je-denkt?pk_campaign=rss-feed</link>
      <description>&lt;![CDATA[img alt=&#34;Gratis e-books&#34; src=&#34;https://i.snap.as/Ydu55CH.png&#34; class=&#34;imgmain&#34; /&#xA;&#xA;Sorry voor de schreeuwende illustratie, maar ik wilde graag eens reclame maken. Maar het schreeuwen dekt toch wel de lading, het gaat echt om e-books van nul euro. Kijk maar eens op de digitale bibliotheek voor de Nederlandse letteren. Ik heb geen verstand van copyright, maar in deze stoffige site staan tussen de middeleeuwse boeken ook nog moderne boeken, jawel, in &#34;epub&#34; formaat. Van Carmiggelt bijvoorbeeld, of van Maarten &#39;t Hart. Die vind je bijvoorbeeld niet op Gutenberg.org. Waarom ze wel op deze site mogen staan, weet ik niet. Wellicht hebben de auteurs over hun hart gestreken en de teksten aan de Koninklijke Bibliotheek beschikbaar gesteld. De site is echter moeilijk doorzoekbaar en daarom zul je gauw e-books die er wel zijn, over het hoofd zien. Maar er is een alternatieve weg, om de juweeltjes er uit te halen.&#xA;!--more--&#xA;&#xA;Injectie&#xA;&#xA;Carmiggelt las ik altijd al graag, en het is leuk dat ik er zo een aantal boeken van kan downloaden en lezen op mijn e-reader. Maarten &#39;t Hart heeft ook erg mooie boeken geschreven. Mijn eerste was natuurlijk &#34;Een vlucht regenwulpen&#34;. Ik kan me herinneren dat ik in die tijd ook verbaasd was over het feit dat deze Maarten zich zo irriteerde aan het feminisme. Ook deze discussie kun je in dit archief herbeleven. Wat ik wel vervelend vind aan de site is dat je zo moeilijk kan zoeken. Op &#34;&#39;t Hart&#34; zoeken lukt gewoon niet. Dat komt natuurlijk door die quote (&#39;) in de zoekterm. U zocht op Maarten&#xA;Pas maar op dat je niet per vergissing als hacker opgepakt wordt wegens illegale sql-injection door dit gedoe met die quotes.&#xA;&#xA;Alleen e-books&#xA;&#xA;Maar ik zou graag bij het zoeken de selectie willen beperken tot boeken waarvan een e-book beschikbaar is. De digitale bibliotheek zal niet bedoeld zijn voor mensen zoals ik, die het leuk vinden om naar gratis e-books te zoeken, maar meer voor mensen die het doen voor de hoofdletter l van literatuur of de c van cultuur of, zeg maar de k van... Als ik dan op boekenjacht ben lijken de gepresenteerde resultaten niet echt consistent te zijn. Als ik bijvoorbeeld van Maarten &#39;t Hart &#34;De droomkoningin&#34; zie, dan staat er dat er geen &#34;epub&#34; van aanwezig is. Maar als ik naar de informatie ga over dit boek door op de link te klikken, zie ik wel ineens dat er een &#34;epub&#34; van dit boek beschikbaar is. Hoe kan dit nou? img class=&#34;alignright&#34; alt=&#34;Twee zoekmanieren voor Droomkoningen&#34; src=&#34;https://i.snap.as/qdHxAKP.png&#34;/Ah, je krijgt alleen de eerste druk te zien, en daar is kennelijk geen &#34;epub&#34;-versie van. Wel onhandig.  Dit euvel zal vast het zoeken op aanwezigheid van e-books hinderen. Er is nu een optie om alleen e-books te tonen, maar hiermee kun je weer niet verder filteren op jaar of auteur. Wel kun je op bijvoorbeeld jaartal sorteren. Dat werkt wel aardig. Maar echt handig is het allemaal niet. Wellicht is deze site meer bedoeld om teksten te kunnen doorzoeken. Als je dát wil, dan is deze site heel handig. &#xA;&#xA;Gul&#xA;&#xA;Nu ben ik benieuwd wie van onze Nederlandse schrijvers er zo gul is geweest om een paar boeken aan het klootjesvolk beschikbaar te stellen. Wie zullen we eens proberen? Er zullen natuurlijk nog geen supernieuwe boeken staan, maar van oude of overleden auteurs wellicht wel. Reve? Die heeft wijselijk zijn naam veranderd van Gerard van het Reve naar Gerard Reve. Hij moet hebben geweten hoe de database van de koninklijke bibliotheek opgezet zou worden en willen vermijden dat men er Gerard van &#39;t Reve van zou maken.  Dat heeft hij jammer genoeg voor niets gedaan, want er staan geen werken van hem in de database die je kunt lezen in je browser of via een e-reader. img src=&#34;https://i.snap.as/sZXX0er.png&#34; class=&#34;imgright&#34;, alt=&#34;Boeken&#34;/Van W.F. Hermans zijn een paar boeken te downloaden, maar alleen als pdf. Je kunt ze ook lezen in de browser. Hier kwam ik ook een boek tegen dat beperkt toegankelijk is: je kunt het boek alleen doorzoeken. Voor &#34;koopjesjagers&#34; zoals ik is dat natuurlijk niet echt nuttig. Van Kees van Kooten had ik verwacht dat hij wel een paar boekjes beschikbaar had gesteld, maar ook dat is niet het geval. Wel is er een bloemlezing van alle &#34;bescheurkalenders&#34; te bekijken in het grote bescheurboek van Kees van Kooten en Wim de Bie. Volgens mij heb ik nog een echte bescheurkalender op zolder staan. &#xA;&#xA;Eenentwintigste eeuw&#xA;&#xA;Dan maar anders zoeken. Als je zoekt op beschikbare titels in de eenentwintigste eeuw, dan kom je een stuk verder. Je ziet dan meteen dat de schrijver Willem Oltmans (of zijn erven) graag zijn memoires die gaan over zijn jarenlange journalistieke strijd tegen de staat bekend maakt. Maar daarna al een poëzie-bundel, een prozaboek met foto&#39;s. Best leuk om te grasduinen. Je komt van alles tegen. Nico Dijkshoorn, Nienke Laverman, maar wel heel veel poëzieboeken. Wat minder proza, waarschijnlijk omdat de mensen dat nog moeten gaan kopen. Ook oude schrijvers die kennelijk nog &#34;in&#34; zijn vind je niet terug. Elsschot bijvoorbeeld, die had ik graag herlezen, omdat van het boek &#34;Villa des Roses&#34; ik indertijd gewoon niks begreep. Wat bijvoorbeeld &#34;Noblesse oblige&#34; betekende, hm, en misschien was het toen ook nog wel ironisch bedoeld. Dat kan ik helaas  niet op deze manier controleren. Maar ik zie bij de meest recente boeken dat een schrijver als Hans Vervoort zijn boeken al gratis beschikbaar stelt, als er geen papieren versie meer in de winkel ligt. Ook op zijn website zijn deze e-books te vinden. Die boeken zijn toch ook niet de minste boeken die je zou kunnen lezen. Bedankt, Hans!&#xA;&#xA;Privé-database&#xA;&#xA;Eerlijk gezegd vind ik het zoeken op deze site erg onhandig. Je kunt niet op alle criteria zoeken, en een combinatie van filters is al helemaal niet mogelijk. Dat is jammer. Omdat ik het zoeken in de dgnl.org site erg vervelend vind, heb ik er voor mezelf een privé-database van gemaakt. Er is namelijk een pagina op de site met &#34;alle titels&#34; of &#34;beschikbare titels&#34;. Hier zie je dat je een titel-lijst van 257 pagina&#39;s kunt bekijken. Ik wil graag alle pagina&#39;s op mijn computer hebben. Het geautomatiseerd downloaden van verschillende webpagina&#39;s kan bijvoorbeeld met de handige tool cURL. Deze staat waarschijnlijk niet standaard op een windows machine. Wel vanaf windows 10 - 1803 heb ik gezien. Ik gebruik Linux en daarop LibreOffice. Dus in deze situatie probeer ik de boeken in een database (Base) van LibreOffice te krijgen. Misschien heb jij er ook wat aan. Het is natuurlijk een moment-opname van de site. Iedere maand komen er nieuwe boeken bij. &#xA;&#xA;cURL&#xA; &#xA;We kunnen alle pagina&#39;s van de titelsite op Dbnl.org in een bestand (boeken.txt) zetten met het volgende cURL commando:&#xA;curl &#34;https://www.dbnl.org/titels/index.php?s=t&amp;p=[1-257]&#34;   boeken.txt&#xA;Daarna kun je uit dit bestand nog van alles filteren, omdat het zo groot is. Bijvoorbeeld haal alle regels met pdf of epub eruit en zet het in een nieuw bestand:&#xA;grep &#34;pdf\|epub&#34; boeken.txt   boekenselect.txt&#xA;Het commando &#34;grep&#34; is trouwens ook standaard in unix of linux aanwezig. Het is oeroud, maar erg krachtig. In windows moet je het nog installeren. Je kunt ook gewoon kijken of er &#34;Download&#34; in de regel voorkomt. Dat heb ik nu gedaan met:&#xA;grep &#34;Download&#34; boeken.txt   boekendownload.txt&#xA;Natuurlijk kan dat ook allemaal in een keer (niet getest):&#xA;curl &#34;https://www.dbnl.org/titels/index.php?s=t&amp;p=[1-257]&#34; | grep &#34;Download&#34;  boeken.txt&#xA;Maar ik wilde graag het totale bestand houden, om er later nog eventueel iets mee te doen. Gebruik daarna een commandline-editor (bijvoorbeeld nano) om het bestand te bewerken. Andere, grafische teksteditors zijn te langzaam, omdat ze alles in een keer in het geheugen laden. Mocht je een dikke computer hebben en veel intern geheugen, dan kan dat geen kwaad. Maar ik heb een zes jaar oud bakje met 4 GB en een niet zo snelle processor. Dus... Voeg dan het volgende met deze editor toe aan het begin en eind van het bestand:&#xA;tabletrthtitel/ththdruk/ththjaar/ththschrijver/ththgenre/th/tr&#xA;(...)&#xA;/table.&#xA;Dit gewijzigde bestand kun je vervolgens opslaan onder een andere naam met als extensie html. De titels (in th-tags) zijn van belang, omdat we er later een database van willen maken, en we moeten kunnen filteren op genre of titel in plaats van &#34;Kolom E bevat de waarde &#39;proza&#39; &#34;, zoals je in een rekenvel zoals Calc of Excel gewend bent. Importeer de html in Calc. Deze maakt er een spreadsheet van. Dit duurt heel lang...Ga dus even wandelen met de hond, drink een kan koffie, of speel een beetje met je poes of partner. Als Office het heeft geconverteerd in een rekenvel, bewaar het dan meteen als een &#34;open document&#34; (ods).  De links in dit rekenvel kun je aanklikken met ctrl click, maar dat gaat niet werken.&#xA;&#xA;Link spreadsheet deel De link die in het rekenvel staat moet je namelijk aanvullen met &#34;https://www.dbnl.org&#34; aan de voorkant. Als je wil dan kun je al deze links zo aanpassen met een zoek en vervang functie, zodat je meteen vanuit het rekenveld een boek kunt downloaden. Dit gaat mij wat te ver. Als ik een boek wil lezen en wil downloaden, dan zoek ik het wel even handmatig op de site. Als je met dit rekenvel goed kunt werken, dan hoef je geen database aan te maken en kun je het stukje tekst daarover overslaan.&#xA;&#xA;Base&#xA;&#xA;Als je gemakkelijk wilt kunnen filteren en zoeken, dan is een database handiger. Daarvoor kun je dan Base van LibreOffice opstarten en connectie maken met een nieuwe database van het type spreadsheet. Je gebruikt dan natuurlijk het spreadsheet dat je net hebt opgeslagen. Database wizardDeze kun je daarna opslaan onder een nieuwe naam (.odb).&#xA;Zo, op deze manier is het zoeken wat gemakkelijker en je kunt meerdere filters opgeven. &#xA;SQL-query&#xA;&#xA;Verstoppen&#xA;&#xA;img class=&#34;img_left&#34; alt=&#34;boekdbnl&#34; src=&#34;https://i.snap.as/jyjBSqv.png&#34;/De site dbnl.org is een meester in het verstoppen van gratis e-books. Maar er zijn echt meer gratis boeken dan je denkt. Je moet ze dus weten te vinden met een beter zoekgereedschap. Maar ik ben overweldigd door het grote aantal boeken dat je zo kunt lezen. Wat een leuke site, qua inhoud! &#xA;&#xA;###### tags: #boeken #boek #lezen #gratis #ebooks #curl #dbnl.org #hacks]]&gt;</description>
      <content:encoded><![CDATA[<p><img alt="Gratis e-books" src="https://i.snap.as/Ydu55CH.png" class="img_main"/></p>

<p>Sorry voor de schreeuwende illustratie, maar ik wilde graag eens reclame maken. Maar het schreeuwen dekt toch wel de lading, het gaat echt om e-books van nul euro. Kijk maar eens op de digitale <a href="https://www.dbnl.org">bibliotheek</a> voor de Nederlandse letteren. Ik heb geen verstand van copyright, maar in deze stoffige site staan tussen de middeleeuwse boeken ook nog moderne boeken, jawel, in “epub” formaat. Van Carmiggelt bijvoorbeeld, of van Maarten &#39;t Hart. Die vind je bijvoorbeeld niet op Gutenberg.org. Waarom ze wel op deze site mogen staan, weet ik niet. Wellicht hebben de auteurs over hun hart gestreken en de teksten aan de Koninklijke Bibliotheek beschikbaar gesteld. De site is echter moeilijk doorzoekbaar en daarom zul je gauw e-books die er wel zijn, over het hoofd zien. Maar er is een alternatieve weg, om de juweeltjes er uit te halen.
</p>

<h2 id="injectie" id="injectie">Injectie</h2>

<p>Carmiggelt las ik altijd al graag, en het is leuk dat ik er zo een aantal boeken van kan downloaden en lezen op mijn e-reader. Maarten &#39;t Hart heeft ook erg mooie boeken geschreven. Mijn eerste was natuurlijk “Een vlucht regenwulpen”. Ik kan me herinneren dat ik in die tijd ook verbaasd was over het feit dat deze Maarten zich zo irriteerde aan het feminisme. Ook deze discussie kun je in dit archief herbeleven. Wat ik wel vervelend vind aan de site is dat je zo moeilijk kan zoeken. Op “&#39;t Hart” zoeken lukt gewoon niet. Dat komt natuurlijk door die quote (&#39;) in de zoekterm. <img src="https://i.snap.as/qdpJj52.png" alt="U zocht op Maarten"/>
Pas maar op dat je niet per vergissing als hacker opgepakt wordt wegens illegale <a href="https://en.wikipedia.org/wiki/SQL_injection">sql-injection</a> door dit gedoe met die quotes.</p>

<h2 id="alleen-e-books" id="alleen-e-books">Alleen e-books</h2>

<p>Maar ik zou graag bij het zoeken de selectie willen beperken tot boeken waarvan een e-book beschikbaar is. De digitale bibliotheek zal niet bedoeld zijn voor mensen zoals ik, die het leuk vinden om naar gratis e-books te zoeken, maar meer voor mensen die het doen voor de hoofdletter l van literatuur of de c van cultuur of, zeg maar de k van... Als ik dan op boekenjacht ben lijken de gepresenteerde resultaten niet echt consistent te zijn. Als ik bijvoorbeeld van Maarten &#39;t Hart “De droomkoningin” zie, dan staat er dat er geen “epub” van aanwezig is. Maar als ik naar de informatie ga over dit boek door op de link te klikken, zie ik wel ineens dat er een “epub” van dit boek beschikbaar is. Hoe kan dit nou? <img class="align_right" alt="Twee zoekmanieren voor Droomkoningen" src="https://i.snap.as/qdHxAKP.png"/>Ah, je krijgt alleen de eerste druk te zien, en daar is kennelijk geen “epub”-versie van. Wel onhandig.  Dit euvel zal vast het zoeken op aanwezigheid van e-books hinderen. Er is nu een optie om alleen e-books te <a href="https://www.dbnl.org/titels/titels_ebook.php">tonen</a>, maar hiermee kun je weer niet verder filteren op jaar of auteur. Wel kun je op bijvoorbeeld jaartal sorteren. Dat werkt wel aardig. Maar echt handig is het allemaal niet. Wellicht is deze site meer bedoeld om teksten te kunnen doorzoeken. Als je dát wil, dan is deze site heel handig.</p>

<h2 id="gul" id="gul">Gul</h2>

<p>Nu ben ik benieuwd wie van onze Nederlandse schrijvers er zo gul is geweest om een paar boeken aan het klootjesvolk beschikbaar te stellen. Wie zullen we eens proberen? Er zullen natuurlijk nog geen supernieuwe boeken staan, maar van oude of overleden auteurs wellicht wel. Reve? Die heeft wijselijk zijn naam veranderd van Gerard van het Reve naar <a href="https://nl.wikipedia.org/wiki/Gerard_Reve">Gerard Reve</a>. Hij moet hebben geweten hoe de database van de koninklijke bibliotheek opgezet zou worden en willen vermijden dat men er Gerard van &#39;t Reve van zou maken.  Dat heeft hij jammer genoeg voor niets gedaan, want er staan geen werken van hem in de database die je kunt lezen in je browser of via een e-reader. <img src="https://i.snap.as/sZXX0er.png" class="img_right" alt="Boeken"/>Van W.F. Hermans zijn een paar boeken te downloaden, maar alleen als pdf. Je kunt ze ook lezen in de browser. Hier kwam ik ook een boek tegen dat beperkt toegankelijk is: je kunt het boek alleen doorzoeken. Voor “koopjesjagers” zoals ik is dat natuurlijk niet echt nuttig. Van Kees van Kooten had ik verwacht dat hij wel een paar boekjes beschikbaar had gesteld, maar ook dat is niet het geval. Wel is er een bloemlezing van alle “bescheurkalenders” te bekijken in het grote bescheurboek van Kees van Kooten en Wim de Bie. Volgens mij heb ik nog een echte bescheurkalender op zolder staan.</p>

<h2 id="eenentwintigste-eeuw" id="eenentwintigste-eeuw">Eenentwintigste eeuw</h2>

<p>Dan maar anders zoeken. Als je zoekt op beschikbare titels in de eenentwintigste eeuw, dan kom je een stuk verder. Je ziet dan meteen dat de schrijver Willem Oltmans (of zijn erven) graag zijn memoires die gaan over zijn jarenlange journalistieke strijd tegen de staat bekend maakt. Maar daarna al een poëzie-bundel, een prozaboek met foto&#39;s. Best leuk om te grasduinen. Je komt van alles tegen. Nico Dijkshoorn, Nienke Laverman, maar wel heel veel poëzieboeken. Wat minder proza, waarschijnlijk omdat de mensen dat nog moeten gaan kopen. Ook oude schrijvers die kennelijk nog “in” zijn vind je niet terug. Elsschot bijvoorbeeld, die had ik graag herlezen, omdat van het boek “Villa des Roses” ik indertijd gewoon niks begreep. Wat bijvoorbeeld “Noblesse oblige” betekende, hm, en misschien was het toen ook nog wel ironisch bedoeld. Dat kan ik helaas  niet op deze manier controleren. Maar ik zie bij de meest recente boeken dat een schrijver als Hans Vervoort zijn boeken al gratis beschikbaar stelt, als er geen papieren versie meer in de winkel ligt. Ook op zijn <a href="https://hansvervoort.nl/">website</a> zijn deze e-books te vinden. Die boeken zijn toch ook niet de minste boeken die je zou kunnen lezen. Bedankt, Hans!</p>

<h2 id="privé-database" id="privé-database">Privé-database</h2>

<p>Eerlijk gezegd vind ik het zoeken op deze site erg onhandig. Je kunt niet op alle criteria zoeken, en een combinatie van filters is al helemaal niet mogelijk. Dat is jammer. Omdat ik het zoeken in de dgnl.org site erg vervelend vind, heb ik er voor mezelf een privé-database van gemaakt. Er is namelijk een pagina op de site met “alle titels” of <a href="https://www.dbnl.org/titels/index.php">“beschikbare titels”</a>. Hier zie je dat je een titel-lijst van 257 pagina&#39;s kunt bekijken. Ik wil graag alle pagina&#39;s op mijn computer hebben. Het geautomatiseerd downloaden van verschillende webpagina&#39;s kan bijvoorbeeld met de handige tool cURL. Deze staat waarschijnlijk niet standaard op een windows machine. Wel vanaf windows 10 – 1803 heb ik <a href="https://stackoverflow.com/questions/9507353/how-do-i-install-and-use-curl-on-windows">gezien</a>. Ik gebruik Linux en daarop LibreOffice. Dus in deze situatie probeer ik de boeken in een database (Base) van LibreOffice te krijgen. Misschien heb jij er ook wat aan. Het is natuurlijk een moment-opname van de site. Iedere maand komen er nieuwe boeken bij.</p>

<h2 id="curl" id="curl">cURL</h2>

<p>We kunnen alle pagina&#39;s van de titelsite op Dbnl.org in een bestand (boeken.txt) zetten met het volgende cURL commando:
<code>curl &#34;https://www.dbnl.org/titels/index.php?s=t&amp;p=[1-257]&#34; &gt; boeken.txt</code>
Daarna kun je uit dit bestand nog van alles filteren, omdat het zo groot is. Bijvoorbeeld haal alle regels met pdf of epub eruit en zet het in een nieuw bestand:
<code>grep &#34;pdf\|epub&#34; boeken.txt &gt; boeken_select.txt</code>
Het commando “grep” is trouwens ook standaard in unix of linux aanwezig. Het is oeroud, maar erg krachtig. In windows moet je het nog <a href="http://gnuwin32.sourceforge.net/packages/grep.htm">installeren</a>. Je kunt ook gewoon kijken of er “Download” in de regel voorkomt. Dat heb ik nu gedaan met:
<code>grep &#34;Download&#34; boeken.txt &gt; boeken_download.txt</code>
Natuurlijk kan dat ook allemaal in een keer (niet getest):</p>

<pre><code>curl &#34;https://www.dbnl.org/titels/index.php?s=t&amp;p=[1-257]&#34; | grep &#34;Download&#34;&gt; boeken.txt
</code></pre>

<p>Maar ik wilde graag het totale bestand houden, om er later nog eventueel iets mee te doen. Gebruik daarna een commandline-editor (bijvoorbeeld nano) om het bestand te bewerken. Andere, grafische teksteditors zijn te langzaam, omdat ze alles in een keer in het geheugen laden. Mocht je een dikke computer hebben en veel intern geheugen, dan kan dat geen kwaad. Maar ik heb een zes jaar oud bakje met 4 GB en een niet zo snelle processor. Dus... Voeg dan het volgende met deze editor toe aan het begin en eind van het bestand:
<code>&lt;table&gt;&lt;tr&gt;&lt;th&gt;titel&lt;/th&gt;&lt;th&gt;druk&lt;/th&gt;&lt;th&gt;jaar&lt;/th&gt;&lt;th&gt;schrijver&lt;/th&gt;&lt;th&gt;genre&lt;/th&gt;&lt;/tr&gt;</code>
(...)
<code>&lt;/table&gt;</code>.
Dit gewijzigde bestand kun je vervolgens opslaan onder een andere naam met als extensie html. De titels (in th-tags) zijn van belang, omdat we er later een database van willen maken, en we moeten kunnen filteren op genre of titel in plaats van “Kolom E bevat de waarde &#39;proza&#39; “, zoals je in een rekenvel zoals Calc of Excel gewend bent. Importeer de html in Calc. Deze maakt er een spreadsheet van. Dit duurt heel lang...Ga dus even wandelen met de hond, drink een kan koffie, of speel een beetje met je poes of partner. Als Office het heeft geconverteerd in een rekenvel, bewaar het dan meteen als een “open document” (ods).  De links in dit rekenvel kun je aanklikken met <code>&lt;ctrl&gt; click</code>, maar dat gaat niet werken.</p>

<p><img src="https://i.snap.as/lpG4pa7.png" alt="Link spreadsheet deel"/> De link die in het rekenvel staat moet je namelijk aanvullen met “<a href="https://www.dbnl.org&#34;">https://www.dbnl.org&#34;</a> aan de voorkant. Als je wil dan kun je al deze links zo aanpassen met een zoek en vervang functie, zodat je meteen vanuit het rekenveld een boek kunt downloaden. Dit gaat mij wat te ver. Als ik een boek wil lezen en wil downloaden, dan zoek ik het wel even handmatig op de site. Als je met dit rekenvel goed kunt werken, dan hoef je geen database aan te maken en kun je het stukje tekst daarover overslaan.</p>

<h2 id="base" id="base">Base</h2>

<p>Als je gemakkelijk wilt kunnen filteren en zoeken, dan is een database handiger. Daarvoor kun je dan Base van LibreOffice opstarten en connectie maken met een nieuwe database van het type spreadsheet. Je gebruikt dan natuurlijk het spreadsheet dat je net hebt opgeslagen. <img src="https://i.snap.as/Fs2TiWb.png" alt="Database wizard"/>Deze kun je daarna opslaan onder een nieuwe naam (.odb).
Zo, op deze manier is het zoeken wat gemakkelijker en je kunt meerdere filters opgeven.
<img src="https://i.snap.as/v31lLLZ.png" alt="SQL-query"/></p>

<h2 id="verstoppen" id="verstoppen">Verstoppen</h2>

<p><img class="img_left" alt="boekdbnl" src="https://i.snap.as/jyjBSqv.png"/>De site dbnl.org is een meester in het verstoppen van gratis e-books. Maar er zijn echt meer gratis boeken dan je denkt. Je moet ze dus weten te vinden met een beter zoekgereedschap. Maar ik ben overweldigd door het grote aantal boeken dat je zo kunt lezen. Wat een leuke site, qua inhoud!</p>

<h6 id="tags-boeken-boek-lezen-gratis-ebooks-curl-dbnl-org-hacks" id="tags-boeken-boek-lezen-gratis-ebooks-curl-dbnl-org-hacks">tags: <a href="https://mistynotes.nl/tag:boeken" class="hashtag"><span>#</span><span class="p-category">boeken</span></a> <a href="https://mistynotes.nl/tag:boek" class="hashtag"><span>#</span><span class="p-category">boek</span></a> <a href="https://mistynotes.nl/tag:lezen" class="hashtag"><span>#</span><span class="p-category">lezen</span></a> <a href="https://mistynotes.nl/tag:gratis" class="hashtag"><span>#</span><span class="p-category">gratis</span></a> <a href="https://mistynotes.nl/tag:ebooks" class="hashtag"><span>#</span><span class="p-category">ebooks</span></a> <a href="https://mistynotes.nl/tag:curl" class="hashtag"><span>#</span><span class="p-category">curl</span></a> <a href="https://mistynotes.nl/tag:dbnl" class="hashtag"><span>#</span><span class="p-category">dbnl</span></a>.org <a href="https://mistynotes.nl/tag:hacks" class="hashtag"><span>#</span><span class="p-category">hacks</span></a></h6>
]]></content:encoded>
      <guid>https://mistynotes.nl/er-zijn-meer-gratis-e-books-dan-je-denkt</guid>
      <pubDate>Tue, 29 Oct 2019 13:34:52 +0000</pubDate>
    </item>
  </channel>
</rss>