Navigeren door websites en -pagina’s (navigate sites & pages)

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.

Om te leren navigeren door pagina’s en websites in Adobe Muse...

...openen we twee websites die in de oefenmap staan.

Open de site ‘event’ uit het oefenmateriaal.

En activeer hiervan twee pagina’s.

Open dan de site ‘drone’. Ga naar File > Open Site. kies voor drone.muse.

En open ook hiervan twee webpagina's.

Dit zijn de enige twee pagina's die hier aanwezig zijn.

Alle geopende bestanden worden naast elkaar in tabs geplaatst.

De pagina’s van een website hebben vaak dezelfde namen.

Denk bijvoorbeeld aan ‘contact’ of ‘home’.

Om een pagina te activeren kun je op de naam in het tabblad klikken.

Maar dan zie je pas als deze getoond wordt of dit de juiste ‘contact-pagina’ is die je zoekt.

Je kunt pagina’s ook openen onder Window.

Onderin staat de lijst van geopende websites.

Klik op de naam van de website.

En in een uitklapvenster worden de actieve pagina’s van deze site getoond.

Nu weet je zeker dat je de juiste pagina selecteert en activeert.

Er is nog een manier. En die werkt op basis van de huidig actieve pagina en site.

Op dit moment staat de home-pagina van de website ‘event’ actief.

Klik bovenin het omsluitend frame op het pictogram ‘Go To page’.

In een lijst worden hier alle pagina’s van de site weergegeven.

Dus ook de pagina’s die nu niet geopend zijn.

Daarin verschilt deze optie dus van die onder Window.

Ook de Stramienpagina’s van de website.

De A-Master, en in dit geval zelfs een B-Master, kun je vanuit hier activeren.

Klik op een naam en dan op OK en de pagina wordt geopend.

Om het volgende te demonstreren maak ik het venster smaller.

Zie wat er gebeurt als niet alle tabbladen van de geopende documenten getoond kunnen worden.

Dan verschijnt er rechts een dubbele pijl. Klik hierop

En net als onder het Window-menu worden nu alle geopende bestanden weergegeven.

En kun je hier naartoe navigeren.

Ik maak mijn venster weer breed.

Om in- en uit te zoomen op een pagina kun je het zoom-gereedschap activeren in de gereedschappenbalk.

Klik op het gereedschap of gebruik de sneltoets ‘Z’.

Standaard staat het vergrootglas op inzoomen.

Door te klikken zoom je met vooringestelde percentages.

Houd de Alt-toets ingedrukt om uit te kunnen zoomen.

Om snel op een bepaald gebied in te kunnen inzoomen houd je de muis in geklikt.

En trek je een zoomgebied. Laat de muis los.

En dit gebied wordt zo groot mogelijk in beeld gebracht.

Je kunt ook in- en uitzoomen via de menuoptie.

Ga naar View > Zoom in en Zoom out.

Of gebruik de toetscombinaties Commando - om te verkleinen.

Commando + om te vergroten.

Vaak gebruik ik de toetscombinatie Commando .

Waarmee ik de pagina weer direct beeldvullend in beeld krijg.

Controleer nu het schalingspercentage bovenin het venster.

Dit is niet de ware grootte.

Gebruik Commando om de pagina op % te bekijken.

Deze opties vind je ook weer terug onder View.

Commando is 'Fit Page in Window' en 'Actual Size' is Commando .

Zodra je bent ingezoomd op een pagina.

Kun je de scrollbalken gebruiken om over de pagina te navigeren.

Maar meestal gebruik je hiervoor het hand-gereedschap uit de gereedschappenbalk.

Deze kun je ook activeren met de sneltoets ‘H’.

Met het handje kun je vrij over de pagina navigeren.

Er is nog een snellere methode.

Ik activeer mijn selectie-gereedschap, of gebruik hiervoor de sneltoets V.

En druk dan de spatiebalk in.

Mijn gereedschap verandert in het hand-gereedschap.

Zolang ik de spatiebalk ingedrukt hou kan ik met het handje over de pagina navigeren.

Laat de spatiebalk los en het huidig actieve gereedschap verschijnt weer.

Dit werkt bij alle gereedschappen behalve bij het tekst-gereedschap.

Dan plaatst je door op de spatiebalk te drukken natuurlijk spaties

Ik activeer mijn tekst-gereedschap in de gereedschappenbalk op gebruik de sneltoets T.

Zolang ik nog niet aan het typen ben, of in een tekstkader actief sta, werkt de spatiebalk.

Kijk maar! Hier verschijnt het handje.

Maar zodra ik in een tekstkader klik.

En de cursor zie knipperen, ga ik spaties typen met de spatiebalk

Als ik nu tijdelijk beschikking wil krijgen tot mijn hand-gereedschap

Moet ik de Alt-toets ingedrukt houden.

Daarmee activeer ik nu mijn hand-gereedschap en kan ik weer over de pagina navigeren.