Navigatie controleren

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.

Werk door in het bestand van de vorige oefening.

Of open mus---.muse uit het oefenmateriaal.

Activeer in de Plan-Mode een webpagina door hierop te dubbelklikken.

Ik wil de navigatiebalk gaan controleren.

Maar omdat alle pagina’s er nu nog hetzelfde uitzien, namelijk leeg.

Ga ik per pagina een tekst plaatsen waaraan ik de pagina kan herkennen.

Selecteer in de gereedschappenbalk het tekst-gereedschap.

Let op, er zijn twee tekst-gereedschappen. De ‘Vertical Type Tool’ en de ‘Type Tool’. We selecteren de ‘Type Tool’.

Klik in beeld, houd in geklikt en sleep een kader.

Laat los en een knipperende cursor verschijnt in het tekstveld.

Typ de naam van de pagina.

Selecteer de tekst en bepaal daarna de vormgeving in het Controls-palet.

Selecteer het selectie-gereedschap.

Zorg dat het tekstkader nog geselecteerd is en maak een kopie van dit tekstkader.

Ga naar Edit > Copy.

Er wordt een kopie op het klembord geplaatst. In het engels heet het klembord 'Clipboard'.

Keer terug naar de sitepagina en activeer de volgende pagina.

Ga dan naar Edit > Paste. Of gebruik de toetscombinatie Commando V.

De kopie wordt in het midden van de pagina geplakt.

Ik maak deze handeling ongedaan met de toetscombinatie Commando Z.

Om de kopie op exact dezelfde positie te plakken ga je naar Edit > Paste in Place.

Of je gebruikt de toetscombinatie Commando Shift Alt V.

En hij wordt op exact dezelfde plek geplaatst.

Nu hoef ik enkel de tekst te wijzigen.

Op dit moment heb ik mijn selectie-gereedschap actief.

Let op wat er gebeurt met mijn gereedschap als ik dubbelklik op een tekstkader.

Automatisch wijzigt deze in de tekstcursor en staat deze in de tekst te knipperen.

Selecteer alle tekst via Edit > Select All of gebruik de toetscombinatie Commando A

Wijzig de tekst in ’Sprekers’.

Dubbelklik dan in het overzichtsvenster op de volgende pagina.

Plak de kopie die nog steeds op het klembord staat opnieuw op dezelfde plek met Commando Alt Shift V.

Dubbelklik op de tekst om direct het hele woord te selecteren en wijzig deze in Sessies.

Doe dit dan ook voor de overige pagina’s.

Bekijk dan een Preview.

En nu zie je duidelijk dat het navigatiemenu...

...naar de juiste pagina’s springt.

Zie je dat de navigatiebalk ook al met een donker grijze kleur de actieve pagina aangeeft?

Die functionaliteit zat al automatisch in de widget die we hebben gebruikt om het menu te maken.