Interne en externe Hyperlinks maken (In- & external hyperlinks)

uit de cursus Responsive websites maken met Adobe Muse

Leuk dat je onze site bezoekt,

Ben jij leergierig?. Jij abonnee en dan ik geef jou 5% korting op de eerste maand! Wat vind je daar van? gebruik als kortingscode: DIEHARD

Geef een reactie of stel een vraag

Geef een antwoord

Registreer als je wilt reageren.

Deze website gebruikt Akismet om spam te verminderen. Bekijk hoe je reactie-gegevens worden verwerkt.

Responsive websites maken met Adobe Muse

perm_identity Belinda | video_library 71 video's | query_builder 06:00:26

Makkelijk websites maken met Adobe Muse

Leer hoe je met Adobe Muse websites maakt en publiceert. Dankzij de eenvoudige interface kan iedereen zonder voorkennis van HTML-code, CSS en/of JavaScript toch vrij eenvoudig een responsive website creëren en online publiceren. Jammer genoeg is Adobe gestopt met de verdere ontwikkeling van Muse maar het programma is nog steeds te downloaden en te gebruiken.

Doelgroep van deze cursus

Iedereen die websites wil leren maken zonder kennis te willen hebben van broncode, html, css en javascript.

Wat ga je leren

In deze online cursus leer je de verschillen tussen een statische, vloeiende en responsive website. Alle meest gebruikte vensters, gereedschappen en instellingen komen aan bod.  Direct vanaf de eerste instructievideo’s besteden we aandacht aan de meest snelle en efficiënte manier waarop je webpagina’s en -sites zou moeten maken. Dus werken met master pages en stijlen.

Interactieve media met JavaScript Widgets

Je leert de widgets van het programma toe te passen. Dit zijn voorgebakken JavaScript toepassingen waarmee je in een handomdraai bijvoorbeeld een fotogallerij, formulier en interactieve kaarten kunt maken.

Om ervoor te zorgen dat de website er goed uitziet op elk apparaat. Van mobiel, tablet tot desktop besteden we een volledig hoofdstuk aan Responsive Webdesign.

Vereiste voorkennis en vaardigheden

Dit progamma kan iedereen leren, het is laagdrempelig en werkt met het WYSIWYG-principe. Jij creëert prachtige webpagina’s met behulp van de gereedschappen, opties en instelvensters en Adobe Muse schrijft de benodigde code voor jou op de achtergrond weg.

Je kunt linken naar een andere pagina in dezelfde site.

Dat noemen we een interne link.

Een externe link is als je linkt naar een geheel andere webpagina van een website ergens op het web.

Je kunt ook linken naar een bestand.

Afhankelijk van het soort bestand kan de bezoeker deze openen, bekijken en/of downloaden.

Je kunt een email-link maken waarmee het mailprogramma van de bezoeker geactiveerd wordt.

Het emailadres van de ontvanger staat dan al direct ingevuld.

En de bezoeker kan direct de mail typen en naar het juiste adres versturen.

En dan bestaat er nog zoiets als linken naar een anker.

Dat is een specifieke plek ergens op een webpagina.

Ik begin met het demonstreren van de standaard hyperlink.

Elke pagina die je in Adobe Muse maakt wordt automatisch opgenomen in een hyperlink-index.

Wij hebben een website die bestaat uit pagina’s.

Open hiervan de homepagina.

Selecteer het selectiegereedschap.

Scroll naar beneden op de pagina en selecteer de button ‘Direct Registreren’.

Ik trek een selectiekader om zowel het tekstkader als het kleurvlak.

Want ik wil dat beide onderdelen van de button als link fungeren naar dezelfde pagina.

Dus ongeacht waar de bezoeker op klikt moet de link geactiveerd worden.

Klik in het Control-venster op het uitklapmenu naast de optie ’Hyperlinks’.

Onder Desktop vind je alle gemaakte webpagina’s van deze website.

Om een link naar de Registratiepagina te maken klik je op ‘Registreren’.

Voor het testen van links kun je de site het beste testen in een browser en niet via de Preview-opdracht.

Ga naar File > Preview Site in Browser.

Ga met de muis naar de link.

Een handje verschijnt in plaats van de cursor zodra je het link gebied inloopt

En onderin de webpagina wordt het webadres van de link weergegeven.

Klik op de link en de desbetreffende pagina wordt geopend.

Dit is een interne link. Stel dat ik een link naar een externe webpagina wil maken.

Dus een pagina op een geheel andere website.

Ik surf naar deze website.

Zoek de pagina op waar ik naartoe wil gaan linken. Dat is het cursusaanbod.

Selecteer dan in de adresbalk van de browser de volledige url.

en kopieer deze met de toetscombinatie Commando C.

Ik keer terug naar Adobe Muse.

Ik selecteer de tweede button.

Activeer het hyperlinkmenu bij Hyperlinks..

En dit keer plak ik het webadres, met Commando V, bovenin het zoekveld.

Druk op Enter om de link toe te passen en te bevestigen.

Ga opnieuw naar File > Preview Site in browser. Scroll naar beneden.

Ik zie dat het webadres klopt onderin de pagina.

Klik op de button en ditmaal heb je gelinkt naar een externe link.

Een oplettende kijker heeft gezien dat beide links de huidig actieve pagina vervangen.

Ook dit kun je zelf nog instellen. Keer terug naar Adobe Muse.

Ik selecteer de eerste button.

Deze button linkt naar een interne pagina van dezelfde website.

Dus in dit geval vind ik het prima dat de nieuwe pagina de huidige vervangt.

Maar de onderste button linkt naar een externe link.

Als deze wordt vervangen, dan kan de bezoeker niet zomaar terugkeren naar de originele pagina.

Dus in dit geval wil ik dat de nieuwe link wordt geopend in een nieuw tabblad.

Klik op het woord ‘Hyperlinks’ en activeer de optie ‘Open the link in a new window or tab’.

De volgende optie in dit venster is ‘de tooltip’ en die is ook handig.

Deze tekst verschijnt zodra de bezoeker even boven de link blijft hangen.

Ik typ hier ‘Het scholingsaanbod van Webevent’.

Omdat het hier een selectie van kaders betreft en geen geselecteerde tekst.

Is de optie ‘Text Link Style’ nu niet van belang.

Bekijk een preview via File > Preview Site in Browser.

Klik eenmaal op de eerste button.

Daarmee wordt de huidige pagina vervangen.

En ik keer terug naar de vorige pagina.

De tweede button daarentegen opent de link in een nieuw tabblad in de browser.

Zo kan de bezoeker eenvoudig terugkeren naar jouw originele webpagina.

En als de bezoeker even boven de button blijft hangen.

Dan verschijnt de tooltip met de tekst' Het scholingsaanbod van Webevent'.