Tekst opmaken met tekenstijlen (Character Styles)

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.

Met tekenstijlen kun je de afwijkende vormgeving binnen een alinea beheren.

De werkwijze is als volgt.

Je maakt eerst de alinea’s op met een alineastijl.

De uitzonderingen binnen de alinea’s maak je dan op met een tekenstijl.

Ik doe het voor.

Ik maak de hulplijnen onzichtbaar bij View > Hide Guides.

Zodat we minder afgeleid worden en beter naar de typografie kunnen kijken.

Deze tekst hier is opgemaakt met behulp van de alineastijl ‘citaat’.

Stel dat ik af en toe een woord wil laten opvallen binnen de citaten.

Stel dat ik af en toe een woord wil laten opvallen binnen de citaten.

Stel dat ik af en toe een woord wil laten opvallen binnen de citaten.

Bijvoorbeeld door deze vet te maken en in een andere kleur te zetten.

Dan zijn dat de uitzonderingen binnen de alineastijl.

Open het tekenstijlen-venster onder Window > Character Styles.

Ik zet dit venster apart in beeld onder het alineastijlen-venster.

Zorg ervoor dat je van de afwijkende tekst, een letter, een aantal letters.

Of het woord wat anders is vormgegeven geselecteerd hebt.

Klik onderin het character-venster op het icoon ‘Create New Style’.

De stijl wordt aangemaakt en heet ‘Character Style’.

De huidige tekstselectie is echter nog steeds verbonden aan de stijl [None].

Ik dubbelklik op de nieuwe stijl.

Daarmee verbind ik de huidige tekstselectie met deze stijl.

En krijg ik toegang tot de opties.

Hierin kan ik de stijl een andere naam gaan geven.

Tekenstijlen noem je meestal naar de aparte vormgeving die ze hebben.

Dus in dit geval zou ik kiezen voor ‘orange-bold’.

Je ziet onderin de beschrijving dat ook alleen die eigenschappen in de stijl worden opgenomen.

Het gewicht ‘bold’ en de kleurbeschrijving van oranje. Klik op OK.

Nu kun je deze tekenstijl gaan toepassen op geselecteerde teksten.

Voor een tekenstijl moet je anders dan bij een alineastijl altijd een tekstselectie maken.

Dus ik dubbelklik her en der op een woord in de citaten en verbind deze met de tekenstijl.

Bedenk dat je deze stijl op meerdere pagina’s in de gehele website kunt toepassen.

Stel ik, of de opdrachtgever wil toch een andere kleur.

Selecteer dan een woord die is verbonden met de tekenstijl.

Wijzig de kleur en eventueel ook andere zaken die je wilt aanpassen.

Zodra je een wijziging aanbrengt geeft Muse dit aan.

door achter de naam van de tekenstijl een + icoon te tonen.

Hiermee waarschuwt Muse dat deze selectie weliswaar gekoppeld is aan deze stijl.

Maar dat deze handmatige wijzigingen bevat.

Om deze wijzigingen juist op te laten nemen in de stijl.

Klik je onderin het venster op het icoon ‘Redefine selected style’.

En alle teksten binnen de site, dus ook op de overige pagina’s, wordt het uiterlijk aangepast.

En dan is er nog een heel belangrijk ding dat je moet weten over tekenstijlen.

De tekenstijl neemt alleen de opgegeven uitzonderingen op.

Dus in dit geval alleen de kleur en het vet maken.

De corpsgrootte, de uitlijning, de afspatiëring etcetera

Die we opgegeven hebben in de alineastijl blijven onder beheer van die alineastijl.

Daarom kan ik deze tekenstijl toepassen op elke tekst.

Ongeacht met welke alineastijl deze verbonden is.

Dus als ik deze tekenstijl toepas op de koppen.

Dan behoud deze zijn eigen vormgeving.

En wordt alleen de kleur en het vet zetten vanaf nu bepaald door de tekenstijl.

Alle overige eigenschappen blijven verbonden met de alineastijl.

En ik maak ook op deze teksten die bij de intro horen wijzigingen.

Stel dat ik nu de koppen in een ander lettertype zou plaatsen.

Ik kies hiervoor het lettertype, de Times. Dat kun je duidelijk zien.

En ik zorg ervoor dat dit nieuwe lettertype opgenomen wordt in de alineastijl 'kop'.

Dan klik ik hier onder op 'Redefine style'.

Dan wordt ook de tekst verbonden met de tekenstijl.

Gewoon netjes omgezet in het nieuwe lettertype.

Dus regel is. Maak teksten eerst op in alineastijlen.

En pas daarna pas je eventueel wel of niet tekenstijlen toe op de tekst.