Handleiding DCPortal. DotControl Webbased Solutions B.V. Pagina 1

Transcriptie

1 Handleiding DCPortal DotControl Webbased Solutions B.V. Pagina 1

2 Versie Manual Auteur 0.1 M. Landman 0.2 R. Buijzen 1.0 M. Landman S. Sigmond 1.4 H. Schoone Op alle aanbiedingen en overeenkomsten zijn de navolgende modules van de ICT Office Voorwaarden, gedeponeerd op 14 januari 2009 bij de Kamer van Koophandel Midden-Nederland onder nummer van toepassing: Module Algemeen, Module 1: Licentie voor programmatuur, Module 2: Ontwikkeling van programmatuur, Module 3: Onderhoud van programmatuur, Module 4: Application Service Provision (SAAS), Module 5: Ontwikkeling en onderhoud van een website, Module 6: Webhosting, Module 8: Opleiding en trainingen, Module9: Advisering, consultancy en projectmanagement, Module 10: Overige diensten. Op verzoek sturen wij deze(nogmaals) kosteloos toe. Pagina 2

3 1 Inhoud 1 Inhoud... 3 Introductie DCPortal.Net Basis U als gebruiker Pagina Module Inloggen DCPortal.Net Toolbar Weergave Opties Pagina Functies Pages Add Pages Page Settings Delete Pagina Verwijderen Copy Pagina Kopiëren Preview Voorbeeldweergave Module Functies Nieuwe module toevoegen Bestaande module toevoegen DCPortal.Net Standard Modules DCPortal.Net Editor Geavanceerd Tekst Bewerken Tutorial Afbeeldingen Plaatsen Tutorial Bestand Plaatsen Tutorial Links maken Tutorial Tabel Plaatsen Uitleg Buttons DCPortal.Net Editor DC Site Tree Pagina verplaatsen Pagina aanmaken Pagina verwijderen Frequently Asked Questions Pagina 3

4 Introductie Welkom als nieuwe gebruiker van DCPortal. Middels de manual zullen wij u wegwijs maken in de functionaliteit van DCPortal en de diverse modules. Om te beginnen zullen we u de basis van DCPortal uitleggen om vervolgens per module de beschikbare functionaliteit te bespreken. 1.1 DCPortal.Net Basis Uw website is opgebouwd uit pagina s, deze pagina s zijn middels het menu met elkaar verbonden en vormen een boomstructuur. U kunt met DCPortal zowel de structuur van uw site beheren alsmede de inhoud van de pagina s die deze structuur vormen. 1.2 U als gebruiker DCPortal maakt gebruik van Role Based Security. Dit houdt in dat gebruikers worden ingedeeld in een rol (Role). Per Role wordt aangegeven welke rechten de gebruiker heeft. Zo behoort een website bezoeker tot de Visitor Role, dit is het laagste rechten niveau waarbij de gebruiker alleen de website mag bekijken. Wanneer u inlogt met uw username en password herkent het systeem uw Role. Behoort uw gebruikersprofiel tot b.v. de Content Manager Role dan geeft DCPortal u de rechten om uw website te beheren. U, als gebruiker, heeft dus een of meer rollen, deze rollen bepalen welke rechten aan u zijn verleend. Verschillende gebruikers kunnen dus meerdere rollen hebben, wat inhoudt dat niet iedere gebruiker dezelfde rechten heeft. Pagina 4

5 1.3 Pagina Elke pagina heeft haar eigen opmaak (Skin). De Skin kan gezien worden als een paginasjabloon. In dit is de lay-out van de pagina gedefinieerd. Onderdeel van deze lay-out is ook de kolommenstructuur (Panels) van de pagina. Wanneer u een nieuwe pagina aanmaakt en de gewenste Skin selecteert maakt DCPortal direct voor u de bijbehorende Panels aan. Deze panels zijn bij het aanmaken leeg, ze maken het alleen mogelijk voor u om uw content in vaste kolommen in te delen. U dient eerst een Module te selecteren en te plaatsen in het door u gewenste panel. Een Module is een applicatie binnen DCPortal met specifieke functionaliteit, b.v. het beheren van tekst, nieuws of fotoalbums. Pagina Panel Panel Module Panel Module Pagina 5

6 1.4 Module Binnen een pagina kunt u modules plaatsen. U plaatst een module in de, middels de pagina Skin, beschikbare Panels. De pagina Skin stelt u dus kolommen beschikbaar waarin u uw module kunt plaatsen. Middels een module kunt u specifieke functionaliteit aan uw pagina toevoegen, denk hierbij aan tekst, nieuws, of b.v. een fotoalbum. Afhankelijk van uw licentie zijn er verschillende modules voor uw beschikbaar. Iedere module beschikt over zijn eigen Toolbar. Deze kunt u bovenin uw website vinden. Als u met uw cursor over de iconen of tekst (vb. Modules ) beweegt, zult u zien dat er een menu uitklapt met verschillende keuzes. Voorbeeld voor Modules : U kunt in dit menu modules toevoegen en bepalen waar deze in de pagina terecht moeten komen. Bij Module Selection kunt u kiezen uit verschillende categorieën modules: Admin, Common of All Categories. Pagina 6

7 2 Inloggen Tutorial Inloggen 1. Open uw browserapplicatie 2. Ga naar: 3. Voer uw gebruikersnaam en wachtwoord in het DCPortal.Net inlogscherm in 4. Klik op inloggen Tip Gebruik het help icoon voor meer informatie over een in te stellen eigenschap. Tip Na het 3 keer achter elkaar invoeren van een verkeerde gebruikersnaamwachtwoord-combinatie, wordt u gelockt. Tip Als u inlogt met editrechten, kan het voorkomen dat de skin verschuift. Druk op de preview knop om te zien wat het resultaat is. Tip U kunt uw wachtwoord wijzigen door na inloggen op uw gebruikersnaam te klikken (rechtsboven, naast de button uitloggen ) en vervolgens op wachtwoord wijzigen. Pagina 7

8 3 DCPortal.Net Toolbar Wanneer u bent ingelogd verschijnt er boven uw website de DCPortal.Net Toolbar. Middels deze toolbar wordt het mogelijk uw website te beheren. De toolbar is opgedeeld in 4 delen, te weten; 1. DC logo Een overzicht van alle pagina s. Hiermee navigeert u eenvoudig naar een andere pagina. 2. Module functies Functies voor het beheer van de pagina s in uw site. 3. Pagina functies Functies voor het beheer van modules in uw pagina. 4. DC SiteTree DC SiteTree laat een overzicht zien van alle pagina s. Detail DC Toolbar: U kunt voor de navigatie door uw site het menu van uw website gebruiken. DCPortal.Net houdt bij in welke pagina u bent. De functies in de toolbar gaan dan ook altijd uit van de pagina waarin u bent. Pagina 8

9 3.1 Weergave Opties DC Portal.NET beschikt rechtsboven de toolbar over een aantal opties, waarmee u de weergave van de portal kunt beïnvloeden. Op onderstaande afbeelding ziet u de onderdelen van de DC Portal.NET toolbar welke invloed hebben op de weergave opties. View-Mode Edit-Mode Lay-Out-Mode Preview-Mode Als u de Preview-Mode selecteerd wordt de website weergegeven zoals bezoekers van uw website deze te zien zouden krijgen. Deze optie is nuttig om direct te bezichtigen hoe eventuele wijzigingen op uw website er uit zien, zonder uit te loggen van DC Portal.NET Middels de Edit-Mode kunt u aanpassingen binnen uw website en modules verrichten. Alle modules binnen uw website zullen worden voorzien van een edit functie. Ook zullen alle panels binnen uw website worden voorzien van een stippellijn en naam, zodat direct duidelijk wordt waar u modules kunt plaatsen. Als u de Design-Mode selecteerd zullen alle geplaatste modules op de pagina onzichtbaar gemaakt worden. Evenals bij de Edit-Mode zijn de verschillende panels van een naam en stippellijn voorzien. Tijdens het beheren van uw website is het aanbevolen om voornamelijk gebruik maken van de Preview-mode en Edit-mode Als u de Preview-Mode selecteerd zult u een overzicht krijgen (deze opent in een overlay) van hoe uw website er op verschillende mobiele toestellen uit komt te zien. Pagina 9

10 3.2 Pagina Functies Middels Pagina Functies kunt u uw pagina s binnen DCPortal.Net beheren. U beschikt over de volgende opties onder de functie Pages: 1. Page Settings Middels Settings kunt u de eigenschappen/instellingen van uw pagina aanpassen. 2. Add Middels New kunt u een nieuwe pagina toevoegen aan uw website. Wanneer u op Add klikt komt in het eigenschappen scherm van uw nieuwe pagina. Hier kunt u de instellingen voor uw nieuwe pagina instellen. Indien u dit gedaan heeft komt u terug in uw website waar u de modules kunt gaan plaatsen. 3. Copy Middels Copy kunt u uw huidige pagina kopiëren naar een nieuwe pagina. 4. Delete Middels Delete verwijderd u een pagina uit uw site. Let op! Verwijderen is definitief. 5. Import Middels Import kunt u een eerder geëxporteerde pagina importeren. 6. Export Middels Export kunt u een pagina en de inhoud exporteren, inclusief alle modules die import/export functionaliteit ondersteunen. Pagina 10

11 3.2.1 Pages Add Tutorial Pagina Aanmaken 1. Open de basisinstellingen 2. Vul de basisinstellingen voor uw nieuwe pagina in. 3. Configureer de bevoegdheden voor uw nieuwe pagina. 4. Open de geavanceerde instellingen. 5. Selecteer de gewenste Pagina-skin. 6. Klik op bijwerken om de pagina aan te maken. Tip Let bij bevoegdheden op dat u uw gebruikersrol de rechten geeft om een pagina te bewerken en te bekijken. Dit om uitsluiting te voorkomen. Tip Gebruik het help icoon voor meer informatie over een in te stellen eigenschap Toelichting op de Add page pagina Basisinstellingen Pagina Naam Pagina Titel Omschrijving Sleutelwoorden Moederpagina Template map Paginasjabloon Toevoegen aan menu Pagina kopiëren Kopieer van pagina Bevoegdheden Dit is de naam van de pagina. Deze naam wordt weergegeven in het navigatiemenu Geef hier een titel aan de pagina. Deze titel wordt weergegeven in de titelbalk van de browser. Geef een omschrijving voor deze pagina. Voer sleutelwoorden in voor deze pagina (gescheiden door komma's). Deze sleutelwoorden maken het makkelijker voor zoekmachines om uw pagina's te indexeren. Selecteer de pagina waarvan u wilt dat deze pagina als sub- of dochterpagina wordt. Kies de map waar uw een template vandaan haalt. Kies een paginasjabloon voor het aanmaken van deze nieuwe pagina. Kies ervoor om de pagina aan het menu toe te voegen. Selecteer de pagina (indien van toepassing) waarvandaan u de modules wilt kopiëren Stel hier de bevoegdheden voor deze pagina in. Pagina 11

12 Geavanceerde instellingen Icoon U kunt hier een icoon kiezen dat dan weergegeven wordt in het menu. Pagina-skin De geselecteerde skin wordt toegepast op deze pagina. Paginacontainer De geselecteerde container wordt toegepast op alle modules op deze pagina. Verborgen Als een pagina verborgen is, dan is deze niet zichtbaar in het menu. U kunt echter nog wel verwijzen naar de pagina, en de pagina kan dus ook nog steeds opgevraagd worden. Niet actief Ververs interval Pagina header tags Andere instellingen Beveiliging? Begindatum Einddatum Koppel met URL Als de pagina niet actief is, dan is deze niet beschikbaar voor de bezoekers van uw portaal. U kan deze optie gebruiken om inhoud te verbergen die u op een later tijdstip wilt gebruiken. Geef een ververs interval voor automatische verversing van de pagina. (Voorbeeld: voer "60" in voor 1 minuut of laat leeg om uit te zetten.) Geef hier tags op (zoals META tags) die moeten worden weergegeven in de "HEAD" sectie van de HTML voor deze pagina. Bepaal of deze pagina in een secure connection (SSL) bekeken dient te worden. Geef een begindatum voor weergave van deze pagina. Voor deze datum is de pagina automatisch inactief. U kunt de kalender gebruiken om een datum te selecteren. Geef de einddatum voor weergave van deze pagina. Na deze datum wordt de pagina automatisch inactief. U kunt de kalender gebruiken om een datum te selecteren. Als u wilt dat deze pagina zich gedraagt als navigatie hyperlink naar een andere bron (pagina, afbeelding etc), dan kun u hier de url specificeren. Dit is dus een optioneel veld Pages Page Settings Tutorial Pagina Beheer 1. Open de basisinstellingen 2. Pas de gewenste basis instellingen van uw pagina aan. 3. Open de geavanceerde instellingen. 4. Pas de gewenste geavanceerde instellingen aan. 5. Klik op bijwerken om de pagina bij te werken. Tip Let bij bevoegdheden op dat u uw gebruikersrol de rechten geeft om een pagina te bewerken en te bekijken. Dit om uitsluiting te voorkomen. Tip Gebruik het help icoon voor meer informatie over een eigenschap. Pagina 12

13 Toelichting op eigenschappen pagina Pagina Naam Pagina Titel Omschrijving Sleutelwoorden Moederpagina Verborgen Bevoegdheden Pagina kopiëren Kopieer van pagina Geavanceerde instellingen Icoon Pagina-skin Paginacontainer Niet actief Ververs interval Pagina header tags Andere instellingen Beveiliging? Begindatum Einddatum Koppel met URL Bijwerken Cancel Delete Dit is de naam van de pagina. Deze naam wordt weergegeven in het navigatiemenu Geef hier een titel aan de pagina. Deze titel wordt weergegeven in de titelbalk van de browser. Geef een omschrijving voor deze pagina. Voer sleutelwoorden in voor deze pagina (gescheiden door komma's). Deze sleutelwoorden maken het makkelijker voor zoekmachines om uw pagina's te indexeren. Selecteer de pagina waarvan u wilt dat deze pagina als sub- of dochterpagina wordt. Als een pagina verborgen is, dan is deze niet zichtbaar in het menu. U kunt echter nog wel verwijzen naar de pagina, en de pagina kan dus ook nog steeds opgevraagd worden. Kies de groep personen/toegangsrol(len) die bevoegd zijn uw pagina te bekijken en te bewerken. Selecteer de pagina (indien van toepassing) waarvandaan u de modules wilt kopiëren U kunt hier een icoon kiezen dat dan weergegeven wordt in het menu. De geselecteerde skin wordt toegepast op deze pagina. De geselecteerde container wordt toegepast op alle modules op deze pagina. Als de pagina niet actief is, dan is deze niet beschikbaar voor de bezoekers van uw portaal. U kunt deze optie gebruiken om inhoud te verbergen die u op een later tijdstip wilt gebruiken. Geef een ververs interval voor automatische verversing van de pagina. (Voorbeeld: voer "60" in voor 1 minuut of laat leeg om uit te zetten.) Geef hier tags op (zoals META tags) die moeten worden weergegeven in de "HEAD" sectie van de HTML voor deze pagina. Bepaal of deze pagina in een secure connection (SSL) bekeken dient te worden. Geef een begindatum voor weergave van deze pagina. Voor deze datum is de pagina automatisch inactief. U kunt de kalender gebruiken om een datum te selecteren. Geef de einddatum voor weergave van deze pagina. Na deze datum wordt de pagina automatisch inactief. U kunt de kalender gebruiken om een datum te selecteren. Als u wilt dat deze pagina zich gedraagt als navigatie hyperlink naar een andere bron (pagina, afbeelding etc), dan kun u hier de url specificeren. Dit is dus een optioneel veld. Met deze knop worden de aangepaste gegevens bijgewerkt. De aangepaste gegevens weer verwijderen. De bestaande gegevens verwijderen. Pagina 13

14 3.2.3 Delete Pagina Verwijderen Middels Delete kunt u een pagina verwijderen uit DCPortal. Navigeer middels uw website menu naar de pagina die u wilt verwijderen. Klik vervolgens op de Delete button in de Toolbar. U krijgt nu de volgende melding te zien: Weet u zeker dat u deze pagina wilt wissen?. Om de verwijdering te bevestigen klikt u vervolgens op Ok. De pagina wordt nu verwijdert. Let op! Verwijderen is definitief en kan niet ongedaan worden gemaakt. Pagina 14

15 3.2.4 Copy Pagina Kopiëren Tutorial Pagina Kopiëren 1. Open pagina kopiëren / Copy 2. Kies de pagina waarvandaan u wilt kopiëren 3. Selecteer de te kopiëren module(s) 4. Klik op bijwerken om de pagina bij te werken Tip Let bij bevoegdheden op dat u uw gebruikersrol de rechten geeft om een pagina te bewerken. Dit om uitsluiting te voorkomen. Tip Gebruik het help icoon voor meer informatie over een in te stellen eigenschap. Kopiëren van pagina Selecteer Modules Selecteer de pagina waarvandaan u modules wilt kopiëren. Selecteer de modules die u wilt kopiëren, en geef voor elke module een titel. Daarnaast kunt u een keuze maken uit Nieuwe Module (zonder inhoud), een Kopie van de module (met inhoud) of een Verwijzing naar een bestaande module (gedeelde inhoud) Preview Voorbeeldweergave Met deze knop geeft u de weergave aan. In de ene weergave kunt u de site bewerken en in de andere kunt u zien hoe de site er uit komt te zien. Als u de site aan het bewerken bent, kan het zijn dat een en ander tijdelijk verspringt, door de preview functie kunt zien hoe site er uiteindelijk uit zal zien. Pagina 15

16 3.3 Module Functies Middels Module Functies kunt u nieuwe of reeds bestaande modules toevoegen aan uw website. De modules waarover u in uw licentie beschikt worden getoond in de drop-down box: Module. In DCPortal kunt u meerdere instanties van de voor u beschikbare modules plaatsen. Zo kunt u bijvoorbeeld meerdere tekst/html of meerdere news/announcements modules in uw site of op 1 pagina plaatsen. Dit geeft u de flexibiliteit om zelf qua functionaliteit uw website op te bouwen. Modules worden geplaatst in de, middels de pagina Skin, beschikbare Panels (Kolommen). Ieder Panel heeft op zijn beurt een naam en kan gekozen worden in de drop-down box: Paneel. U kunt modules op een pagina ook verplaatsen van het ene Panel naar het andere. Wanneer u kiest voor een bestaande module, dan kunt u de pagina kiezen waar DCPortal de module van vandaan moet halen. Indien u meerdere instanties van een module plaatst zijn deze gelinkt. Dit houdt in dat als u een wijziging doorvoert, deze in alle instanties wordt doorgevoerd Nieuwe module toevoegen Tutorial Nieuw Module Toevoegen 1. Maak een keuze uit de voor u beschikbare modules 2. Maak een titel aan voor de nieuwe module. 3. Geef aan voor wie deze nieuwe module zichtbaar zal zijn. 4. Geef aan in welk paneel op de pagina u deze module wilt plaatsen. 5. Geef aan waar de module in het paneel dient te worden geplaatst. 6. Geef aan hoe de module uitgelijnd dient te worden t.o.v. de overige modules in het Panel. 7. Druk op Add Module om de module toe te voegen Module Titel Zichtbaarheid Paneel Invoegen Module Maak een keuze uit het overzicht met beschikbare modules Maak een titel aan voor de gekozen Module Geef aan of de zichtbaarheid hiervan hetzelfde zal zijn als de pagina, of dat deze alleen zichtbaar is voor de paginabeheerders. Maak een keuze uit de verschillende beschikbare Panels. Geef de volgorde aan t.o.v. de overige modules in het gekozen Panel. Geef de uitlijning binnen het gekozen Panel aan. Pagina 16

17 3.3.2 Bestaande module toevoegen U kunt ook een reeds bestaande en toegepaste module nogmaals plaatsen ergens anders op de site. Tutorial Nieuw Module Toevoegen 1. Kies de pagina waarop de betreffende module zich bevindt. 2. Kies de module die u wilt plaatsen. 3. Geef aan in welk paneel op de pagina u deze module wilt plaatsen. 4. Geef aan of de module onderaan of bovenin het paneel dient te worden geplaatst. 5. Geef aan of de module links, rechts of in het midden van het paneel dient te worden uitgelijnd. 6. Druk op Add Module om de module toe te voegen. Pagina 17

18 4 DCPortal.Net Standard Modules In dit hoofdstuk treft u een overzicht aan van de beschikbare standaard DCPortal.Net Modules. Tevens zal hier de werking van de modules worden toegelicht. Iedere module beschikt over zijn eigen Toolbar. Deze kunt u vinden door op de button boven uw module te klikken Manage. Er verschijnt dan een drop-down menu waar de Tools voor uw module in getoond worden. De DCPortal.Net Modules maken gebruik van gezamenlijke functionaliteit zoals b.v. de Editor. Dit maakt het voor u gemakkelijk om met de DCPortal Modules te werken daar de functionaliteit in alle modules op dezelfde manier werkt. Onderstaand treft u een uitleg aan van de DCPortal.Net Editor. Pagina 18

19 4.1 DCPortal.Net Editor Geavanceerd Tekst Bewerken De Editor is onderdeel van de bewerkingsformulieren van de DCPortal.Net Modules. U treft de editor dan ook altijd aan in een eigenschappen formulier. Dit icoon geeft aan dat u de betreffende tekst kunt bewerken met de DCPortal.Net Editor. Pagina 19

20 Tutorial Tekst Plaatsen Tutorial Tekst Plaatsen 1. Selecteer de tekst in uw tekstverwerkingsapplicatie. 2. Kopieer de tekst naar uw klembord (ctrl + c). 3. Klik op het icoon Paste as plain tekst in de Editor. 4. Uw systeem kan nu toegang naar uw klembord vragen. Klik op Ja. 5. De tekst is nu als platte tekst in uw Editor geplakt. Tekst Opmaken middels Styles 1. Selecteer de op te maken tekst. 2. Klik op het drop-down menu Styles 3. Selecteer de gewenste website style voor uw tekst. 4. De editor voegt nu de Style toe aan de geselecteerde tekst. Tip Gebruik alleen Styles voor de opmaak van uw tekst. Dit om het onderhoud van uw site te vergemakkelijken en om de consistentie in uw lay-out te bewaken. Tip Plak nooit direct (ctrl + v) vanuit uw tekstverwerker in de Editor. Gebruik altijd de paste as plain text button. De achtergrond code van de tekstverwerker kan u website verstoren. Tip HTML kent harde en zachte enters. Gebruik altijd shift+enter om een enter in uw pagina te maken. Pagina 20

21 4.1.1 Tutorial Afbeeldingen Plaatsen Tutorial Afbeelding Plaatsen Reeds Geplaatst Bestand 1. Selecteer de Image Manager. 2. Selecteer het bestand uit de lijst. 3. Klik op Insert Nieuw Bestand 1. Selecteer de Image Manager. 2. Selecteer het tabblad Image Upload 3. Klik op Browse 4. Zoek het gewenste bestand op uw PC. 5. Klik op Uploaden. 6. Het bestand staat nu in uw lijst. 7. Selecteer het bestand uit de lijst 8. Klik op Insert Afbeelding Verkleinen 1. Selecteer de Image Manager. 2. Selecteer het bestand uit de lijst. 3. Klik op het icoon Image Editor 4. Geeft de gewenste afmeting in. 5. Klik op Resize 6. Klik op Browse 7. Het thumbnail bestand staat nu in uw lijst. 8. Selecteer het bestand uit de lijst. 9. Klik op Insert Pagina 21

22 4.1.2 Tutorial Bestand Plaatsen Tutorial Bestand Plaatsen Reeds Geplaatst Bestand 4. Selecteer de Document Manager. 5. Selecteer het bestand uit de lijst. 6. Klik op Insert Nieuw Bestand 9. Selecteer de Document Manager. 10. Selecteer het tabblad Upload Document 11. Klik op Browse 12. Zoek het gewenste bestand op uw PC. 13. Klik op Uploaden. 14. Het bestand staat nu in uw lijst. 15. Selecteer het bestand uit de lijst 16. Klik op Insert Pagina 22

23 4.1.3 Tutorial Links maken Tutorial Link Maken Internet Link 1. Selecteer het object dat u wilt linken. Dit kan tekst of een afbeelding zijn. 2. Klik vervolgens op het Link Icoon. 3. De Link Manager opent nu. 4. Geef bij de URL het adres in waar u de link naar toe wilt maken. 5. Geeft bij Target aan of de link in een nieuw of hetzelfde scherm moet openen. 6. Klik op Ok Link naar Bestand 7. Selecteer het object dat u wilt linken. Dit kan tekst of een afbeelding zijn. 8. Klik vervolgens op het Document Manager Icoon, onder het paperclip icoon > 9. Selecteer het bestand uit de lijst. 10. Klik op insert om de link te maken/ Pagina 23

24 4.1.4 Tutorial Tabel Plaatsen Tutorial Tabel Plaatsen Internet Link 1. Klik op het tabel icoon in de geavenceerde tekst editor. 2. Er verschijnt een dropdown waar u het aantal rijen en kolommen van de tabel kunt selecteren. 3. Na het plaatsen van de tabel heeft u een aantal opties om de tabel te bewerken. 4. U kunt de breedte en hoogte van de tabel en/of cellen aanpassen door met de muis op de blokjes aan de rand van de tabel te klikken en deze te verslepen. 5. U kunt de breedte en hoogte van de tabel en/of cellen ook aanpassen doormiddel van de toolbar aan de onderkant van de tekst editor. 6. Indien u met uw rechtermuisknop op de tabel klikt verschijnen er extra opties om de tabel te bewerken. 7. U kunt hier bijvoorbeeld extra rijen en kolommen toevoegen of verwijderen. Pagina 24

25 4.1.5 Uitleg Buttons DCPortal.Net Editor Kopiëren Plakken Plakken vanuit Word Plakken vanuit Word zonder behoud van lettertype en -grootte Plakken als tekst Plakken als HTML Ongedaan maken Opnieuw uitvoeren Image manager Image map editor Set Absolute position Flash manager Windows Media manager Document manager Template manager Hyperlink manager Verwijder link Bold Cursief Onderstrepen Doorstrepen Uitlijnen naar links Centreren Uitlijnen naar rechts Uitvullen Opmaak uitlijnen / verwijderen Inspringen Selecteer het gedeelte dat u wilt kopiëren en druk op deze knop Plaats de cursor op de plek waar u iets wilt plakken en druk op deze knop Als u iets uit een word bestaand geknipt of gekopieerd heeft, kunt u met deze knop het betreffende stuk plakken Met deze knop plakt u stukken tekst uit een Word bestand zonder het oorspronkelijke lettertype en -grootte Met deze knop plakt u het gekopieerde/geknipte stuk als pure tekst Met deze knop plakt u het gekopieerde/geknipte stuk als HTML Laatste uitgevoerde acties per actie ongedaan maken Als u iets heeft ongedaan gemaakt, kan dit met deze knop worden teruggedraaid Hiermee voegt u afbeeldingen toe aan een bestand (afbeeldingen dienen eerst ge-upload te worden voor ze geplaatst kunnen worden Selecteer de afbeelding en druk op deze knop om een afbeelding op een plaats te fixeren, om deze afbeelding te verplaatsen, drukt u nogmaals op deze knop Voeg een flash bestand aan uw tekst toe Voeg een media bestand toe Voeg een link toe naar een document dat zich op de server bevindt (.PDF,.DOC etc) Verwijder een bestaande link Selecteer de betreffende tekst en maak deze vetgedrukt/of juist niet met deze knop Selecteer de betreffende tekst en plaats ze schuin /of juist recht met deze knop Selecteer de betreffende tekst en onderstreep het/of juist niet met deze knop Selecteer de betreffende tekst en doorstreep deze/of juist niet met deze knop Selecteer de betreffende tekst en laat deze uitlijnen naar links met deze knop Selecteer de betreffende tekst en laat deze centreren met deze knop Selecteer de betreffende tekst en laat deze naar rechts uitlijnen met deze knop Selecteer de betreffende tekst en laat deze per zin uitvullen over de gehele breedte met deze knop De bestaande uitlijning wissen met deze knop Selecteer de betreffende tekst en laat het inspringen met deze knop Pagina 25

26 Inspringen ongedaan maken Opsommen met nummer Opsommen met bullets Van hoofdletters naar kleine letters Van kleine letters naar hoofdletters Invoegen code snippet Formulier element invoegen Symbool invoegen Opmaak Lettertype Lettergrootte Format stripper Stijl Links Tekstkleur Achtergrondkleur Tekstvak vergroten Tekstvak verkleinen Afdrukken Bovenschrift Subscript Nieuwe paragraaf Horizontale lijn Datum invoegen Tijd invoegen Help Ontwerpen HTML Bekijk Toggle screen Selecteer de ingesprongen tekst en plaats het terug met deze knop Selecteer de betreffende tekst en laat ze opsommen met oplopende nummers ervoor met deze knop Selecteer de betreffende tekst en laat ze opsommen met bullets ervoor met deze knop Selecteer een stuk tekst dat in hoofdletters staat en u normaal wilt hebben en druk op deze knop Selecteer een stuk tekst dat u in hoofdletters wilt hebben en druk op deze knop Met deze knop voegt u snippet code toe Plaats de cursor op de plaats waar de functie moet komen en druk op deze knop Plaats de cursor op de plaats waar het symbool moet komen en druk op deze knop Maak een keuze uit de lijst met standaard opmaken van headers etc. door op het pijltje te drukken Selecteer de betreffende tekst en kies het gewenste lettertype uit de rij door op het pijltje te drukken Selecteer de betreffende tekst en kies de gewenste lettergrootte door op het pijltje te drukken Selecteer de betreffende tekst en verwijder met deze knop de format/opmaak van de tekst Selecteer de betreffende tekst en maak een keuze uit de lijst met standaard stijlen door op het pijltje te drukken Plaats de cursor op de plek waar de link moet komen en maak een keuze uit de lijst met links door op het pijltje te drukken Selecteer de betreffende tekst en pas de tekstkleur aan door de gewenste kleur aan de klikken Druk op deze knop om een keuze te maken uit de verschillende achtergrondkleuren Vergroot het tekstvak door op deze knop te drukken Verklein het tekstvak door op deze knop te drukken Druk op deze knop om af te drukken Selecteer de betreffende tekst en druk op deze knop om het boven de tekst te plaatsen zoals bij m² Selecteer de betreffende tekst en druk op deze knop om het onder de tekst te plaatsen Plaats de cursor aan het einde van de druk op deze knop Plaats de cursor waar u de lijn wil hebben en druk op deze knop Plaats de cursor waar u de datum wil hebben en druk op deze knop Plaats de cursor waar u de tijd wil hebben en druk op deze knop Druk op deze knop voor hulp Schakel van editor naar ontwerp modus Schakel van editor naar HTML modus Schakel van editor naar bekijken Volledig scherm en weer naar klein Pagina 26

27 Tonen/verbergen rand Inzoomen Module manager Druk op deze knop om de randen te tonen of te verbergen Druk op het pijltje en kies het gewenste percentage Toggle docking Verplaats alle zwevende werkbalken etc. naar hun originele plaats met een druk op deze knop Herhaal de laatste actie Herhaal de laatste uitgevoerde actie met een druk op deze knop Bijwerken Bijwerken Na het aanpassen van de tekst drukt u op deze knop om het op te slaan Annuleren Annuleren Druk op deze knop om de wijzigingen te verwijderen Vooruitblik Vooruitblik Druk op deze knop om te kijken hoe het er op de site uit zou komen te zien Pagina 27

28 5 DC Site Tree Boven de toolbar bevindt zich de knop DC Site Tree. DC Site Tree geeft de structuur van de site weer en biedt u de mogelijkheid om de structuur aan te passen. Ook is het mogelijk om hier een nieuwe pagina aan te maken. 4.2 Pagina verplaatsen 1. Open DC Site Tree 2. Ga op de te verplaatsen pagina staan 3. Druk op rechtermuisknop 4. Klik op Move up om de pagina 1 plaats hoger te plaatsen in de site tree 5. Klik op Move down om de pagina 1 plaats lager te plaatsen in de site tree 4.3 Pagina aanmaken 1. Open DC Site Tree 2. Klik op Add New Page onderaan in het scherm 3. Vul de velden in (zie hoofdstuk 2) 4. Druk op bijwerken 4.4 Pagina verwijderen 1. Open DC Site Tree 2. Druk met de rechtermuisknop op de te verwijderen pagina 3. Kies Edit Page 4. Klik op verwijderen onderaan in het scherm 5. Klik ja in de pop up Let op: Verwijderde pagina s kunnen niet worden teruggehaald Pagina 28

29 5 Frequently Asked Questions Op deze pagina vindt u de meest gestelde vragen met betrekking tot DCPortal.Net Wanneer ik ben ingelogd als Content Manager, verspringt de opmaak van mijn site. Oorzaak Wanneer u edit-rechten heeft, verschijnen er additionele edit-knoppen in de pagina. Doordat deze knoppen ruimte innemen, kan het zijn dat de overige elementen in uw website verschuiven. Klik op preview om de status weer te geven zoals een website bezoeker de site zou zien. Ik heb een content aanpassing gedaan, maar site bezoekers zien de wijziging niet. Oorzaak DCPortal.Net maakt gebruik van geavanceerde server side caching technologie om de prestaties van uw website te optimaliseren. D.w.z. dat de content een bepaalde periode wordt onthouden op de webserver. Klik op cache wissen in het module menu. of Zet cache interval op 0. (vergeet vervolgens niet om het cache interval weer terug te zetten naar bv om de prestaties van uw website optimaal te houden.) Ik heb een (bv. flash) bestand vervangen maar zie de wijziging niet. Oorzaak Afhankelijk van uw browser settings, onthoudt uw browser ook bestanden (client side cache), hierdoor kan het voorkomen dat u niet de meeste recente bestanden ziet, bv. flash. Leeg het cache van uw browser. of Sla bestanden op onder een andere naam en pas de verwijzing aan. Ik heb per ongeluk een module gewist. Opmerking Het verwijderen van modules/content is definitief en onomkeerbaar. Verwijder dus pas iets als u zeker weet dat u het niet meer nodig heeft. U kunt een pagina bv tijdelijk op onzichtbaar zetten om de pagina toch te behouden. Let op! Een module instantie kan op meerdere pagina s voorkomen. Wanneer u de module aanpast/verwijdert op een van de pagina s, geldt dit voor alle overige pagina s waar de module instantie voorkomt. Pagina 29

30 De content in mijn website bevat allerlei verschillende soorten lettertypen, font kleuren en/of font groottes. Oorzaak U gebruikt font, font colors of font sizes in de editor. Beperk u tijdens het opmaken van de content tot de bij uw site meegeleverde stylen die automatisch in de editor opgenomen zijn. Kan een aangemaakte pagina niet terugvinden. Oorzaak U hebt waarschijnlijk geen lees- en schrijfrechten aan uw eigen rol gegeven tijdens het aanmaken/aanpassen van de pagina. of De pagina staat op onzichtbaar/verborgen. Zoek de pagina op in DCSiteTree en ga direct naar aanpassen om de paginarechten/settings aan te passen. Kan een module niet zien/aanpassen. Oorzaak U hebt waarschijnlijk geen lees- en schrijfrechten toegekend aan uw eigen rol tijdens het aanmaken/aanpassen van de module. Neem contact op met DotControl en zorg er in de toekomst voor dat u de module de juiste rechten geeft om dit probleem te voorkomen. Module staat niet in panel. Oorzaak Opmerking U hebt waarschijnlijk (per ongeluk) de module verplaatst naar een ander panel. Zoek de module op in de pagina en verplaatst de module via het module menu naar het gewenste panel. Wanneer er 2 of meer modules in 1 panel staan, kan het voorkomen dat u een module niet kunt verplaatsen naar een ander panel. Verplaats eerst de overige module(s) naar een tijdelijk panel. Verplaats vervolgens de gewenste module naar het gewenste panel. Verplaats vervolgens de overige modules van hun tijdelijke panel terug naar het oorspronkelijke panel. Pagina 30

31 Waar kan ik mijn website statistieken bekijken? Wanneer u hiervan gebruik wenst te maken, ontvangen wij graag een verzoek hiervoor, wij zullen dan de statistieken aanzetten. U dient eerst een Google Account aan te maken. Het aan dit google account gekoppelde adres dient u aan DotControl door te geven, zodat wij u toegang kunnen verlenen. Vervolgens kunt u met uw google account inloggen op: Hoe maak ik een interne link? Antwoord Via custom links in editor. Hoe kan ik inloggen? Antwoord Ga naar: Wanneer ik probeer in te loggen krijg ik de melding dat mijn account gelockt is. Oorzaak Uit veiligheidsoverwegingen wordt uw account tijdelijk gelockt wanneer er binnen een bepaalde periode meer dan 3 keer wordt getracht in te loggen met een foutieve username/wachtwoord combinatie. Wacht 20 minuten, hierna wordt uw account weer vrijgegeven. Ik ben mijn wachtwoord vergeten. Ga naar: en klik op forgot password / wachtwoord vergeten en voer uw username in. Uw wachtwoord wordt nu g d naar het adres zoals opgegeven in uw gebruikersprofiel. Het kan enige tijd duren voordat uw aankomt, klik altijd maar eenmaal op wachtwoord verzenden en wacht totdat uw binnenkomt. (controleer ook uw junkfilter) Pagina 31

32 Ik ben ook mijn gebruikersnaam kwijt. Als het goed is, is de combinatie gebruikersnaam/wachtwoord ooit per aangeleverd. Mocht u dit niet meer terug kunnen vinden, neem dan contact op met DotControl. Pagina verspringt na wijzigen content. Oorzaak 1 Oorzaak 2 Er bevinden zich teveel overbodige &nsbp; (lege ruimten, witregels) op de site, die de site uit haar verband duwen. Verwijder alle overbodige lege ruimten, witregels. Er bevinden zich afbeeldingen op de site die groter zijn dan de afmeting van de module zelf. Pas de grootte van de afbeeldingen aan, zodat deze in de content passen. Neem contact op met DotControl support via het formulier en probeer zo duidelijk mogelijk te formuleren wat er aan de hand is, zodat wij u een passende oplossing kunnen bieden Ondanks dat wij ons uiterste best doen om uw site om te kunnen laten gaan met uiteenlopende contents, kunnen wij helaas niet voorkomen dat de site niet alle content aankan. Mocht de door u ingevoerde content een incorrecte weergave van uw site tot gevolg hebben, dan kunt u met ons contact opnemen en zullen wij trachten het probleem te verhelpen. DotControl sites worden geoptimaliseerd voor IE6, IE7 en FF2. Het is helaas niet mogelijk om uw site in alle browsers exact hetzelfde weer te geven Hoe maak ik een tabel in html? Antwoord Hiervoor verwijzen wij u naar diverse bronnen op het internet. Pagina 32

33 Ik kan een foto of ander bestand niet uploaden Oorzaak 1 Oorzaak 2 Waarschijnlijk is de bestandsgrootte te groot. Het plaatsen van grote bestanden raden wij u niet aan i.v.m. de verschillende verbindingssnelheden van uw bezoekers. Probeer het bestand te verkleinen op uw computer alvorens het opnieuw te uploaden. Het heeft geen zin om foto s te uploaden met een hogere resolutie dan beeldscherm resolutie (72 dpi) U hebt geen folder schrijfrechten Neem contact op met DotControl Wanneer ik een pagina probeer toe te voegen, krijg ik een melding: pagina limiet bereikt / page quota Neem contact op met DotControl De opmaak van content die uit een externe bron (bv word document of andere webpagina) gekopieerd en geplakt wordt, wordt niet correct getoond Oorzaak Opmaak uit het bronbestand kan een conflict veroorzaken met de opmaak van uw website. Gebruik in de editor de buttons paste from word en/of past as plain text om de opmaak van de externe bron te verwijderen en pas opnieuw de juiste opmaak toe middels de editor (stijlen). Mocht het filter niet alle externe opmaak verwijderen, maak dan eerst een txt bestand van uw tekst in MS Notepad. Wat is het verschil tussen pagina naam en pagina titel? Pagina naam Pagina titel Pagina omschrijving naam zoals getoond in menu (kort) verschijnt in titel balk browser (kan dus langer zijn) komt in alt tag (hover) menu Pagina 33

34 De paginanamen passen niet in het (sub)menu Oorzaak Tijdens het ontwerp van uw site is er rekening gehouden met een bepaalde breedte van de menu items. Wanneer u later een langere paginanaam toevoegt aan het menu, kan dit een incorrecte weergave van het menu opleveren. Kort de naam van uw pagina in zodat het wel past binnen de beschikbare ruimte u kunt in de pagina title of module title wel een langere naam zetten. DCPortal.Net werkt niet: DCPortal.Net gaat uit van: 1. een open internetverbinding 2. javascript 3. IE6,IE7 en/of FF2 (Internet Explorer 6/7 en Firefox 2) Mijn hoofdmenu klopt niet meer Indien er in het ontwerp van uw site meerdere skins en/of een menu met afbeeldingen gebruikt zijn, (bv. channel site) dient u meestal de originele hoofdmenu indeling in tact te laten, aangezien het menu anders onverwacht kan reageren. Ik kan geen.pdf bestand uploaden ondanks het feit dat het bestand de maximale upload size niet overschrijdt. Oorzaak Waarschijnlijk probeert u het bestand te uploaden via de Image Manager, hier kunnen echter alleen afbeeldingextensies worden geupload. In plaats van de Image Manager moet u de Document Manager gebruiken om pdf bestanden up te loaden. Pagina 34

35 Het lijkt net of het cms waar ik mee werk ineens anders is. Waar ik normaal kies voor tekstverwerker kreeg ik vele opties, maar nu is dit allemaal verdwenen en kan ik ook de image manager niet meer starten. Oorzaak Waarschijnlijk heeft u de laatste keer de radio button Tekst zonder opmaak geselecteerd, waardoor de geavanceerde editor verdwijnt en u de inhoud als platte tekst kan bewerken. Selecteer de radio button Tekst met opmaak om de geavanceerde editor in te schakelen. Ik heb een pagina in mijn menu, maar als ik op de knop druk gebeurt er niets. Oorzaak De instellingen van de pagina staan op niet actief, oftewel het vinkje niet actief is aangevinkt. Om de knop weer klikbaar te maken moet u het vinkje bij Niet Actief verwijderen. Ik heb een pagina in mijn menu, maar als ik wil niet dat deze knop klikbaar is. Om een menu item niet klikbaar te maken, moet u bij de pagina instellingen het vakje niet actief aanvinken. Wanneer ik een pagina wil kopiëren kan ik de modules niet definiëren. Oorzaak Om een module te kopiëren moet u rechten hebben om deze module aan te kunnen passen. Als u module settings selecteert en vervolgens het vakje ContentManagers bij Edit Modules aanvinkt krijgt u de juiste rechten en kunt u deze module kopiëren naar andere paginas Ik ben ingelogd in DC Portal.NET, maar ik kan geen modules plaatsen. Oorzaak Waarschijnlijk werkt u in preview-mode of is de DC Portal.NET toolbar geminimaliseerd. Rechtsboven in de DC Portal.NET kunt u de verschillende weergave opties wijzigen. Selecteer de Edit-Mode om uw pagina aan te passen. Pagina 35

36 Contact DotControl Support Mocht u het antwoord niet terug kunnen vinden in de manual of deze FAQ, neem dan contact op met DotControl Support middels het support formulier in dcportal.nl. Om u zo goed mogelijk te kunnen helpen dient u onderstaande informatie op te geven: 1. Op welke URL treedt het probleem op? 2. Geef een duidelijke omschrijving van het probleem 3. In welke browser en browser versie treedt het probleem op (bv, IE6, IE7 of FF2) 4. Maak een screenshot van het probleem (alt + print screen > ctrl+v in nieuw bericht in Outlook support@dotcontrol.nl) 5. Zijn er afwijkende omstandigheden (bv. bedrijfsnetwerk)? Pagina 36