Tekst typen en vormgeven (Type Tool)

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 antwoord

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 van het oefendocument de B-Master Page.

Tekst staat in Muse altijd in een tekstkader.

Selecteer in de gereedschappenbalk het tekst-gereedschap.

Je hebt twee gereedschappen.

Eén voor het typen van verticale tekst en één voor horizontale tekst.

En ik kies de standaard ‘Type Tool’, dat is horizontale tekst.

Voordat je begint te typen ga je naar het lagen-venster en activeer je de laag ‘content’

Klik met het tekst-gereedschap ergens in het contentgebied.

Houd ingeklikt en sleep een kader.

Zodra je de muis loslaat zie je een knipperende cursor in het kader.

Je kunt nu tekst gaan typen.

Gebruik de harde return om nieuwe regels te beginnen.

Ik typ drie kleine regels onder elkaar.

Selecteer het selectie-gereedschap in de gereedschappenbalk.

En maak het kader smaller.

Tekst wordt altijd automatisch op nieuwe regels geplaatst.

Door de breedte te veranderen verander je ook de hoogte van het kader.

Zie maar hoe het kader zich automatisch aanpast om de inhoud te kunnen weergeven.

Dubbelklik met het selectie-gereedschap in het tekstkader.

En het gereedschap wijzigt in het tekst-gereedschap.

Tekst kun je op verschillende manieren selecteren.

Je kunt gaan naar Edit > Select All om alle tekst in het kader te selecteren.

Klik weer eenmaal in het tekstkader om de selectie ongedaan te maken.

Dubbelklik op een woord om één woord te selecteren.

Drie keer klikken om een alinea te selecteren.

Vier keer snel achter elkaar klikken om alle tekst binnen een kader te selecteren.

Klik eenmaal met het gereedschap achter de laatste letter.

Klik in, houd ingeklikt en sleep over één of meerdere tekens om deze te selecteren.

Ik selecteer eerst alle tekst in het kader en bepaal de vormgeving via het Control-venster.

Kies een font uit de lijst. Ik kies de Trebuchet.

De grootte van de letter bepaal ik met de Font- size.

Deze zet ik op alleen de middelste alinea, die zet ik op .

En bij vulkleur kan ik de tekst voorzien van een vulkleur.

Ik kies voor twee kleurvariaties. Dat is deze.

En de middelste regel krijgt dan de lichtere kleurvariant mee.

Je ziet in het Control-venster drie iconen staan.

Met de eerste kan ik de tekst vet kan maken, dat is Bold.

Eén keer klikken om te activeren, nogmaals klikken om te deactiveren.

Deze is voor het schuin zetten van de tekst en de laatste om te kunnen onderstrepen.

Het Control-panel toont slechts een selectie van de mogelijke opdrachten.

Ga naar Window > Text. Dit is het officiële venster voor tekstopmaak. En ik sleep hem even vrij in beeld.

Dit tekstvenster kun je ook benaderen via het Control-venster.

Klik dan op het woord ‘Text’ en voila daar klapt het venster uit.

Zo heb je hier bijvoorbeeld ook de mogelijkheid om de tekst om te zetten in Kapitalen, Undercast letters.

Verkleind boven de basislijn.

En ik selecteer daarvoor even één karakter. Dat is deze.

Of juist verkleind onder de basislijn. Deactiveren en de andere activeren.

Ik zet alle tekst om in kapitalen.

Met de interlinie bepaal je de afstand tussen de regels en deze zet ik op %.

En met de ‘Tracking’ kun je vervolgens meer of minder afstand tussen de letters invoeren.

Om het kader aan te passen ga ik weer terug naar mijn selectie-gereedschap.

En maak het kader van het juiste formaat.

Geef het liefst aan een kader iets meer ruimte mee. Zodat tekst altijd geplaatst kan worden.

Daarna kan ik het kader op de juiste positie gaan zetten.

Experimenteer nu zelf met het typen en opmaken van tekst.