Bestands- en email link maken (file & email-link)

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 reactie

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.

Open de homepage en scroll naar beneden op de pagina.

Linken naar een bestand gaat als volgt.

Selecteer datgene wat je wilt laten linken.

Klik in het Control-panel bij de hyperlink-optie op de uitklaplijst.

Klik onder het submenu ‘Files’ op ‘Link to File’.

Navigeer in de oefenmap naar de map ‘Assets.

Hierin bevindt zich een pdf, die ‘webevent’ heet.

Selecteer het bestand en klik op open.

Om het bestand in een nieuw venster te laten openen.

Klik je één keer op de tekst ‘Hyperlinks’ en activeer je de optie ‘ Open the file in a new window or tab’.

Voer eventueel ook tekst voor de tooltip in. Bijvoorbeeld ‘Brochure Webevent ’.

Enter om te bevestigen.

Bekijk dan de site in een browser.

Ga naar File > Preview Site in Browser.

Scroll naar beneden en klok op de button om naar de folder te gaan.

Deze wordt inderdaad in een nieuw tabblad geopend.

In deze browser zit een pdf-reader waardoor de pdf direct getoond kan worden.

Vanuit dit venster kan ik de pdf nog roteren, downloaden en printen.

En met de navigatieknoppen rechts onderin.

kan ik de folder beeldvullend laten plaatsen. Ik kan inzoomen en uitzoomen.

Keer terug naar Adobe Muse.

De knop ‘Direct Registreren’ ga ik gebruiken voor het maken van een email-link.

Selecteer het tekstkader en het kleurvlak.

Klik op het uitklapvenster naast Hyperlinks.

Op dit moment linkt deze button naar de pagina 'Registreren'.

Ik kan de huidige link verwijderen door te klikken op het kruissymbool 'Remove Link'.

Klik opnieuw op het uitklapmenu.

En typ bovenin het invoervlak het email adres. En dat doe je dan als volgt.

‘mailto:info@webevent.nl’.

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

Bekijk opnieuw de site in de browser. Via File > Preview Site in Browser.

Automatisch wordt jouw mailprogramma geactiveerd.

En staat het emailadres waar je naartoe mailt al ingevuld.

Je kunt nu je mail gaan typen en versturen.

Ik sluit mijn mailvenster. Bewaar niet deze mail. En keer terug naar Adobe Muse.

Zo kun je ook eenvoudig een telefoon-link of een sms-link maken

Wijzig het woord ‘mailto’ in ‘tel:' en daarna het telefoonnummer.

Of vervang 'tel' voor 'sms' en de bezoeker kan dan een sms versturen of gaan bellen.

Dan moet het apparaat waar de bezoeker de website op bezoekt natuurlijk wel kunnen telefoneren.

Dus deze opties zijn eigenlijk alleen goed bruikbaar voor de mobiele versie van de website.

In het hoofdstuk ‘Responsive’ leer je hoe je aangepaste vormgeving en content kunt maken voor mobiel.