2ndWEB is een product van bruno uno studio | Disclaimer | Algemene voorwaarden | Contact | Copyright 2ndWEB 2018 ©
 
  Home 2ndweb informatie Bekijk de ontwerpen uitbreidingen Prijzen Bestel nu uw 2ndWEB website! Meest gestelde vragen
 
 
Handleiding Editor V3 17-2-2011
bestel nu!


    → In the spotlight:

 
→ B2B
→ Logo in a Second!
→ Recent
→ Testimonals
→ Nieuwsbrief

Handleiding 2ndWEB Editor V3.0.0
(Laatst bijgewerkt op 19-9-2011)

Algemene informatie over de editor
- De editor is zowel te gebruiken op de PC als op de Mac.
- De editor werkt in de meest vookomende browsers, kleine verschillen zijn mogelijk.

WYSIWYG
2ndWEB biedt de mogelijkheid gebruik te maken van het 'What You See Is What You Get' principe; dit houdt in dat wat te zien is in de editor in veel opzichten gelijk is aan hetgeen uiteindelijk op de website getoond wordt.

Editor opties
Hieronder vind je van alle knoppen uit de Editor een uitleg. Niet alle hieronder genoemde opties zijn bij elke 2ndWEB website van toepassing. Dit is afhankelijk van de mogelijkheden van het template en uitbreidingen die je hebt afgenomen.

Een aantal mogelijkheden worden nog extra toegelicht. Maak je keuze:

- 1. Tekst plakken vanuit Word en overige tekstverwerkers.
- 2. Het schalen van de editor.
- 3. Het invoegen van een afbeelding.
- 4. Het bewerken van een afbeelding binnen de editor.
- 5. De weergave van een afbeelding in uw pagina.
- 6. (Hyper)link maken naar een andere website of e-mailadres.
- 7. (Hyper)link maken binnen uw website.
- 8. (Hyper)link maken naar een bestand (bijv. PDF)
- 9. Bladwijzer (anker) aanmaken in een pagina.

  = Opslaan van de pagina.
  = Voorbeeld bekijken van de pagina, voordat je hem hebt opgeslagen.
  = Tekst vet weergeven (Ctrl+B).
  = Tekst cursief weergeven (Ctrl+I).
  = Tekst onderstrepen (Ctrl+U).
  = Tekst doorhalen.
  = Tekst links uitlijnen.
  = Tekst centreren.
  = Tekst rechts uitlijnen.
  = Tekst over de hele pagina uitvullen.
  = Maakt het mogelijk bepaalde voorgedefineerde stijlen aan je tekst toe te voegen.
  = Help functie van TinyMCE Editor.
  = Knippen van een tekst.
  = Kopieëren van een tekst.
  = Plakken van een tekst.
  = Plak als platte tekst, zonder html codes.
  = Plakken vanuit Microsoft Word.
  = Zoeken naar een woord binnen het tekstveld.
  = Bepaalde woorden zoeken en vervangen door een ander woord.
  = Opsomming maken met bolletjes.
  = Opsomming maken met nummering.
  =  Inspringen verkleinen, tekst (terug) brengen naar links.
  = Inpspringen vergroten, tekst brengen naar rechts.
  = Tekst als citaat markeren.
  = Handeling ongedaan maken (Ctrl+Z).
  = Handeling herhalen (Ctrl+Y).
  = Link invoegen/bewerken.
  = Link verwijderen.
  = Anker invoegen/bewerken.
  = Afbeelding invoegen/bewerken.
  = Code opruimen, ongewenste opmaak verwijderen.
  = Opent de HTML-broncode voor het direct maken van wijzigingen in de achterliggende pagina-codering. Kennis van de HTML-taal is vereist!
  = Datum invoegen.
  = Tijd invoegen.
  = Tekstkleur aanpassen.
  = Tekstmarkeringskleur aanpassen.
  = Nieuwe tabel invoegen.
  = Hulplijnen weergeven
  = Scheidingslijn invoegen.
  = Opmaak verwijderen.
  = Subscript, tekst wordt kleiner en komt lager te staan.
  = Superscript, tekst wordt kleiner en komt hoger te staan.
  = Symbool invoegen.
 = Afdrukken van de pagina.


1. Tekst plakken vanuit Word en overige tekstverwerkers
Probeer altijd tekst die u vanuit een tekstverwerker of andere website naar uw eigen website wilt kopieëren tussendoor in Kladblok te plaatsen en niet rechtstreeks in de editor, dit voorkomt dat u ongewenste opmaak mee neemt.

- Selecteer de tekst die u wilt kopieëren.
- Kopieer de tekst met (Ctrl+C).
- Plak de tekst in het lege Kladblok bestand (Ctrl+V).
- Selecteer de tekst opnieuw.
- Kopieer de tekst met (Ctrl+C).
- Plak de tekst in het lege veld van de editor (Ctrl+V).

2. Het schalen van de editor
De editor heeft de mogelijkheid om in grote van tekstveld te variëren. Door met de cursor de linker onderhoek (afbeelding: ) 'op te pakken' en te 'verslepen' is het mogelijk de hoogte en breedte van het tekstveld aan te passen.

3. Het invoegen van een afbeelding

Open in het beheer de gewenste pagina om een afbeelding in te voegen (Website beheer > pagina's wijzigen) en open deze door op de naam van de pagina te klikken.

De editor opent met de door jou gekozen pagina.

- 3a
Zet en klik je cursur op de gewenste plek waar je een afbeelding wil invoegen en vervolgens op 'Afbeelding invoeren/bewerken' (afbeelding:  ).
Een venster opent met 3 tabjes: General | Appearance | Advanced

- 3b
Bij General druk op 'Bladeren' (afbeelding: ) achter het 'Bestand/Url'-veld. Nog een nieuw venster opent met de Image Manager.

- 3c
Je bevindt je nu in de Image Manager. Als het de eerste keer is dat je hier komt zal deze waarschijnlijk leeg zijn en geen afbeeldingen tonen, tenzij 2ndWEB er al wat geplaatst heeft.

(Als je voor het eerst met de Image Manager gaat werken is het handig vooraf verschillende mappen aan te maken, waardoor je afbeeldingen overzichtelijk te beheren zijn.
Een map aanmaken doe je door op  te klikken, vervolgens bij 'Folder name:' de gewenste naam in te vullen en daarna te klikken op 'Create').

- 3d
Klik op de gewenste map links in het menu (of de standaard map: /cont_images). 

- 3e
Druk op  om het upload-venster te openen. Met 'Choose files' kun je bladeren op je eigen computer naar de afbeelding die je wil gaan plaatsen. (Het orgineel blijft gewoon op je computer). GIF, JPG of PNG bestanden zijn hier mogelijk.

Let op: kies geen overbodig grote bestanden, hierdoor laadt je website trager en loopt je HD ruimte bij ons onnodig vol en kan extra kosten met zich meebrengen als je daar overheen gaat. Het verkleinen van beeldmateriaal kan je vooraf zelf doen met je eigen software op je eigen computer OF later met de 'tools' bij "4b" die wij in de Image Manager aanbieden).

- 3f
Met 'Upload to server' wordt een kopie van de afbeelding in de (je eigen) Image Manager geplaatst.

- 3g
De gekozen afbeelding bevindt zich nu tussen de andere afbeeldingen in het overzicht en in de eventueel gekozen map.

- Kies de afbeelding die je wil plaatsen uit de Image Manager door op de afbeelding zelf te klikken.

Let op: onder elke afbeelding bevindt zich een menu (zwart pijltje) om de afbeelding zelf nog te bewerken (zie 4. Het bewerken van een afbeelding) alvorens deze te plaatsen! Voorkom achteraf extra werk door de afbeelding alvast op de gewenste maat te maken of bij te snijden (zie 4b). Dit kan echter ook nog achteraf.

- Nadat je op de afbeelding zelf geklikt hebt kom je terug in het 'Afbeelding invoeren/bewerken (insert/edit image)' scherm en zie je de afbeelding in de voorvertoning.

Hier kun je desgewenst een 'Omschrijving' en 'Titel' meegeven aan de afbeelding. Je website wordt hierdoor gebruiksvriendelijk voor de bezoeker en de zoekmachines indexeren dit ook.

- Met 'Invoegen' / 'Insert' plaatst je vervolgens de afbeelding in de editor en wordt deze getoond in de pagina waar je in de eerste stap je cursor hebt geplaatst.

Let op! Vergeet niet de pagina op te slaan door op de diskette  te klikken!

 

4. Het bewerken van een afbeelding binnen de editor
Binnen de Image Editor bieden wij de mogelijkheid om de grootte van de afbeelding te wijzigen, de afbeelding bij te snijden (croppen) of de afbeelding draaien. (zoals eerder aangegeven in 3g)

Dit kan bij de eerste keer dat je een afbeelding plaatst of achteraf bij bestaande afbeeldingen.

- 4a
Open in het beheer de gewenste pagina om een afbeelding te bewerken (Website beheer > pagina's wijzigen) en open deze door op de naam van de pagina te klikken.

De editor opent met de door jou gekozen pagina.

Selecteer de afbeelding in deze pagina door met de muis er een keer op te klikken.

De afbeelding krijgt hierdoor 8 puntjes om zich heen en de knop 'Afbeelding invoeren/bewerken' (afbeelding:  ) licht op en wordt actief.

Klik (met de 8 puntjes nog steeds rond de afbeelding) op de knop 'Afbeelding invoeren/bewerken' (afbeelding:  ).

Een venster opent met 3 tabjes: General | Appearance | Advanced en de afbeelding wordt getoond.

Bij het eerste tabblad 'General' klik je op 'Bladeren' (afbeelding: ) achter het 'Bestand/Url'-veld. Nog een nieuw venster opent met de Image Manager.

Localiseer de afbeelding die je wil aanpassen (en/of plaatsen ter vervanging) en klik op het zwarte driehoekje om het menu ervan te openen.

- 4b Afbeelding bewerken
Kies voor 'Edit' en een nieuw venster met de gereedschappen opent (zie afbeelding hiernaast). In het venster dat opent kun je de keuze maken uit 4 opties:

- Met bepaalt u de nieuwe breedte en hoogte van de afbeelding door 'Width' en 'Height' in te vullen. Het is tevens de manier om de bestands-grootte vele malen te verkleinen, zodat het laden op de website versneld. 'Constrain proportions' aanvinken zorgt ervoor dat u de afbeelding niet uit verhouding brengt.
- Met kunt u de afbeelding bijsnijden. Door met uw pijltje te slepen kunt u de afbeelding naar het gewenste voormaat aanpassen. Dit is ook mogelijk door voor 'Top', 'Left', 'Width' en 'Height' de gewenste waardes in te vullen. 'Constrain proportions' aanvinken zorgt ervoor dat u de afbeelding niet uit verhouding brengt.
- Met kunt u de afbeelding horizontaal of verticaal spiegelen.
- Met kunt u de afbeelding 90, 180 of 270 graden draaien.

Sluit een wijziging altijd af door op  te klikken. Op deze manier komt de  optie beschikbaar en kun je eventueel de naam van de afbeelding nog wijzigen, bijvoorbeeld om de afbeelding als kopie op te slaan of om er een maat aan mee te geven.

Wanneer je opslaat met een nieuwe naam blijft ook de oude (onaangepaste) afbeelding bewaard. Ongewijzigd terugkeren is mogelijk met  of .

LET OP!: er mogen geen vreemde leestekens in de bestandsnaam voorkomen, dus gebruik bij voorbeeld:

huis_met_garage_400px_breed.jpg



5. De positie/weergave van een afbeelding in uw pagina
1. Selecteer de zojuist geplaatste afbeelding.
2. Druk in de editor op 'Afbeelding invoeren/bewerken' (afbeelding:  ).
3. Onder het tabje 'Weergave' vind u een aantal mogelijkheden wat betreft de weergave van de afbeelding op uw website.

- Het keuzemenu achter 'Uitlijning' geeft u een aantal opties wat betreft de positionering van uw afbeelding. Een voorbeeld wordt direct getoont rechts op te pagina.
- Bij 'Verticale ruimte' kunt u een getal invullen wat aangeeft hoe groot de ruimte is die boven en onder de afbeelding vrij moet blijven.         
- Bij 'Horizontale ruimte' kunt u een getal invullen wat aangeeft hoe groot de ruimte is die links en rechts van de afbeelding vrij moet blijven.
- Het toevoegen van een rand aan uw afbeelding kan door bij 'Rand' een grootte op te geven.

4. Met 'Invoegen' slaat u vervolgens de wijzigingen op.




6. Hyperlink maken naar een andere website of e-mailadres
- Selecteer in de editor het stuk tekst dat een link dient te worden.
- Druk op 'Link invoegen/bewerken' (afbeelding:  ).
- Vul in het veld 'Url' de link in. In het geval dat u naar een andere website wil linken vul altijd eerst http:// in en wanneer het om een e-mailadres gaat vul altijd eerst mailto: in.
- Met 'Doel' krijgt u de mogelijkheid om de link in hetzelfde venster of in een nieuw venster te openen.
- Sla de wijziging op door op 'Invoegen' te klikken.

Om een hyperlink te deactiveren, hoef je deze enkel te selecteren en op 'Link verwijderen' (afbeelding:  ) te klikken.

7. Hyperlink maken binnen uw website
Wanneer u een link binnen uw eigen website wilt houden dient u er rekening mee te houden welke linknaam u uw pagina geeft. Spaties worden vervangen voor een underscore (voorbeeld: 'nieuws overzicht' wordt 'nieuws_overzicht'). Uiteraard is het in dit geval niet nodig eerst http:// in te vullen, enkel de naam die u aan uw pagina heeft gegeven.


- 8. (Hyper)link maken naar een bestand (bijv. PDF)

8a. Selecteer in de editor het stuk tekst dat een link dient te worden.
8b. Druk op 'Link invoegen/bewerken' (afbeelding:  ) en blader in het veld 'Url' naar de plek van het bestand. Dit bestand kan al in het overzicht staan of je kunt een nieuw bestand toevoegen door te uploaden.

8c. Met 'Doel' krijg je de mogelijkheid om de link in hetzelfde venster of in een nieuw venster te openen.

8d. Sla de wijziging op door op 'Invoegen' te klikken.

Om een hyperlink te deactiveren, hoef je de tekst enkel te selecteren en op 'Link verwijderen' (afbeelding:  ) te klikken.

 



9. Bladwijzer (anker) aanmaken in een pagina
- Zet uw cursor in de editor op de plek waar de bladwijzer naar moet verwijzen.
- Druk op 'Anker invoegen/bewerken' (afbeelding:  ).
- Geef de plek een 'Ankernaam' en sla op met 'Invoegen'.
- Selecteer vervolgens het stuk tekst dat als bladwijzer moet gaan dienen.
- Druk op 'Link invoegen/bewerken' (afbeelding:  ).
- Kies in het 'Anker' menu de plek waar u naar wilt verwijzen.
- Sla de wijziging op door op 'Invoegen' te klikken.

 

Stap als bestaande 2ndWEB-klant over op ons nieuwste product Site in a Second en ontvang een aanzienlijke korting. Volledig geschikt voor mobiel tablet en desktop! Vernieuwde technieken en de gebruiksvriendelijkheid die je gewend bent is verder verbetert. Kijk op www.siteinasecond.nl en informeer naar jouw mogelijkheden!

2ndWEB CRM Bundel

3 uitbreidingen in 1:

  1. Nieuwsbrief in stijl van uw eigen website € 99,-
  2. Adressenbestand (CRM) 
    € 199,-
  3. Contactformulier Plus met koppeling naar CRM
    € 99,- 

Normaal       :        € 397,-
Bundel prijs  :        € 298,-
                           ----------
Uw Korting  :        € 99,-


(alle prijzen excl. 21% btw)