Easy-Changer.Com Basic
V2.1 © 2010 Easy-Changer.Com. Alle rechten voorbehouden. Easy-Changer.Com Brouwersstraat 2 2613PP Delft The Netherlands
Vooraf
2
Vooraf
Vooraf Dit document is de handleiding voor het gebruik van het Easy-Changer.Com Basic v2.1 systeem. Het kan zijn dat het systeem dat u hanteert afwijkt van het hier beschreven systeem. Mocht het zijn dat u daarom niet meer verder kan informeer dan bij
[email protected] welke handleiding hoort bij uw systeem.
Wij hopen dat u met ons systeem uw website makkelijk en zonder problemen kunt onderhouden. Waardoor het houden van een website voor particulier, bedrijf of vereniging geen tijdrovende praktijk meer is. Mocht het zijn dat er toch onverhoopt problemen en/of onduidelijkheden opduiken kunt u altijd contact opnemen met
[email protected] of uw website constructeur.
In de meeste gevallen dient u verbonden te zijn met het internet om uw website te kunnen wijzigen met het Easy-Changer.Com Basic systeem. Als sommige bewerkingen, zoals een document openen of een het verschijnen van pop-ups, onnodig lang duren kan dit te maken hebben met uw internet verbinding. U dient ten alle tijden verbonden te zijn met het internet voor een zo goed werkend Easy-Changer.Com Basic systeem.
Aan dit document kunnen geen rechten worden ontleend. © 2010 Easy-Changer.Com. Alle rechten voorbehouden. Easy-Changer.Com Brouwersstraat 2 2613PP Delft The Netherlands
[email protected] www.easy-changer.com
3
Vooraf
4
Inhoud
Inhoud
1.
Het Easy-Changer.Com Basic system .............................................................................................. 7
2.
Snel-tabblad..................................................................................................................................... 8 2.1
Snel-tabblad Start .................................................................................................................... 8
2.1.1 2.2
Bestanden importeren ................................................................................................... 8
Gebruikers ............................................................................................................................. 10
2. 2.1 Nieuwe gebruiker aanmaken............................................................................................. 10 2. 2.2 Lijst met gebruikers ........................................................................................................... 10 2. 2.2 Gebruiker wijzigen ............................................................................................................. 10 2.2.3 Gebruiker verwijderen ......................................................................................................... 11 3.
Navigatie-tabblad .......................................................................................................................... 12 3.1
3.1.1
Menu item toevoegen ................................................................................................... 13
3.1.2
Menu item wijzigen ....................................................................................................... 13
3.1.3
Menu item verwijderen ................................................................................................. 14
3.1.4
Volgorde van de menu items wijzigen .......................................................................... 14
3.2
5.
Documenten .......................................................................................................................... 14
3.2.1
Een webpagina toevoegen ............................................................................................ 14
3.2.2
Een nieuwe map toevoegen. ......................................................................................... 15
3.2.3
Een document van uw computer importeren ............................................................... 15
3.2.4
Documenten wijzigen .................................................................................................... 15
3.2.5
Documenten verwijderen.............................................................................................. 15
3.2.6
Document in een andere map plaatsen ........................................................................ 16
3.3
4.
Menu’s ................................................................................................................................... 13
Objecten ................................................................................................................................ 16
3.3.1
Object item toevoegen .................................................................................................. 16
3.3.2
Object item wijzigen ...................................................................................................... 16
3.3.3
Object item verwijderen................................................................................................ 17
bewerkings-tabblad ....................................................................................................................... 18 4.1
Opties .................................................................................................................................... 18
4.2
Aanpassen ............................................................................................................................. 19
4.3
Extra info ............................................................................................................................... 19
Explorer ......................................................................................................................................... 21 5
Inhoud 6.
6
Tinymce™ ...................................................................................................................................... 22 6.1
Tekst vet maken .................................................................................................................... 22
6.2
Tekst cursief maken............................................................................................................... 22
6.3
Tekst onderstrepen ............................................................................................................... 22
6.4
Tekst doorhalen..................................................................................................................... 23
6.5
Speciale tekens invoegen ...................................................................................................... 23
6.6
Tekst in superscript ............................................................................................................... 23
6.7
Tekst in subscript ................................................................................................................... 23
6.8
Tekst links uitlijnen ................................................................................................................ 23
6.9
Tekst centreren ..................................................................................................................... 24
6.10
Tekst rechts uitlijnen ............................................................................................................. 24
6.11
Tekst uitvullen ....................................................................................................................... 24
6.12
Opsommingsteken ................................................................................................................ 24
6.13
Nummering............................................................................................................................ 24
6.14
Stijl toepassen ....................................................................................................................... 24
6.15
Tekst knippen ........................................................................................................................ 25
6.16
Tekst kopiëren ....................................................................................................................... 25
6.17
Tekst plakken ......................................................................................................................... 25
6.18
Handeling ongedaan maken .................................................................................................. 25
6.19
Handeling herstellen ............................................................................................................. 25
6.20
Inspringen of het inspringen vergroten ................................................................................ 25
6.21
Inspringen verkleinen of ongedaan maken ........................................................................... 25
6.22
Hyperlink invoegen ................................................................................................................ 26
6.23
Hyperlink bewerken .............................................................................................................. 26
6.24
Hyperlink opheffen ................................................................................................................ 26
6.25
Afbeelding invoegen .............................................................................................................. 26
6.26
Afbeelding bewerken ............................................................................................................ 27
6.27
Code opschonen .................................................................................................................... 27
6.28
HTML code opvragen ............................................................................................................ 27
6.29
Horizontale lijn invoegen....................................................................................................... 27
6.30
Nieuwe tabel invoegen.......................................................................................................... 27
6.31
Tabel-rij eigenschappen ........................................................................................................ 28
6.32
Tabel rijen en kolommen invoegen en verwijderen ............................................................. 28
Het Easy-Changer.Com Basic system
1. Het Easy-Changer.Com Basic system Het Easy-Changer.Com systeem is een Content Mangement System (afgekort CMS). Hiermee kunt U uw internet sites naar wens aanpassen, bewerken en beheren. In dit hoofdstuk wordt een korte samenvatting gegeven over de verschillende onderdelen van het systeem. Het systeem heeft een snel-tabblad onderdeel (figuur 1, gele kader) waardoor u nieuwe pagina’s, menu’s, gebruikers aan kunt maken en meer. Hierover meer onder 2. Snel-tabblad. Het tweede onderdeel is het navigatie-tabblad (figuur 1, rode kader) waaronder de opgeslagen Menu’s, Documenten en Objecten te vinden zijn. Hierover meer onder 3. Navigatieblad. In het derde onderdeel is het bewerkings-tabblad waar alle bestanden worden geopend om te bekijken en aan te passen. Hier kunt u tot maximaal 15 documenten tegelijk geopend houden. Om er een te sluiten dient u op het donker groene kruisje te drukken in de tabnaam.
Figuur 1. Overzicht Easy-Changer.Com Basic systeem.
Het systeem hanteert voor het opslaan van de ingevoerde gegevens twee vormen. De eerste is opslaan. Hiermee worden uw wijzigingen opgeslagen om later mee verder te gaan. Deze worden dan nog niet gepubliceerd naar de buitenwereld. Als u op publiceren druk worden al uw gegevens, zoals op dat moment ingegeven, gepubliceerd. Deze knoppen zijn te vinden onder in het bewerkingstabblad. Niet altijd zullen beiden knoppen te vinden zijn.
7
Snel-tabblad
2. Snel-tabblad Het snel-tabblad (figuur 1, gele kader) heeft twee tabbladen, Start en Gebruikers. Onder start kunt u een nieuwe pagina’s, menu’s en objecten aanmaken. Daarnaast kunt u van uw computer documenten importeren in het Easy-Changer.Com Basic systeem.
2.1
Snel-tabblad Start
Het tabblad start is weergegeven in figuur 2.
Figuur 2. Snel-tabblad Start.
Het aanmaken van een nieuw menu item, pagina of object wordt in onderdelen 3.1 Menu’s, 3.2 Documenten en 3.3 Objecten beschreven.
2.1.1 Bestanden importeren Door op het icon importeer bestanden te drukken zoals weergegeven in figuur 2 (meest rechter icon) zal zich een nieuw venster openen waarmee u de bestanden kan importeren, figuur 3.
Figuur 3. Het importeer venster. 1/2
8
Snel-tabblad Hierin kunt U aangeven welke map de bestanden moeten komen te staan na het uploaden. Dit kan door in het tekstkader te typen of door op selecteren te drukken waardoor het explorer venster opent. De functionaliteiten van de explorer worden beschreven onder 5. Explorer. Verder is er de mogelijkheid om aan te geven of de bestanden moeten worden overschreven of hernoemt. Overschrijven houd in dat, als het geuploade bestand dezelfde naam heeft als een bestaand bestand in de door u geselecteerde map, het oude bestand wordt overschreven door het nieuwe bestand. Automatisch hernoemen is als het geuploade bestand dezelfde naam heeft als een bestaand bestand in de door u geselecteerde map, het geuploade bestand wordt hernoemt door er een nummer in de naam te zetten. Hierdoor worden beide bestanden met dezelfde naam behouden. Hierna drukt u op Volgende onder in het venster waardoor u naar het volgende venster gaat (figuur 4).
Figuur 4. Het importeer venster. 2/2
Als u op bladeren druk kunt u bladeren door uw computer een de bestanden selecteren die moeten worden geïmporteerd. Om de lijst met bestanden te importeren kunt u op Upload of Volgende klikken. De twee blauwe balken onderin zullen beginnen met lopen. Als alles is geïmporteerd krijgt u daarvan een melding. De bestanden zijn dan klaar voor gebruik.
9
Snel-tabblad
2.2
Gebruikers
Het snel-tabblad gebruikers is weergegeven in figuur 5.
Figuur 5. Sneltabblad Gebruikers.
Het snel-tabblad gebruikers geeft u de mogelijkheid om gebruikers aan te maken en te wijzigen.
2. 2.1 Nieuwe gebruiker aanmaken Door op het icoon nieuwe gebruiker (figuur 5, snel-tabblad gebruikers) te klikken wordt er een nieuw venster geopend in het bewerkings-tabblad (figuur 1, groene kader). Hierin kunt u de (login)naam, email adres en wachtwoord opgeven voor de nieuwe gebruiker. Verder kan worden geselecteerd of de gebruiker actief is (of de gebruiker in gebruik genomen mag worden). Verder is nog de optie voor de rechten van de gebruiker. Hiermee kan worden aangegeven wat een gebruiker wel en niet mag op uw website. Zij worden ingedeeld per groep. Normaal gesproken zijn er de groepen: admingroup en normale gebruiker. Het kan zijn dat er bij u meer zijn. Over deze gebruikersgroepen wordt in dit document niks vermeld. U kunt bij vragen contact opnemen met
[email protected] . De admingroup is de groep gebruikers die alle rechten hebben. Zij kunnen alle pagina’s zien, bewerken en op het Easy-Changer.Com Basic panel inloggen. Deze groep is bedacht voor de systeem beheerders van de website. De normale gebruiker is de groep met gebruikers die mogen inloggen met beperkte rechten. Denk hieraan de rechten om een webblog post toe te voegen, bepaalde informatie te bekijken of informatie toe te voegen aan een database. Deze gebruikers hebben niet de machtiging om in het Easy-Changer.Com Basic systeem in te loggen. Als alles naar behoren is ingevuld kunt u op Publiceren drukken (onderin het bewerkings-tabblad; figuur 1, groene kader). Het systeem zal dan uw gebruiker aanmaken.
2. 2.2 Lijst met gebruikers Door op de knop Lijst met gebruikers te drukken (zie figuur5; Snel-tabblad → Gebruikers) zal zich in het bewerkings-tabblad (figuur 1, groene kader) een tab openen met de lijst van alle gebruikers. U kunt hier de gegevens zien van de gebruikers, zoals id, naam, email, gebruikersgroep, laatste aanmelding, laatste aanmelding host. Door op de gebruiker zijn naam te drukken kunt u de gebruiker openen om te wijzigen. 2. 2.2 Gebruiker wijzigen Nadat u de lijst met gebruikers heeft geopend en op de desbetreffende gebruiker zijn naam gedrukt te hebben kunt u de gegevens van de gebruiker aanpassen. Zoals wachtwoord, naam en/of email. 10
Snel-tabblad Hiervoor word een extra tab geopend in het bewerkings-tabblad. Druk na het wijzigen op Publiceren om de wijziging daadwerkelijk door te voeren.
2.2.3 Gebruiker verwijderen Uit de lijst met gebruikers moet u de gebruiker selecteren die u wenst te verwijderen. Klik eemaal op de gebruiker uit de gebruikerslijst. Er zal een extra tabblad open in het bewerkings-tabblad. U ziet onderin het bewerkings-tabblad item verwijderen. Als u hierop klikt komt er een scherm die vraagt of u het zeker weet. Controleer altijd of de naam overeen komt. Als dit het geval is klikt u op ok. Hierna wordt uw item verwijderd. Wilt u dit niet klik Annuleren.
11
Navigatie-tabblad
3. Navigatie-tabblad De navigatie-tabblad is weergegeven in figuur 6. Deze is te vinden aan de linker kant van uw scherm (figuur 1, rode kader).
Figuur 6. Navigatie-tabblad.
In het navigatie-tabblad staan al uw opgeslagen informatie. Het is onderverdeeld in drie tabs: Menu’s Documenten Objecten Onder Menu’s zijn de verschillende menu’s (in sommige gevallen is dit er maar een) te vinden met al hun opties. Hierover leest U meer onder het 3.1 Menu’s Onder Documenten zijn al uw gepubliceerde foto’s, documenten, pagina’s, mappen, etc. te vinden. Hierover leest U meer onder het 3.2 Documenten. Onder Objecten zijn al uw objecten neergezet. Dit zijn bijvoorbeeld webblogposts, teksten die over veel pagina’s hetzelfde is, fotoalbum reacties, etc. Het is informatie dat of een vaste structuur heeft (bv. invul formulier, publicaties, webshop artikelen) of informatie dat op (veel) verschillende plaatsen voor moet komen, in sommige gevallen gerandomiseerd. (Eigenlijk vallen hieronder ook de menu’s, maar deze worden zoveel gebruikt dat zij een aparte plaats hebben gekregen). Hierover leest u meer onder het 3.3 Objecten.
Nu wordt kort besproken wat de functionaliteiten zijn van het navigatie-tabblad en wat de iconen boven in het navigatie-tabblad doen. U kunt in het navigatie-tabblad onder het kopje Menu’s en Documenten uw documenten en menu items selecteren openen en verschuiven zoals u dat gewent bent op uw computer. U kunt bijvoorbeeld een hele selectie van documenten en menu items selecteren door naast de muisklik ook gebruik te maken van ctrl (Apple gebruikers ) of shift. Met ctrl kunt u item per item (de)selecteren en shift kunt u een hele rij ineens selecteren. Een rij ineens
12
Navigatie-tabblad selecteren doet u door eerst eenmaal op de bovenste uit de lijst te klikken en dan de laatste in de rij aan te klikken als u ook shift vasthoud. Openen van items gaat door dubbel te klikken op de desbetreffende item. U kunt ook een selectie van documenten openen (max .15), door een selectie te maken en dan op te klikken (boven in het navigatie tabblad). Selectie verwijderen kan door de desbetreffende items te selecteren en op Om een nieuwe map aan te maken in Documenten klikt u op 3.2.2 Een nieuwe map toevoegen.
3.1
te drukken.
. Voor meer informatie kijk onder
Menu’s
Door in het navigatie-tabblad op Menu’s te drukken zal zich een lijst openen met de menu’s die op uw website aanwezig zijn. Het symbool staat voor het soort menu. Hierin kan bijvoorbeeld een onderscheid zitten tussen Nederlandse of Engelse menu. Door op de knop te drukken kunt u onderliggende menu items ook bekijken. Wilt u deze weer inklappen druk op . Het symbool staat voor een apart menu item. Door tweemaal op een menu item te drukken kunt u deze openen om bewerkingen toe te passen. U heeft niet de machtiging om een kompleet nieuw menu op te zetten. Daarvoor dient u contact op te nemen met uw website constructeur.
3.1.1 Menu item toevoegen Door in het snel-tabblad Start op de knop Nieuw menu Item te drukken (figuur 2), zal zich een nieuw tabblad openen in het bewerkings-tabblad (figuur 1, groene kader). In het kader dat zich dan opent kunt u alle gegevens invullen voor het menu. Zoals zijn naam, plaats, het gekoppelde document, etc. Voor meer informatie over de aparte invoervelden vind u onder 4.1 Opties. Na het invullen moet u de knop Publiceren drukken onder in het bewerkings-tabblad. Hierna is uw menu item toegevoegd aan het menu.
3.1.2 Menu item wijzigen Als u dubbelklikt op het menu item dat u wilt wijzigen (in het navigatie-tabblad → Menu’s) dan zal zich een tabblad openen in het bewerkings-tabblad met de informatie van het menu item. U kunt dan onder Optie de informatie wijzigen. Meer informatie over de aparte invoervelden vind u onder 4.1 Opties. Bent u klaar met de wijzigingen dan kunt u op Publiceren drukken onder in het bewerkings-tabblad. Wilt u een andere keer hiermee verder gaan druk dan op Opslaan. Dan zal bij een later bewerking gelijk uw opgeslagen informatie worden weergegeven (dit wordt niet weergegeven aan de wereld zolang u niet op Publiceren drukt).
13
Navigatie-tabblad 3.1.3 Menu item verwijderen Als u dubbelklikt op het menu item dat u wilt verwijderen (in het navigatie-tabblad → Menu’s) dan zal zich een tabblad openen in het bewerkings-tabblad met de informatie van het menu item. In dit tabblad ziet u onderin item verwijderen. Klik hierop. Er zal zich een scherm openen die vraagt of u het zeker weet. Controleer altijd of de naam overeen komt. Als dit het geval is klikt u op ok. Zo niet Annuleren. Hierna wordt uw item verwijderd.
3.1.4 Volgorde van de menu items wijzigen Om de volgorde te verander moet u eenmaal klikken en de muisknop vasthouden op het desbetreffende menu item. Er komt een groen kader omheen. Sleep met de muis het menu item tot de plek waar u deze wilt hebben. De zwarte balk geeft aan waar het menu item komt te staan als u de muisknop los laat. In figuur 7 zou dus Contact onder introductie en boven werkgroepen worden geplaatst als de muisknop wordt losgelaten.
Figuur 7. Volgorde menu items wijzigen
Als u vind dat de zwarte balk op de goede plek staat kunt u de muisknop loslaten en wordt de menu item op de plek van de zwarte balk gezet.
3.2
Documenten
Door in het navigatie-tabblad op Documenten te drukken zal zich een lijst openen met de documeten die op uw website aanwezig zijn. Het symbool staat voor een map. Hierin kunt u weer nieuwe documenten en mappen in onderbrengen. Door op de knop te drukken kunt u onderliggende documenten ook bekijken. Wilt u deze weer inklappen druk op . De iconen , , en staan respectievelijk voor een zip archief, afbeelding, pdf document en overige documenten. Door tweemaal op een item te drukken kunt u deze openen om bewerkingen toe te passen.
3.2.1 Een webpagina toevoegen Door in het snel-tabblad Start op de knop Nieuw pagina te drukken (figuur 2), zal zich een nieuw tabblad openen in het bewerkings-tabblad (figuur 1, groene kader). In het kader dat zich dan opent kunt u alle gegevens invullen voor de webpagina. Zoals zijn naam, plaats, titel, etc. Meer informatie over de aparte invoervelden vind u onder 4.1 Opties. Hierin selecteert u ook welke template voor die pagina van toepassing is. Na het invullen van alle opties moet u de knop Publiceren drukken onder in het bewerkings-tabblad. Dan zal het systeem de pagina aanmaken en kunt u de tekst, foto’s en tabellen voor de webpagina invoeren onder Aanpassen in het bewerkings-tabblad. U kunt uw informatie daarin kwijt. De Word™ achtige omgeving waar u uw tekst, plaatjes en tabbel in kan voeren is het tinymce™ systeem van Moxiecode. Een korte beschrijving hiervan staat onder 6.1
14
Navigatie-tabblad Tinymce™. Bent u klaar met alles in te voeren moet u nogmaals Publiceren drukken (onderin het bewerkings-tabblad) om uw wijzigingen definitief te maken.
3.2.2 Een nieuwe map toevoegen. Door in het navigatie-tabblad op te drukken (bovenin), zal zich een nieuw tabblad openen in het bewerkings-tabblad (figuur 1, groene kader). In het kader dat zich dan opent kunt u de naam en plaats aangeven van de map. Na dit te hebben ingevuld moet u de knop Publiceren drukken onder in het bewerkings-tabblad. Hierna is uw map aangemaakt.
3.2.3 Een document van uw computer importeren Deze handeling staat beschreven onder 2.1.1 Bestanden importeren.
3.2.4 Documenten wijzigen Als u dubbelklikt op het document dat u wilt wijzigen (in het navigatie-tabblad → Documenten) dan zal zich een tabblad openen in het bewerkings-tabblad met de informatie van het document. U kunt dan onder Optie de informatie wijzigen. Meer informatie over de aparte invoervelden vind u onder 4.1 Opties. Heeft u een webpagina aangeklikt zal zich onder Aanpassen de mogelijk geven om de tekst, tabellen en/of afbeeldingen aan te passen in het tinymce™ systeem. Hierover meer onder 6. Tinymce™. Heeft u een ander document aangeklikt zal zich onder Aanpassen de mogelijkheid bieden om een update van het bestand te uploaden naar de website. Door op de knop wijzig te drukken zal een pop-up openen waar u een bestand kunt selecteren van uw computer om het oude bestand te updaten. Druk hierna op upload waarna het oude bestand wordt geüpdate. Wilt u de wijzigingen bevestigen, dan kunt u op Publiceren drukken onder in het bewerkings-tabblad. Wilt u een andere keer hiermee verder gaan druk dan op Opslaan. Dan zal bij een later bewerking gelijk uw opgeslagen informatie worden weergegeven (deze informatie wordt niet weergegeven aan de wereld zolang u niet op Publiceren drukt).
3.2.5 Documenten verwijderen Als u dubbelklikt op het document dat u wilt verwijderen (in het navigatie-tabblad → Documenten) dan zal zich een tabblad openen in het bewerkings-tabblad met de informatie van dit document. In dit tabblad ziet u onderin item verwijderen. Klik hierop. Er zal zich een scherm openen die vraagt of u het zeker weet. Controleer altijd of de naam overeen komt. Als dit het geval is klikt u op ok. Hierna wordt uw item verwijderd. Wilt u dit niet druk Annuleren.
15
Navigatie-tabblad 3.2.6 Document in een andere map plaatsen U heeft twee mogelijkheden om een document in een andere map te plaatsten. De eerste is om het bestand in het navigatie-tabblad te verschuiven naar een andere map. Dit doet u door op met de muis op het bestand te gaan staan de muisknop in te drukken en ingehouden te houden. Hierna kunt u het bestand naar de andere map slepen. Dit kan op deze manier ook met een selectie van bestanden. De tweede manier is om dubbel te klikken op het bestand en zo een nieuwe tab aan te maken in het bewerkings-tabblad. Hierna kunt u bij Opties de plaats opnieuw invoeren of door selecteren te kiezen. Door selecteren te kiezen zal zich het explorer venster openen. Hierover kunt u meer lezen onder 5. Explorer. Als u de goede map heeft gevonden in het explorer kunt u met bevestigen deze invullen op bij plaats. Druk dan op Publiceren onderin het bewerkings-tabblad om de wijziging te publiceren. Drukt u op Opslaan dan zal het bestand op de oude plaats te vinden zijn maar wel met de nieuwe plaats ingevuld.
3.3
Objecten
Door in het navigatie-tabblad op Objecten te drukken zal zich een lijst openen met de objecten die op uw website aanwezig zijn. Het symbool staat voor het soort object. Hierin kan bijvoorbeeld een onderscheid zitten tussen bijvoorbeeld formulieren of persoonsgegevens. Het symbool staat voor een apart object item. Door tweemaal op een object item te drukken kunt u deze openen om bewerkingen toe te passen. U heeft niet de machtiging om een kompleet nieuw soort object op te zetten. Daarvoor dient u contact op te nemen met uw website constructeur. Ook kunt u niet een object item van het ene soort naar het andere soort transporteren.
3.3.1 Object item toevoegen Door in het snel-tabblad Start op de knop Nieuw object te drukken (figuur 2), zal zich een nieuw tabblad openen in het bewerkings-tabblad (figuur 1, groene kader). In het kader dat zich dan opent kunt u alle gegevens invullen voor het object. Zoals zijn naam, plaats, etc. Meer informatie over de aparte invoervelden vind u onder 4.1 Opties. Deze informatie dient eerst te worden ingevuld voordat de daadwerkelijke informatie onder Aanpassen kan worden ingevuld. Na het invullen moet u de knop Publiceren drukken onder in het bewerkings-tabblad. Hierna is uw object item toegevoegd. Dan kunt u de informatie onder Aanpassen invullen (links boven het bewerkings-tabblad). Na het invullen kunt u met Publiceren (links onderin het bewerkings-tabblad) de informatie publiceren.
3.3.2 Object item wijzigen Als u dubbelklikt op het object item dat u wilt wijzigen (in het navigatie-tabblad → Objecten) dan zal zich een tabblad openen in het bewerkings-tabblad met de informatie van het menu item. U kunt dan onder Optie en Aanpassen de informatie wijzigen. Meer informatie over de aparte invoervelden vind u onder 4.1 Opties en 4.2 Aanpassen. Bent u klaar met de wijzigingen dan kunt u op Publiceren drukken onder in het bewerkings-tabblad. Wilt u een andere keer hiermee verder wilt gaan druk dan
16
Navigatie-tabblad op Opslaan. Dan zal bij een later bewerking gelijk uw opgeslagen informatie worden weergegeven (dit wordt niet weergegeven aan de wereld zolang u niet op Publiceren drukt).
3.3.3 Object item verwijderen Als u dubbelklikt op het object item dat u wilt verwijderen (in het navigatie-tabblad → Objecten) dan zal zich een tabblad openen in het bewerkings-tabblad met de informatie van het object item. In dit tabblad ziet u onderin item verwijderen. Klik hierop. Er zal zich een scherm openen die vraagt of u het zeker weet. Controleer altijd of de naam overeen komt. Als dit het geval is klikt u op ok. Hierna wordt uw item verwijderd. Wilt u dit toch niet klik Annuleren.
17
bewerkings-tabblad
4. bewerkings-tabblad Het bewerkings-tabblad (figuur 1, groene kader) is bedoeld om alle informatie weer te geven en aan te passen van de aparte onderdelen, documenten, gebruikers, etc. U kunt hier alleen een tabblad vinden als u een document, object, menu, gebruiker, etc. heeft geopend. In dit hoofdstuk worden alle mogelijke velden behandeld ingedeeld per subtab. Hiervan bestaan er maximaal drie. Opties, Aanpassen en Extra info.
4.1
Opties
De Menu’s, Gebruikers, documenten en objecten kunnen de volgende invoervelden (opties) hebben: Naam. Hierin geeft u de naam aan van het menu item, document of object item. Deze naam mag alleen de tekens A-Z; a-z; 0-9; ,; .; '; _; - ; [spatie] bevatten. Voor een menu item is deze naam dezelfde als die op de website zelf. Voor een document is het de daadwerkelijke naam, zoals deze op de website te vinden is. Plaats. Hierin geeft u aan waar het menu item, document of object item onder valt. Door op selecteren te drukken achter het invoerveld zal een pop-up scherm openen waarin u deze kan selecteren. Door te navigeren kunt u de goede map vinden en deze aanklikken. Klik vervolgens op bevestigen op deze te gebruiken. De pop-up zal zich afsluiten en er komt een tekst in het invoerkader te staan. Meer over de navigatie vind u onder 5. Explorer. Template: Hierin geeft u aan welke template er wordt gebruikt voor uw webpagina. Titel: Hierin geeft u aan welke titel uw webpagina moet krijgen. Een voorbeeld hiervan staat bovenin figuur 1. In de blauwe balk staat in witte letters: CMS voor Easy-Changer.com – Easy-Changer.com. Dit is de titel van die webpagina. Beschrijving: Hierin geeft u de beschrijving van de webpagina. Deze beschrijving komt in de meta tags te staan van de pagina. Deze zijn niet te zien voor de normale gebruiker, maar worden voor zoekmachines gebruikt om uw pagina te vinden. Trefwoorden: Hierin geeft u de trefwoorden van de webpagina. Deze trefwoorden komen in de meta tags te staan van de pagina. Deze zijn niet te zien voor de normale gebruiker, maar worden voor zoekmachines gebruikt om uw pagina te vinden. Trefwoorden worden gescheiden van elkaar met een , (komma). Karakter Coding: Hierin geeft u de karakter coding van de webpagina. Deze trefwoorden komen in de meta tags te staan van de pagina. Deze zijn niet te zien voor de normale gebruiker, maar worden gebruikt door de browser om de goede tekens te selecteren. Standaard wordt iso-8859-1 Western Alphabet gehanteerd voor de westerse schrift. Normaal wordt dit automatisch geselecteerd. Gekoppeld document. Hierin geeft u welke pagina, document, url, etc. dient te worden geopend nadat op de menu item is geklikt. Door op selecteren te drukken achter het invoerveld zal een popup scherm openen waarin u het goede document kunt selecteren. Door te navigeren kunt u het 18
bewerkings-tabblad goede document vinden en deze aanklikken. Klik vervolgens op bevestigen op deze te gebruiken. De pop-up zal zich afsluiten en er komt een tekst in het invoerkader te staan. Meer over de navigatie door de documenten bekijk 5. Explorer. Deze pagina publiceren? Hierin geeft u aan of de pagina gepubliceerd dient te worden. Met andere woorden, of het menu item, document of object item aan de wereld dient te worden getoond. U kunt zo alvast items klaarmaken voor later, maar nog niet aan de wereld tonen. Staat er een vinkje in het kader wordt het menu item, document of object item aan de wereld gepresenteerd. Deze pagina mag worden gezocht door de zoekmachine? Als er een vinkje in het kader staat, wordt het menu item, document of object item vrijgegeven om te mogen worden gevonden door een zoekmachine op uw website. Hiermee voorkomt u niet dat een externe zoekmachine zoals Google™ of Live™ deze menu item, document of object item vind. Deze pagina mag worden bekeken door. Met deze optie kunt u de mogelijk bieden dat alleen maar gebruikers die aangemeld zijn deze menu item of webpagina kunnen zien (Iedereen die is aangemeld) of de hele wereld (Iedereen).
4.2
Aanpassen
Deze subtab is voor elk menu item, document of object item anders. Normaal gesproken zal het zich vanzelf wijzen. Zo niet moet u contact opnemen met uw website constructeur. Het aanpassen wordt deels besproken onder 3.1.2 Menu item wijzigen, 3.2.4 Documenten wijzigen en 3.3.2 Object item wijzigen.
4.3
Extra info
Bij de extra informatie kunt u niks veranderen. Hierin staan wat extra informatie, vaak gebruikt door de ervaren gebruiker. De voorkomende velden zijn: ID: Dit is het nummer dat aan het menu item, document, gebruiker of object item is gegeven. Dit is een uniek nummer. Type: Het type geeft weer wat voor soort document u te maken heeft Grootte: Hiermee wordt aangegeven hoeveel ruimte dit document in beslag neem van uw webruimte. Gemaakt door: Hiermee wordt aangegeven welke gebruiker het menu item, document, gebruiker of object item heeft aangemaakt. Gemaakt op: Hiermee wordt aangegeven wanneer het menu item, document, gebruiker of object item is aangemaakt. Laatst gewijzigd door: Hiermee wordt aangegeven welke gebruiker het menu item, document, gebruiker of object item het laatste heeft bewerkt.
19
bewerkings-tabblad Laatst gewijzigd door: Hiermee wordt aangegeven wanneer het menu item, document, gebruiker of object item het laatste is bewerkt. Plaats op de server: De plaats op de server geeft aan waar het document staat op de webserver. Internet naam: Met de internet naam kunt u uw bestand vinden via uw browser.
20
Explorer
5. Explorer De explorer is bedoeld om menu items, documenten of mappen te kunnen selecteren uit het EasyChanger.Com Basic systeem. Deze functie is altijd in combinatie met een invoerveld en knop in het bewerkings-tabblad, importeer scherm of met tinymce™. Een voorbeeld van de explorer staan in figuur 8
Figuur 8. Voorbeeld explorer.
Het kan zijn dat er soms wordt geselecteerd met een filter op het soort bestand. Bijvoorbeeld dat u alleen afbeeldingen kunt selecteren. Is de knop om terug te keren naar de hoofdmap. Is om terug te keren naar de vorige map. Is om uit de submap te gaan naar een map hoger in de hiërarchie. Dit kan ook door op de tekst ../[mapnaam] te drukken. Deze komt bovenaan de lijst te staan van alle menu items, mappen en documenten. is om snel te kunnen navigeren tussen verschillende mappen binnen uw website. Klik op selectiebox en er komt een lijst naar benden. Selecteer daaruit de map waar u heen wilt. U kunt ook navigeren door tweemaal op een map te klikken waar u de inhoud van wilt zien. Mocht het zijn dat u uw menu item, document of map heeft gevonden klik hier dan eenmaal op en druk op de knop Bevestig rechts onder in het scherm. Dan zal het explorer scherm zichzelf sluiten en de informatie naar de invoerbox sturen waar u vandaan kwam. Wilt u meer informatie zien van een menu item, document of map klik dan eenmaal op dat item en er zal zich in de box Info (rechts in de explorer) meer informatie komen over uw item. Dit is gelijk aan wat onder 4.3 Extra info te vinden is. Wilt u uit het explorer scherm zonder iets te doen, druk dan Annuleren (rechts onderin).
21
Tinymce™
6. Tinymce™ Het tinymce™ systeem is een systeem gemaakt door Moxiecode (http://tinymce.moxiecode.com/). U kunt voor een zeer uitgebreide help van de bovengenoemde website gebruik maken. Sommige onderdelen zijn alleen zo aangepast dat zij makkelijker werken binnen het Easy-Changer.Com Basic systeem. Verder zullen we in deze handleiding een korte samenvatting geven van de functionaliteiten uit het tinymce™ systeem. Daarnaast kan het zijn dat niet alle functionaliteiten die hieronder staan geactiveerd zijn in uw versie van tinymce™. Mocht u hiervan wel gebruik willen maken neem dan contact op met uw website constructeur. Let op: Als u direct opgemaakte teksten kopieert uit Word™ of andere software kopieert wordt deze opmaak mee gekopieerd. Wilt u hier vanaf plak het dan eerst in kladblok (notepad) en kopieer het opnieuw uit kladblok voordat u het in tinymce™ plakt.
6.1
Tekst vet maken
Door op de knop te drukken kunt U een geselecteerde tekst vet gedrukt maken. Als U op de knop drukt kunt U daarna ook vet gedrukt typen. Deze stijl gaat ook samen met bijvoorbeeld Cursief en Onderstrepen. Door nogmaals op
te drukken kunt U de geselecteerde tekst ook weer in een normale stijl
krijgen.
6.2
Tekst cursief maken
Door op de knop
te drukken kunt U een geselecteerde tekst cursief gedrukt maken. Als U op de
knop drukt kunt U daarna ook cursief gedrukt typen. Deze stijl gaat ook samen met bijvoorbeeld Vet en Onderstrepen. Door nogmaals op
te drukken kunt U de geselecteerde tekst ook weer in een normale stijl
krijgen.
6.3
Tekst onderstrepen
Door op de knop te drukken kunt U een geselecteerde tekst onderstrepen. Als U op de knop drukt kunt U daarna ook met een onderstreping typen. Deze stijl gaat ook samen met bijvoorbeeld Vet en Doorhalen. Door nogmaals op onderstreping weghalen.
22
te drukken bij een onderstreepte geselecteerde tekst kunt U de
Tinymce™
6.4
Tekst doorhalen
Door op de knop te drukken kunt U een geselecteerde tekst doorhalen. Als U op de knop drukt kunt U daarna ook met een doorgestreepte lettertype typen. Deze stijl gaat ook samen met bijvoorbeeld Vet en Cursief. Door nogmaals op doorstreping weghalen.
6.5
te drukken bij een doorgehaalde geselecteerde tekst kunt U de
Speciale tekens invoegen
Klik op de knop om een speciaal symbool toe te voegen. Er zal zich een pop-up openen met erin een lijst met alle speciale tekens. U kunt er een invoegen door eenmaal erop te klikken. Het symbool wordt dan toegevoegd en de pop-up gesloten.
6.6
Tekst in superscript
Door op de knop
te drukken kunt U een geselecteerde tekst in superscript laten verschijnen. Als
U op de knop drukt kunt U daarna ook met een superscript verder typen. Deze stijl gaat ook samen met bijvoorbeeld Vet en Cursief. Door nogmaals op superscript opheffen.
6.7
te drukken bij een superscript geselecteerde tekst kunt U de
Tekst in subscript
Door op de knop
te drukken kunt U een geselecteerde tekst in subscript laten verschijnen. Als U
op de knop drukt kunt U daarna ook met een subscript verder typen. Deze stijl gaat ook samen met bijvoorbeeld Vet en Cursief. Door nogmaals op opheffen.
6.8
te drukken bij een subscript geselecteerde tekst kunt U de subscript
Tekst links uitlijnen
Door op de knop
te drukken kunt U een geselecteerde tekst in links laten uitlijnen. Als U bij een
geselecteerde tekst, die een andere uitlijning heeft, op de tekst de uitlijning veranderd naar links.
knop drukt wordt alleen van deze
23
Tinymce™
6.9
Tekst centreren
Door op de knop
te drukken kunt U een geselecteerde tekst centreren. Als U bij een
geselecteerde tekst, die een andere uitlijning heeft, op de gecentreerd.
knop drukt wordt alleen deze tekst
6.10 Tekst rechts uitlijnen Door op de knop
te drukken kunt U een geselecteerde tekst in rechts laten uitlijnen. Als U bij een
geselecteerde tekst, die een andere uitlijning heeft, op de tekst de uitlijning veranderd naar rechts.
knop drukt wordt alleen van deze
6.11 Tekst uitvullen Door op de knop
te drukken kunt U een geselecteerde tekst uitvullen. Als U bij een geselecteerde
tekst, die een andere uitlijning heeft, op de
knop drukt wordt alleen deze tekst uitgevuld.
6.12 Opsommingsteken Door op de knop
te drukken verschijnt er een opsommingsteken bij Uw cursor. Door een tekst te
selecteren en hierna op de opsommingsteken.
knop te drukken komt voor de geselecteerde tekst een
6.13 Nummering Door op de knop
te drukken verschijnt er een nummering bij Uw cursor. Door een tekst te
selecteren en hierna op de opsommingsteken.
knop te drukken komt voor de geselecteerde tekst een
6.14 Stijl toepassen Door op de uitschuifknop te drukken met erin -- Stijlen -- kunt U een stijl selecteren. Hierna kunt U met deze stijl verder typen. U kunt ook een tekst selecteren en daarna een andere stijl toepassen. Deze kunt U ook selecteren bij de uitschuifknop -- Stijlen --.
24
Tinymce™
6.15 Tekst knippen Door op de knop te drukken kunt U een geselecteerde tekst knippen. Naar het drukken van deze knop verdwijnt de geselecteerde tekst. Hierna kunt U ergens anders in de tekst de geknipte tekst invoegen door op de
plakken knop te drukken.
6.16 Tekst kopiëren Door op de knop
te drukken kunt U een geselecteerde tekst kopiëren. Hierna kunt U ergens
anders in de tekst de geknipte tekst invoegen door op de
plakken knop te drukken.
6.17 Tekst plakken Nadat er een tekst is gekopieerd of geknipt kunt U deze weer toevoegen door op de knop drukken. De tekst zal zich dan achter de cursor tevoorschijn komen.
te
6.18 Handeling ongedaan maken Door op de knop op
te drukken (of Ctrl + Z) kunt U Uw handeling ongedaan maken. Door veelvuldig
of Ctrl + Z te drukken kunnen meerdere handelingen ongedaan worden gemaakt.
6.19 Handeling herstellen Door op de knop
te drukken (of Ctrl + Y) kunt U Uw ongedaan gemaakte handeling weer
herstellen. Door veelvuldig op hersteld.
of Ctrl + Y te drukken kunnen meerdere handelingen worden
6.20 Inspringen of het inspringen vergroten Door op de knop te drukken kunt U Uw tekst laten inspringen. Door veelvuldig op zal zich de ruimte tussen de tekst en kantlijn vergroten.
te drukken
6.21 Inspringen verkleinen of ongedaan maken Door op de knop
te drukken kunt U Uw ingesprongen tekst ongedaan maken of de ruimte
verkleinen. Door veelvuldig op te drukken zal zich de ruimte tussen de tekst en kantlijn steeds verder verkleinen tot hij verdwijnt.
25
Tinymce™
6.22 Hyperlink invoegen Als U aan een geselecteerde tekst een hyperlink wilt, dient U op de knop te drukken. Er opent zich een pop-up. U kunt hierin aangeven waarna de tekst moet verwijzen. Wilt U naar een andere site verwijzen gebruik dan altijd http:// ervoor. Wilt U naar een e-mail adres verwijzen gebruik dan mailto:
[email protected]. U kunt in deze pop-up ook Target aangeven. Dit kan in Open link in hetzelfde venster of Open link in een nieuw venster. Hiernaast kunt U ook een titel invullen en de gewenste stijl van de hyperlink. Druk vervolgens op de Toepassen knop om de hyperlink toe te passen. Wilt u verwijzen naar een bestand in het Easy-Changer.Com Basic systeem moet u op selecteren klikken. Hierna opent zich het explorer scherm. Hierin kunt u uw bestand selecteren. Klik op insert om deze te gebruiken. U kunt ook een hyperlink toevoegen aan een afbeelding. Mocht het zijn dat er een ongewenste rand om de afbeelding vormt moet u de afbeelding selecteren en op de de invoegstrook achter Rand (border) een 0 invullen.
knop drukken. Dan moet U in
6.23 Hyperlink bewerken Selecteer de hyperlink die U wilt bewerken. Klik dan op de knop. Er zal zich een pop-up openen waarin U de hyperlink kunt bewerken. Wilt U naar een andere site verwijzen gebruik dan altijd http:// ervoor. Wilt U naar een e-mail adres verwijzen gebruik dan mailto:
[email protected]. U kunt in deze pop-up ook Target aangeven. Dit kan in Open link in hetzelfde venster of Open link in een nieuw venster. Hiernaast kunt U ook een titel invullen en de gewenste stijl van de hyperlink. Druk vervolgens op de Toepassen knop om de hyperlink te bewerken of op Annuleren om de bewerkingen niet toe te passen.
6.24 Hyperlink opheffen Als U een hyperlink wilt opheffen moet U de hyperlink selecteren en op de hyperlink zal zich dan opheffen.
knop drukken. De
6.25 Afbeelding invoegen Door op de knop te drukken zal zich een pop-up openen. U kunt in de invoegstrook achter Afbeelding een url invullen hiervoor moet http:// of U kunt kiezen uit een zelf toegevoegde afbeelding hiervoor moet U op de button Zoeken drukken. Als U op Selecteren drukt opent zich nog een pop-up. Uit de weergegeven afbeeldingen kunt U er eentje kiezen door op de afbeelding te klikken. Voor verdere opties kijk bij de kop ‘Afbeeldingen’ in deze handleiding. Als U op de gewenste afbeelding hebt geklikt sluit automatisch het scherm en komt de verwijzing achter Afbeelding in de invoegstrook te staan.
26
Tinymce™ U kunt aan de afbeelding een title toevoegen, deze beschrijving wordt weergegeven als de cursor langer op de afbeelding stil staat. U kunt ook een uitlijning toevoegen. Zo kan er naast de afbeelding bijvoorbeeld tekst worden toegevoegd. U kunt ook de afmetingen aangeven van een afbeelding. Als U alleen de hoogte of breedte aangeeft wordt het veld dat niet is ingevuld automatisch berekend. Zo blijft de originele vorm behouden. Hiernaast kunt U de dikte van de rand, verticale marge en horizontale marge invullen. Druk vervolgens op de OK knop om de afbeelding in te voegen.
6.26 Afbeelding bewerken Selecteer de afbeelding en druk op de knop, er zal zich een pop-up openen. Verdere details kunt U nalezen onder het kopje 6.25 Afbeelding invoegen. Druk vervolgens op de OK knop om de afbeelding te wijzigen en op Annuleren om de bewerkingen niet toe te passen.
6.27 Code opschonen Druk op de knop om de HTML code op te schonen. Dit moet U soms doen om alle stijlen die niet worden gebruikt en U ook niet kan zien te verwijderen. Het is mogelijk dat hij bij deze actie sommige delen van de stijlen van de tekst worden gewijzigd.
6.28 HTML code opvragen Druk op de knop om de HTML code op te vragen. Er zal zich automatisch een pop-up openen met de HTML code erin. Wij adviseren U om alleen hier iets in te wijzigen als U de HTML code begrijpt. Wilt U de HTML wijziging toe passen, klik dan op Toepassen en wilt U dit niet klik dan op Annuleren.
6.29 Horizontale lijn invoegen Druk op de knop om een horizontale lijn in te voegen. De horizontale lijn zal de regel onder de cursor worden ingevoegd.
6.30 Nieuwe tabel invoegen Om een nieuwe tabel in te voegen druk op de knop. Er zal zich een pop-up openen. Hierin kunt U het aantal kolommen en rijen instellen. Wilt U een tabel ingeven die niet zichtbaar is geef dan Rand 0 aan. Wilt U daarnaast dat alle kolomen zich naadloos aansluiten moet U Ruimte in cel en Ruimte om cel 0 invullen. Als U wilt zien hoe dit eruit ziet druk dan op de knop
.
Verder kunt U ook nog de totaal breedte en totaal hoogte invullen. Dit is niet perse nodig. Vind U alle instellingen goed, klik dan op OK en anders klik op Annuleren.
27
Tinymce™
6.31 Tabel-rij eigenschappen Om de tabel-rij eigenschappen te wijzigen druk op de knop . Er opent zich automatisch een popup. Hierin kunt U de Uitlijning, Verticale uitlijning, stijl, etc. invullen. Om de instellingen over te nemen druk Toepassen en anders druk Annuleren.
6.32 Tabel rijen en kolommen invoegen en verwijderen Om een rij toe te voegen ga dan in een van de cellen boven of onder de rij staan. Met de knop voegt U een rij boven de door U geselecteerde rij toe. Met de knop
komt er een rij eronder. Om
een rij te verwijderen gaat U in een van de cellen in deze rij staan en drukt U op de
knop.
Om een kolom toe te voegen ga dan in een van de cellen naast de kolom staan. Met de knop voegt U een kolom links toe. Met de knop
komt er een kolom rechts erbij. Om een kolom te
verwijderen gaat U in een van de cellen in deze kolom staan en drukt U op de
28
knop.
