Tekst opmaken met alineastijlen (Paragraph 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.

De teksten op een website maak je het liefst op met behulp van teken- en alineastijlen.

In de stijl bepaal je dan de vormgeving van de koppen, de subkoppen, de broodtekst enzovoort.

Wil jij of de klant een bepaalde wijziging in de opmaak.

Dan hoef je slechts de vormgeving van de stijl te wijzigen.

Alle teksten in de website die verbonden zijn aan die stijl.

Wijzigen dan automatisch naar de nieuwe vormgeving.

Bedenk hoeveel tijd dit scheelt.

Dat je dit niet meer handmatig tekst voor tekst op elke pagina hoeft te doen.

Ik doe nu voor hoe je tekst opmaakt met alineastijlen.

In een volgende video behandel ik de tekenstijlen.

Allereerst ga ik teksten plaatsen onder de portretten van de sprekers.

Ga naar File > Place en plaats het tekstbestand Home_sprekers.txt.

Klik en sleep een kader onder de eerste spreker.

Gebruik de hulplijnen van het kolomgrid om een tekstkader over de breedte van kolommen te trekken.

Dit is de tekst van alle sprekers.

Dus die ga ik nu, met behulp van knippen en plakken, in aparte tekstkaders plaatsen onder de sprekers.

Selecteer de tekst van de laatste spreker.

Ga naar Edit > Cut of gebruik de toetscombinatie Commando X.

Als ik de tekst nu zou plakken, dan wordt deze weer op dezelfde positie geplakt.

Want ik sta met de cursor te knipperen op een lege regel.

Dus denkt Muse dat ik de tekst daar wil plakken.

Ik gebruik Commando V om een plak-opdracht te geven.

En kijk maar! De tekst wordt op deze regel geplakt. dat wil ik niet.

Ik maak het ongedaan met Commando Z.

Ik wil dat de tekst in een apart tekstkader wordt geplakt.

Dan doe je dan op de volgende manier.

Activeer het selectie-gereedschap en deselecteer het huidige kader. Door ergens in het niets te klikken.

Kies dan voor Edit > Paste of gebruik de toetscombinatie Commando V.

Nu wordt de tekst in een apart tekstkader geplakt.

Plaats het tekstkader op de juiste positie.

Onder de juiste spreker. Maak deze ook weer -koloms breed.

Dit herhaal je dan totdat onder elke spreker de bijbehorende teksten staan.

Maak ook gebruik van de hulplijnen.

Om de tekstkaders allemaal op dezelfde hoogte naast elkaar te zetten.

Ik begin met het opmaken van één tekstkader.

Ik selecteer alle tekst met Commando A en kies als font de Trebuchet.

Ik geef iets meer witruimte tussen de letters door de tracking te zetten.

En verhoog de interlinie naar %.

En de uitlijning van de tekst wordt gecentreerd.

De namen van de sprekers maak ik iets groter. Zet ik in corps .

De functieomschrijving krijgt een iets groter corps namelijk .

En een andere tekenkleur, de donkergroene kleurvariant.

En als laatste de citaat.

Die krijgt ook een iets groter corps. En deze zet ik schuin.

Waardoor deze tekst meer het karakter van persoonlijk uitgesproken tekst krijgt.

En als tekenkleur gebruik ik de lichtere kleurvariant.

Dit is hoe ik de teksten voor alle sprekers zou willen vormgeven.

In plaats dat we elk tekstkader handmatig gaan opmaken zoals we voor dit ene kader hebben gedaan.

Gebruiken we de vormgeving van dit kader om alineastijlen op te baseren.

Open onder Window > Paragraph Styles.

En ik zet het venster even los en apart in beeld. Zodat we hier goed naar kunnen kijken.

Ga met de muis in de alinea staan. Dat is al voldoende. Je hoeft geen tekstselectie te maken.

Klik dan onderin het venster van de Paragraph Styles op het icoon ‘Create a new Style’.

Deze wordt toegevoegd en heet ‘Paragraph Style’.

Zie dat de huidige tekstselectie nog steeds gekoppeld is aan de stijl [None].

Zodra je dubbelklikt op de naam 'Paragraph Style' gebeuren er twee dingen.

A, ik kan deze stijl een andere naam meegeven zodat ik hem kan herkennen. Bijvoorbeeld 'kop'.

En in dit venster staat precies de vormgeving beschreven van deze alinea. En ik klik op OK.

Nu zie je dat deze tekst verbonden is aan de stijl 'kop'.

Dan verplaats ik de muis naar de volgende alinea. En ik doe hetzelfde.

Nu is dit nog handmatig opgemaakte tekst en gekoppeld met de stijl [None].

Klik op het icoon 'Create New Style'. En de stijl wordt weliswaar aangemaakt.

Maar is nog niet gekoppeld met deze tekst.

Zodra ik echter de naam 'Paragraph Styles' nu wil wijzigen en ik dubbelklik.

Doe ik twee dingen in één keer.

Namelijk, door de eerste klik verbind ik de huidige tekst met deze stijl.

En met de tweede klik krijg ik dan dus toegang tot mijn 'Style Options'.

Waarmee ik de stijl een andere en herkenbare naam kan geven. En ik noem deze 'intro'.

Enter om te bevestigen.

En dat doe ik nog met de laatste handmatige opmaak.

Die is nu nog verbonden met [None]. Ik creëer hiervan een nieuwe stijl.

En zodra ik hierop dubbelklik is ook deze tekst daaraan verbonden.

En kan ik ook de naam van de stijl aanpassen naar 'citaat'.

Zo, nu ga ik de overige drie tekstkaders vormgeven met behulp van deze stijlen.

Ik zet de cursor in een alinea.

En klik dan in het venster Paragraph Styles op de stijl die ik hieraan wil verbinden.

Je kunt de cursor ook verplaatsen met de pijltjestoetsen op je toetsenbord.

Pijltje naar beneden om naar de volgende alinea te gaan.

En dan naar de laatste alinea voor de vormgeving van het citaat.

Zie hoe snel en efficiënt je nu de tekst kunt opmaken.

En het mooiste is natuurlijk dat de tekst absoluut een uniforme en consequente vormgeving krijgt.

Dan demonstreer ik nu de kracht van het werken met stijlen.

Ik vind de namen van de sprekers eigenlijk iets te groot.

Ik selecteer een naam die met deze stijl verbonden is en maak het corps kleiner, bijvoorbeeld .

En ik kies misschien ook voor de duidelijkheid een andere tekenkleur.

In het stijlen-venster verschijnt dan een + icoon achter de naam van de stijl.

Hiermee geeft Muse aan dat deze tekst niet geheel meer conform de originele stijlopdracht is.

Er heeft een handmatige wijziging plaatsgevonden. En dat klopt!

Om deze gewijzigde vormgeving juist opnieuw als stijl op te laten nemen.

Klik je onderin het stijlen-venster op de knop ‘Redefine Style’.

Zodra je dit doet heb je de originele stijl overschreven.

En alle teksten in de website die aan deze stijl verbonden zijn wijzigen nu automatisch mee.

Je kunt teksten ook ontkoppelen aan een stijl met de opdracht ‘Unlink Style’.

Dan wordt de stijl [None] hieraan verbonden.

Je kunt ook altijd wisselen van stijlopdracht.

En heb je per ongeluk juist tekst met de hand veranderd.

E n wil je de handmatige wijzigingen weer ongedaan maken

Dan kies je juist voor ‘Clear Style Overrides’.

Vanaf nu zou je eigenlijk altijd met stijlen moeten werken.

Dat voorkomt overbodig werk en zorgt voor een consistente vormgeving.

Waardoor je website een professionele uitstraling krijgt.