iCreate (Netherlands)
Verander de inhoud van een website
3 1 2 4 1 2 3 4 Nep-websites
We beseffen dat het aanpassen van een webpagina ook voor snode doeleindes gebruikt kan worden. Naast de leuke en creatieve bedoelingen willen we met de workshop benadrukken hoe eenvoudig het is om een webpagina te vervalsen. Vertrouw dus nooit zomaar wat je op een screenshot van een website ziet.
Ontwikkel-menu
Voor het aanpassen van de website hoef je geen kennis te hebben van programmeertalen. Wel heb je een menu voor ontwikkelaars nodig. Je activeert het menu via ‘ Safari>Voorkeuren>Geavanceerd’.
Inspecteer element
De gemakkel kste manier om de inhoud te veranderen, is door te Ctrl- klikken op een geselecteerde tekst of a eelding en voor ‘ Inspecteer element’ te kiezen. De broncode van de website versch nt, waarb het element van je selectie is gemarkeerd. Zo zie je snel welke code je moet aanpassen.
Broncode
Je roept de HTML- code ook op via ‘Ontwikkel>Toon paginabron>Elementen’. Pas ook het Title- element aan; hier staat de kop die je in het tabblad ziet. Het Title- element (
) vind je door <head> uit te klappen.</p><p>Opslaan</p><p>Hoe echt het ook l kt, je hebt de website natuurl k niet echt bewerkt. De w zigingen verdw nen als je de pagina ververst. Wel kun je je webpagina vereeuwigen op je Mac via ‘Archief>Bewaar als’. Kies b Structuur voor ‘ Webarchief’ en klik op ‘ Bewaar’.</p><p>Eigen a eelding</p><p>In deze workshop leggen we uit hoe je een a eelding verandert door naar de url van een andere a eelding te linken. Een plaatje toevoegen die lokaal op je Mac staat kan ook; upload deze op www.imgur. com. De a eelding kr gt dan een link, die je toevoegt in de broncode.</p><p>1 Ontwikkelaarsmenu</p><p>Om de inhoud te kunnen aanpassen, moet je eerst het ontwikkelaarsmenu aanze en. Ga naar ‘ Safari>Voorkeuren>Geavanceerd’ en zorg dat onderin het vinkje achter ‘ Toon Ontwikkel-menu’ geactiveerd staat.</p><p>4 Verander de code</p><p>Dubbelklik in de HTML- code op de titel. Typ een leuke nieuwe titel in. Druk op Enter en je ziet de tekst op de website versch nen. Op deze manier kun je de inhoud van alle teksten aanpassen.</p><p>7 Kopieer en plak</p><p>Klik op ‘ Kopieer link’. Ga terug naar de namaakwebsite en Ctrl-klik op de a eelding die je wilt vervangen. Kies ‘ Inspecteer element’. De locatie van de a eelding wordt in de HTML- code gemarkeerd.</p><p>2 Webpagina</p><p>Navigeer naar de webpagina die je onder handen wilt nemen. W kiezen voor een nieuwsbericht van de NOS. We beginnen met het aanpassen van de titel. Maak een selectie van de tekst en Ctrl- klik erop.</p><p>5 Zoek een a eelding</p><p>Nog leuker wordt het als we ook de a eelding manipuleren. Navigeer in een nieuw tabblad naar een webpagina waarop het plaatje staat dat je wilt toevoegen. Kies voor ‘Ontwikkel>Toon paginabron’.</p><p>8 Ander plaatje</p><p>Dubbelklik in de code op de link, toets Cmd+V en druk op Enter om de a eelding te veranderen. Soms hee één a eelding meerdere locaties; vervang ze tot je de goede te pakken hebt.</p><p>3 Inspecteren</p><p>Kies ‘ Inspecteer element’. Een venster met veel HTML- code versch nt. De markering laat zien waar de tekst verstopt zit. Als je de tekst nog niet ziet, klap je het element via het driehoekje open.</p><p>6 Bronbestanden</p><p>Klik in het tabblad Bronbestanden links op het driehoekje naast ‘A eeldingen’. De namen van de a eeldingen op de webpagina vouwen zich uit. Ctrl-klik op de naam van de gewenste a eelding.</p><p>9 Delen</p><p>Sluit het Inspecteren-venster af door links op het kruis te klikken. T d om je kunststukje te delen! Roep er iemand b , of deel een screenshot van de website. Die maak je met Cmd+Shi +3.</p>
<figure>
<img src="https://i.prcdn.co/img?regionKey=K58WuOkWupfB8S9IXkwluw%3d%3d" alt=" ?? ??"/>
<figcaption>
</figcaption>
</figure>
<figure>
<img src="https://i.prcdn.co/img?regionKey=Fn9SSxdkxn5cwcIyor7lVw%3d%3d" alt=" ?? ??"/>
<figcaption>
</figcaption>
</figure>
<figure>
<img src="https://i.prcdn.co/img?regionKey=Sguzl1gcO5YKQctyc7z1XA%3d%3d" alt=" ?? ??"/>
<figcaption>
</figcaption>
</figure>
<figure>
<img src="https://i.prcdn.co/img?regionKey=S3SjLzyqL%2b%2bI%2buXPoJ3JAA%3d%3d" alt=" ?? ??"/>
<figcaption>
</figcaption>
</figure>
<figure>
<img src="https://i.prcdn.co/img?regionKey=aGmwEmDpXssXu2lfJxPnog%3d%3d" alt=" ?? ??"/>
<figcaption>
</figcaption>
</figure>
</article>
<section>
<h3><a href="/catalog?language=nl">Newspapers in Dutch</a></h3>
<h3><a href="/catalog?country=nl">Newspapers from Netherlands</a></h3>
</section>
<footer>
<p><a href="/" class="logo"><span>PressReader</span></a></p>
<nav>
<ul>
<li><a href="https://about.pressreader.com">Work with us</a></li>
<li><a href="https://about.pressreader.com/news/">Blog</a></li>
<li><a href="http://care.pressreader.com/hc/">Help center</a></li>
<li><a href="https://itunes.apple.com/app/pressreader/id313904711?amp%3Bmt=8&mt=8">Download on the App Store</a></li>
<li><a href="https://play.google.com/store/apps/details?id=com.newspaperdirect.pressreader.android">Get it on App Store</a></li>
</ul>
</nav>
<p><a href="https://care.pressreader.com/hc/en-us/articles/206528495-Terms-of-Use" target="_blank">Terms of Use</a> / <a href="https://care.pressreader.com/hc/en-us/articles/205818089-Privacy-Policy" target="_blank">Privacy Policy</a> / <a href="https://care.pressreader.com/hc/en-us/articles/360038010812-Privacy-Notice-for-California-Residents" target="_blank">CCPA</a></p>
<p>© 2003-2024 PressReader</p>
</footer>
<script>
(function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
(i[r].q = i[r].q || []).push(arguments);
}, i[r].l = 1 * new Date();
a = s.createElement(o), m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g;
m.parentNode.insertBefore(a, m);
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
</script>
<script>
ga('create', 'UA-44408245-1');
ga('send', 'pageView');
</script>
</body>
</html>