Tekstomloop toepassen (Wrap)

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.

Als je een tekstomloop wilt creëren dan moet je de afbeelding of illustratie eerst los plaatsen op de pagina.

Vervolgens knip en plak je de afbeelding in het tekstkader.

Ik heb voor deze video een bestand voorbereid en open deze!

Scroll naar beneden op de pagina en zoom in op het tekstkader.

Selecteer het selectie-gereedschap en ga naar File > Place.

Kies een afbeelding uit de oefenmap en klik op Open.

Plaats de afbeelding ergens los op de pagina.

Ik klik, houd ingeklikt en sleep een illustratiekader.

Het kader mag wel verkleind worden toegepast, dus let op het schalingspercentage.

Deze moet op of onder % of lager geplaatst worden.

Zou je de afbeelding groter dan % plaatsen? Dan is de kans groot dat je de pixels gaat zien.

Ik plaats de afbeelding ongeveer op een kleine -%.

Zodra je de muis loslaat wordt de afbeelding geplaatst.

Selecteer met het verplaats-gereedschap de afbeelding.

Knip de afbeelding via Edit > Cut of gebruik de toetscombinatie Commando X.

Dubbelklik dan met het selectie-gereedschap in het tekstkader .

En plaats de tekstcursor op de plek waar je de afbeelding wilt plakken.

Ga dan terug naar Edit en kies voor Paste of gebruik de toetscombinatie Commando V.

Je hebt nu het illustratiekader geplakt op de regel.

Dit noemen we een ‘verankerd object’.

Hij doet gewoon mee met de tekst alsof het een letter is.

Als ik deze laatste handeling nog even ongedaan maak met Commando Z.

En ik ga ergens midden in de regel staan. En ik zeg nu Plak. Kun je goed zien wat ik bedoel.

Als ik de hele alinea selecteer. Door te drie-dubbel klikken.

En ik pas de uitlijning aan hierboven in mijn Control-panel.

Dan wordt de illustratie gewoon meegenomen met de alinea-opdracht.

Je kunt het illustratiekader ook gewoon selecteren zoals je tekst zou selecteren.

Maar je kunt ook een tekstomloop toepassen op de illustratie.

Hiervoor moet je het illustratiekader selecteren met het selectie-gereedschap.

Dus deze activeer ik in de gereedschappenbalk.

En ik klik het illustratiekader aan.

Open het wrap-venster onder Window > Wrap.

En bekijk de volgende opties. Je kunt de afbeelding naar rechts laten uitlijnen en deze gaat volledig naar rechts.

Of naar links laten uitlijnen. En de tekst gaat er dan langs lopen.

Met de Offset kun je dan afstand opgeven tussen de randen van het illustratiekader en de tekst.

Om elke zijde een andere afstand te kunnen opgeven moet je het kettingsymbool eerst ontkoppelen.

Nu kan ik naar rechts een bepaalde afstand opvoeren. ik kan naar boven een afstand opvoeren.

En de afstand naar links en naar beneden op nul laten staan.

Met deze eerste opties.

Wordt de afbeelding gewoon weer op de regel geplaatst zoals dit standaard ook gebeurt.

En dit zijn de tekstomloop opties.