De interface van Muse (Preview, Arrange)

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 site ‘mus---.muse’ en dubbelklik op het pictogram van de Homepage.

De ordening en weergave van gereedschappen en vensters noemen we de interface.

Ga naar Window en kies voor ‘Reset Panels’. Dit is de standaard weergave van vensters.

Rechts zie je dan een selectie van de beschikbare vensters.

Klik op de pijltjes rechts bovenin het venstergebied.

Om de vensters uit te vouwen en in te klappen.

Sleep aan de linkerrand van het venstergebied om deze breder of juist smaller te maken.

Op z’n smalst blijven enkel de pictogrammen van de vensters zichtbaar.

Ga opnieuw naar Window.

Zoals je ziet staan er meer vensters in de lijst dan er nu in het venstergebied staan.

Ik voeg het venster ‘Align’, ’Fill' en 'Stroke’ toe.

Ze worden op de eerst beschikbare plek toegevoegd in het venstergebied.

Klik op het pictogram of de naam van het venster.

Houd in geklikt en sleep deze naar een andere plek binnen het venstergebied.

Op deze manier kun je de ordening van de vensters binnen het gebied zelf bepalen.

Je ziet dat vensters bij elkaar gegroepeerd kunnen staan.

Versleep het donkere streepje van zo’n venstergroep.

En versleep ook deze in het venstergebied.

Nu verplaats je in één keer een hele groep aan vensters.

Bovenin het documentgebied bevindt zich de Control Panel.

Deze kun je tonen en verbergen via Window > Control.

Dit venster toont afhankelijk van wat je geselecteerd hebt...

...de meest gebruikte opties en instelmogelijkheden hiervoor.

Erg handig dus, want de opties zijn een verzameling afkomstig uit verschillende vensters.

Dus dat werkt sneller dan dat je al die vensters moet aflopen.

Zodra je een element selecteert in de pagina.

Wordt links bovenin aangegeven voor wat voor soort element het Control Panel nu opties toont.

Kijk maar, Dit is de Rectangle, de Ellipse, het Textframe.

En als ik dubbelklik op het tekstkader dan activeer ik nu mijn tekstgereedschap.

En kan ik de tekst gaan wijzigen.

Ik wissel weer naar mijn selectiegereedschap.

De gereedschappenbalk staat standaard links van het documentgebied.

Gereedschappen die onderin een klein driehoek-icoontje tonen bevatten meerdere gereedschappen.

Klik dan op het gereedschap, houd in geklikt.

En de overige gereedschappen verschijnen in een uitklapvenster.

Zo kun je dus van gereedschap wisselen.

Klik op de twee pijltjes rechts bovenin het gereedschapsvenster.

Om te wisselen tussen een dubbele- en een enkele rij aan gereedschappen.

Op dit moment maken we gebruik van de Application Frame.

Alle vensters en documenten worden bijeengehouden dankzij het omsluitend kader.

Deactiveer deze optie via Window > Application Frame.

Nu worden alle documenten en vensters los in beeld gebracht.

En kijk je langs de documenten naar de Finder.

Ik zet het omsluitend kader weer aan onder Window. Want dat vind ik prettiger werken.