Gebruik maken van hulplijnen (Rulers, Guides, Smart Guides)

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.

Ik wil nu even aandacht besteden aan de hulplijnen van Adobe Muse.

Dubbelklik op het pictogram van de A-Master Page.

De pagina wordt nu weergegeven in de Design-Mode en wordt in een apart tabblad geopend.

Je kunt nu navigeren tussen de Plan-mode en de A-Master Page door op de tabbladen te klikken.

Bij het aanmaken van de website hebben we een kolom’s layout opgegeven.

Met pixels witruimte ertussen.

Deze hulplijnen verschijnen in beeld als je de optie ‘Show Guides’ hebt geactiveerd.

Zo ja, dan staat hier 'Hide Guides', daarmee kun je ze weer verbergen.

Je kunt ook zelf nog extra hulplijnen tekenen als je dit wilt.

Zorg dat de linialen geactiveerd zijn bij View > Show Rulers of gebruik de commando-toets Commando R.

Bovenin en links naast het document verschijnen de linialen.

Klik in ergens in de horizontale liniaalbalk en houd ingeklikt. En sleep een hulplijn in beeld.

Herhaal dit ook met de verticale liniaalbalk.

Zie hoe Muse allerlei hints in beeld geeft wanneer je bijvoorbeeld precies in het midden staat.

En wat dan de gelijke afstanden naar links en rechts zouden zijn.

Maar ook de positie waarop de hulplijn geplaatst zou worden als ik nu loslaat.

Deze hints worden weergegeven dankzij de optie Slimme hulplijnen die we bij de voorkeuren van Muse geactiveerd hebben.

Super handig. Je kunt de slimme hulplijnen ook uitzetten bij View > Smart Guides.

Nu worden er geen hints en afstanden meer weergegeven.

Ik zet ze snel weer aan want ik vind die smart guides juist erg handig.

Je kunt hulplijnen altijd weer oppakken en verplaatsen.

Selecteer daarvoor het selectie-gereedchap in de gereedschappenbalk.

Eenmaal geselecteerd kun je ze verwijderen door op de Delete-toets te drukken.

Echter als de optie bij View > Lock Guides geactiveerd is lukt dit niet.

Dus met deze optie kun je hulplijnen op slot zetten of juist weer vrijgeven.

Om alle geplaatste hulplijnen te verwijderen ga je naar View > Clear Guides.

Belangrijk om te weten is dat alle wijzigingen die je doorvoert op een Master Page.

Direct ook doorgevoerd worden op alle pagina’s die hierop gebaseerd zijn.

Dus zou je een hulplijn willen maken voor alle pagina’s gebaseerd op deze A-Master-Page.

Dan doe je dat dus op deze manier.