Hoe voeg je een afbeelding toe? Hoe maak je een link aan? Hoe kun je je pagina opmaken? Hier lees je meer over de codes die je kan gebruiken.
- Afbeeldingen en documenten in de tekst plaatsen.
- Video's en muziekbestanden toevoegen
- Video's van YouTube en Vimeo
- Links
- Links naar pagina's binnen de website
- Links naar andere websites
- Links naar een e-mailadres
- Verwijzen in document / ankers
- Tekst opmaken
- Bold en italic
- extra witregel
- Gekleurde tekst maken:
- Grijze lijn
- Lijsten
- Citaten
- Inhoudsopgave
- Tabellen
- HTML opmaak
- Koppen maken
- Voorbeeld van een grijs witte kop
- Voorbeeld van een dikke kleine kop
- Voorbeeld van een iets kleinere kop
- Voorbeeld van een nog kleinere kop
- Voorbeeld van de kleinste kop
Afbeeldingen en documenten in de tekst plaatsen.
Je kan afbeeldingen in de verschillende blokken plaatsen, maar het is ook mogelijk een afbeelding in een stuk tekst te plaatsen. Voeg de foto's die je in de tekst wil plaatsen eerst toe, het handigst is om deze allemaal onder elkaar onder je tekst te plaatsen. Op de plaats in de tekst waar je de afbeelding wil laten verschijnen, voeg je dan de volgende code toe:
[[image 01]]
Let op! De spatie tussen image en 01 is vereist.
Hier verschijnt dan de eerste foto op de pagina. Je kan meer afbeeldingen toevoegen in de tekst; verander dan het nummer in de code. Het nummer dat je moet gebruiken is afhankelijk van de volgorde waarin de afbeeldingen op de pagina staan. Wil je de derde foto op de pagina in je tekst plaatsen? Dan gebruik je dus de code [[image 03]].
Let op: De afbeelding verschijnt pas in de tekst (en verdwijnt van de originele plek) na het opslaan van de pagina. Tijdens het bewerken verdwijnt de afbeelding weer even uit de tekst, je ziet dan wel een plaatje dat aangeeft dat daar een foto in de tekst geplaatst is.
Video's en muziekbestanden toevoegen
Video's van YouTube en Vimeo
Het toevoegen van YouTube filmpjes is gemakkelijk. Door de code [[youtube nogDHP0gl9M]] in de tekst te plaatsen, zal het YouTube filmpje automatisch toegevoegd worden. Hierbij is nogDHP0gl9M het id (unieke code) van het YouTube-filmpje. Deze code is te vinden achteraan de url op YouTube. Bijvoorbeeld: http://www.youtube.com/watch?v=nogDHP0gl9M.
Dit ziet er dan als volgt uit:
Voor Vimeo geldt hetzelfde. Hier gebruik je de code die direct achter de vimeo.com url staat. Bijvoorbeeld [[vimeo 3065954]] wordt
Ook is het mogelijk om de url in zijn geheel te gebruiken, hiervoor gebruik je dezelfde methode als bij afbeeldingen.
Links
Links naar pagina's binnen de website
Je kunt verwijzingen maken naar andere pagina's binnen de website. Hiervoor heb je het unieke nummer (id) van een pagina nodig. Dit nummer kun je vinden in de URL van de pagina, daar staat bijvoorbeeld http://www.mediamatic.nl/3417/nl/handleidingen-voor-iedereen, waarbij 3417 het unieke nummer is.
Een verwijzing naar een andere pagina maak je met (( (dubbele haakjes), daarna het nummer, daarna een | (pipe), de tekst die je wil laten zien en weer afsluiten met )) (dubbele haakjes).
De code ((3417|Link naar de gebruikershandleidingen)) ziet er dan zo uit: Link naar de gebruikershandleidingen
Links naar andere websites
Je kunt in een tekst verwijzingen maken naar andere websites en e-mailadressen. Hiervoor gebruik je de knop Link bovenaan het invulveld. Daar vul je een url (de link van de website) in en een titel zoals je wil dat het er uit ziet. Klik op ok en de verwijzing wordt in het invulveld geplaatst.
Je kunt ook zelf verwijzingen maken met een code. Deze kan je ook gebruiken om bijvoorbeeld te verwijzen naar de pagina van een fotograaf in de tekst onder een foto. Plaats een [ (vierkante haak), de url, een spatie, de titel van de link, en sluit af met een ].
Je kan bijvoorbeeld de volgende code toevoegen: [http://www.anymeta.net anyMeta]. Dit ziet er in de tekst dan als volgt uit: anyMeta
Links naar een e-mailadres
Je kunt naar e-mailadressen verwijzen door het e-mailadres te plaatsen met “mailto:” ervoor, bijvoorbeeld:
mailto:leonie@mediamatic.nl
Dat geeft als resultaat:
Wil je liever een andere tekst laten zien? Dan kan je dat doen door dezelfde code te gebruiken als voor links, bijvoorbeeld:
[mailto:leonie@mediamatic.nl mail mij]
Dat ziet er dan zo uit:
Verwijzen in document / ankers
Om te verwijzen naar een specifieke plaats in een document, volg je 2 stappen.
Stap 1: Op de plaats vanwaar je verwijst, zet je de code: ((|lijsten en opsommingen#lijsten)). Dat ziet er op de pagina uit als: lijsten en opsommingen.
Stap 2: Op de regel boven de specifieke plaats waar je naar verwijst zet je een markering, een anker, met deze code: [[# lijsten]].
Let op, er moet een spatie na de #
Tekst opmaken
Bold en italic
**bold** wordt bold
//italic// wordt italic
Deze codes kan je ook combineren. **//bold italic//** wordt dan bold italic
extra witregel
De code _ ((een spatie en een underscore) geeft een extra witregel
Gekleurde tekst maken:
##red|red as word## wordt: red as word
##f06|pink as hex value## wordt: pink as hex value
Voor kleurcodes kan je terecht op Color Scheme Designer.
Grijze lijn
Wil je een grijze lijn over de pagina, om 2 onderdelen duidelijk te scheiden? Dan gebruik je de volgende code:
----
Dit geeft de volgende lijn
Lijsten
Je kunt gebruik maken van de tekens # en * om lijsten en opsommingen te maken.
# japan
# bulgarije
# israel
wordt een opsomming met automatische nummering:
- japan
- bulgarije
- israel
* japan
* bulgarije
* israel
wordt een lijst met bulletpoints:
- japan
- bulgarije
- israel
Met spaties voor de sterretjes kun je het niveau in de lijst aangeven (de inspringing). Je kunt ook geordende lijsten maken met een # (hekje).
Citaten
U kunt citaten plaatsen met een > (pijltje naar rechts) voor elke regel. Bijvoorbeeld:
> aber irgendwer muss diesen job ja machen und deshalb kann es
> nicht ändern . ich könnte dem text höchstens ein bisschen gut
> zureden, dass er auch als platzhalter eine wichtige rolle spielt und
> durchaus gebraucht wird.
wordt:
aber irgendwer muss diesen job ja machen und deshalb kann ich es
nicht ändern . ich könnte dem text höchstens ein bisschen gut
zureden, dass er auch als platzhalter eine wichtige rolle spielt und
durchaus gebraucht wird.
Inhoudsopgave
Als je een lange pagina met veel tussenkopjes hebt is het verstandig om dit op te delen in verschillende pagina's. Als dat om een bepaalde reden niet handig is, kun je een inhoudsopgave maken om meer overzicht te creëren. Een inhoudsopgave maak je door voor het eerste tussenkopje [[toc]] te typen, bijvoorbeeld:
Inleidende tekst.
[[toc]]
+++ Eerste tussenkopje
Wat tekst over het eerste tussenkopje.
+++ Tweede paragraaf
Nog wat tekst over paragrafen.
Tabellen
|| Cell 1|| Cell 2 ||
|| Cell 3|| Cell 4 ||
wordt:
| Cell 1 | Cell 2 |
| Cell 3 | Cell 4 |
||< left||= center||> right ||
|| The quick brown|| fox jumps over|| the lazy dog. ||
wordt:
| left | center | right |
| The quick brown | fox jumps over | the lazy dog. |
||~ header 1||~ header 2 ||
|| data 1|| data 2 ||
wordt:
| header 1 | header 2 |
|---|---|
| data 1 | data 2 |
HTML opmaak
Je kunt ook HTML in pagina's gebruiken. Begin het stukje html met <html> op een eigen regel en eindig met </html> op een eigen regel.
Koppen maken
++++++ Voorbeeld van een grijs witte kop
+++++ Voorbeeld van een dikke kleine kop
+ Voorbeeld van de grootste kop
++ Voorbeeld van een iets kleinere kop
+++ Voorbeeld van een nog kleinere kop
++++ Voorbeeld van de kleinste kop
wordt
Voorbeeld van een grijs witte kop
Voorbeeld van een dikke kleine kop
Voorbeeld van de grootste kop
Voorbeeld van een iets kleinere kop
Voorbeeld van een nog kleinere kop
Voorbeeld van de kleinste kop
Bijdragen
Reacties
Leonie
Ino
Govert
Heleen
Ilonka
Lode