Stramienpagina toepassen (A-Master page)

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.

We starten nu met het opmaken en toepassen van de Master Page.

Hiervoor moeten we nu direct al technieken gebruiken, die pas later in de cursus echt behandeld worden.

Dus eigenlijk heb je nu nog niet alle kennis om dit goed te kunnen begrijpen.

Maar bij het ontwerpen van websites is het gebruik van de master page één van de eerste dingen die je moet doen.

Dus daarom hou ik ook voor deze starterscursus toch deze werkwijze aan.

Volg dus gewoon zo goed mogelijk de komende instructies op.

En het wordt je vanzelf wel duidelijk.

Open het bestand ‘mus---.muse’ uit het oefenmateriaal.

Dit bestand hebben we in het vorige blok aangemaakt.

De pagina’s voor de website zijn er al..

En er is één basispagina, het ‘A-Stramien’.

Dubbelklik op het pictogram van ‘A-Master’.

In beeld staan een aantal horizontale lijnen.

Zorg dat je deze in beeld hebt.

Zo niet moet je deze activeren bij View > Show Header and Footer.

Met de bovenste horizontale lijn bepaal je de ruimte voor de header.

Verplaats de header begrenzing naar pixels.

De verticale verplaatsing wordt in een hint weergegeven terwijl je sleept.

Verplaats daarna de begrenzing van de footer naar pixels.

De webpagina is minimaal pixels hoog.

Dus dat betekent dat je voor de footer pixels reserveert.

Alle vaste paginaonderdelen van een website plaats je op een Master Page.

Teken maar eens een vorm en geef deze een kleur mee bij ‘Fill’.

Je ziet dat alle pagina’s die gebaseerd zijn op de A-Master Page deze vorm krijgen.

Verplaats de vorm. Ik pak mijn selectiegereedschap. Verplaats deze naar beneden. Keer terug naar mijn Site-overview.

En de wijziging wordt live op alle pagina's bijgewerkt.

Elementen die op een Stramienpagina zijn opgemaakt zijn beschermd op de webpagina’s die hieraan gekoppeld zijn.

Dubbelklik op een pagina-icoon. Probeer het element te selecteren. Dit lukt niet.

Standaard wordt de webpagina’s gekoppeld aan de A-Master Page.

Je kunt de pagina ook weer loskoppelen hiervan.

Klik met de rechtermuisknop ingedrukt op een pagina-icoon.

Onderin het contextuele menu staat Masters.

Hier kun je een andere Master Page uitkiezen als je deze zou hebben.

Of kiezen voor ‘No Master’.

De koppeling is verbroken en deze pagina is nu dus gewoon alleen zichzelf.

Om de A-Master weer toe te passen op de pagina kun je het contextuele menu weer gebruiken.

Of je sleept het pictogram van de A-Master bovenop de pagina.

Zo eenvoudig is het.

Je begrijpt hoe handig het is om de vormgeving van de Header en de Footer op te gaan nemen in een stramienpagina.

Deze onveranderlijke onderdelen van een website hoef je dan slechts eenmaal op te maken

En bij wijzigingen en aanpassingen hoef je dit slechts enkel op de Master Page te doen

En voor de gehele website wordt dit dan automatisch bijgewerkt.