Handleiding DCPortal DotControl Webbased Solutions B.V.
Pagina | 1
Versie Manual
Auteur
0.1
M. Landman
0.2
R. Buijzen
1.0
M. Landman
1.1 1.2 1.3
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 30174840 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
1
Inhoud 1
Inhoud ...................................................................................................................................... 3
Introductie ......................................................................................................................................... 4 1.1
DCPortal.Net Basis ................................................................................................................... 4
1.2
U als gebruiker......................................................................................................................... 4
1.3
Pagina ...................................................................................................................................... 5
1.4
Module .................................................................................................................................... 6
2
Inloggen ................................................................................................................................... 7
3
DCPortal.Net Toolbar .............................................................................................................. 8
3.1
Weergave Opties ..................................................................................................................... 9
3.2
Pagina Functies ...................................................................................................................... 10
3.2.1
Pages | Add ................................................................................................................... 11
3.2.2
Pages | Page Settings .................................................................................................... 12
3.2.3
Delete | Pagina Verwijderen ......................................................................................... 14
3.2.4
Copy | Pagina Kopiëren ................................................................................................. 15
3.2.5
Preview | Voorbeeldweergave...................................................................................... 15
3.3
Module Functies .................................................................................................................... 16
3.3.1
Nieuwe module toevoegen ........................................................................................... 16
3.3.2
Bestaande module toevoegen ...................................................................................... 17
4
DCPortal.Net Standard Modules ............................................................................................ 18
4.1
DCPortal.Net Editor |Geavanceerd Tekst Bewerken ............................................................ 19
4.1.1
Tutorial Afbeeldingen Plaatsen ..................................................................................... 21
4.1.2
Tutorial Bestand Plaatsen.............................................................................................. 22
4.1.3
Tutorial Links maken...................................................................................................... 23
4.1.4
Tutorial Tabel Plaatsen .................................................................................................. 24
4.1.5
Uitleg Buttons DCPortal.Net Editor ............................................................................... 25
5
DC Site Tree ........................................................................................................................... 28
4.2
Pagina verplaatsen ................................................................................................................ 28
4.3
Pagina aanmaken .................................................................................................................. 28
4.4
Pagina verwijderen ................................................................................................................ 28
5
Frequently Asked Questions.................................................................................................. 29
Pagina | 3
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
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
Panel
Module
Module
Pagina | 5
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
2
Inloggen
Tutorial Inloggen 1. 2. 3.
4.
Open uw browserapplicatie Ga naar: www.uwdomein.nl/dcportal Voer uw gebruikersnaam en wachtwoord in het DCPortal.Net inlogscherm in 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
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
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
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
3.2.1
Pages | Add
Tutorial Pagina Aanmaken 1. 2. 3. 4. 5.
Open de basisinstellingen Vul de basisinstellingen voor uw nieuwe pagina in. Configureer de bevoegdheden voor uw nieuwe pagina. Open de geavanceerde instellingen. 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.
3.2.1.1
Toelichting op de ‘Add page’ pagina
Basisinstellingen Pagina Naam
Dit is de naam van de pagina. Deze naam wordt weergegeven in het navigatiemenu
Pagina Titel
Geef hier een titel aan de pagina. Deze titel wordt weergegeven in de titelbalk van de browser.
Omschrijving
Geef een omschrijving voor deze pagina.
Sleutelwoorden
Voer sleutelwoorden in voor deze pagina (gescheiden door komma's). Deze sleutelwoorden maken het makkelijker voor zoekmachines om uw pagina's te indexeren.
Moederpagina
Selecteer de pagina waarvan u wilt dat deze pagina als sub- of dochterpagina wordt.
Template map
Kies de map waar uw een template vandaan haalt.
Paginasjabloon
Kies een paginasjabloon voor het aanmaken van deze nieuwe pagina.
Toevoegen aan menu
Kies ervoor om de pagina aan het menu toe te voegen.
Pagina kopiëren Kopieer van pagina
Selecteer de pagina (indien van toepassing) waarvandaan u de modules wilt kopiëren
Bevoegdheden Stel hier de bevoegdheden voor deze pagina in.
Pagina | 11
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
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.
Ververs interval
Geef een ververs interval voor automatische verversing van de pagina. (Voorbeeld: voer "60" in voor 1 minuut of laat leeg om uit te zetten.)
Pagina header tags
Geef hier tags op (zoals META tags) die moeten worden weergegeven in de "HEAD" sectie van de HTML voor deze pagina.
Andere instellingen Beveiliging?
Bepaal of deze pagina in een ‘secure connection’ (SSL) bekeken dient te worden.
Begindatum
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.
Einddatum
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.
Koppel met URL
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.
3.2.2
Pages | Page Settings
Tutorial Pagina Beheer 1. 2. 3. 4.
Open de basisinstellingen Pas de gewenste basis instellingen van uw pagina aan. Open de geavanceerde instellingen. 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
3.2.2.1
Toelichting op eigenschappen pagina
Pagina Naam
Dit is de naam van de pagina. Deze naam wordt weergegeven in het navigatiemenu
Pagina Titel
Geef hier een titel aan de pagina. Deze titel wordt weergegeven in de titelbalk van de browser.
Omschrijving
Geef een omschrijving voor deze pagina.
Sleutelwoorden
Voer sleutelwoorden in voor deze pagina (gescheiden door komma's). Deze sleutelwoorden maken het makkelijker voor zoekmachines om uw pagina's te indexeren.
Moederpagina
Selecteer de pagina waarvan u wilt dat deze pagina als sub- of dochterpagina wordt.
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.
Bevoegdheden
Kies de groep personen/toegangsrol(len) die bevoegd zijn uw pagina te bekijken en te bewerken.
Pagina kopiëren Kopieer van pagina
Selecteer de pagina (indien van toepassing) waarvandaan u de modules wilt kopiëren
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.
Niet actief
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.
Ververs interval
Geef een ververs interval voor automatische verversing van de pagina. (Voorbeeld: voer "60" in voor 1 minuut of laat leeg om uit te zetten.)
Pagina header tags
Geef hier tags op (zoals META tags) die moeten worden weergegeven in de "HEAD" sectie van de HTML voor deze pagina.
Andere instellingen Beveiliging?
Bepaal of deze pagina in een ‘secure connection’ (SSL) bekeken dient te worden.
Begindatum
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.
Einddatum
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.
Koppel met URL
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.
Bijwerken
Met deze knop worden de aangepaste gegevens bijgewerkt.
Cancel
De aangepaste gegevens weer verwijderen.
Delete
De bestaande gegevens verwijderen.
Pagina | 13
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
3.2.4
Copy | Pagina Kopiëren
Tutorial Pagina Kopiëren 1. 2. 3. 4.
Open pagina kopiëren / Copy Kies de pagina waarvandaan u wilt kopiëren Selecteer de te kopiëren module(s) 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 de pagina waarvandaan u modules wilt kopiëren.
Selecteer Modules
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)
3.2.5 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
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.
3.3.1
Nieuwe module toevoegen
Tutorial Nieuw Module Toevoegen 1. 2. 3. 4. 5. 6.
7.
Maak een keuze uit de voor u beschikbare modules Maak een titel aan voor de nieuwe module. Geef aan voor wie deze nieuwe module zichtbaar zal zijn. Geef aan in welk paneel op de pagina u deze module wilt plaatsen. Geef aan waar de module in het paneel dient te worden geplaatst. Geef aan hoe de module uitgelijnd dient te worden t.o.v. de overige modules in het Panel. Druk op ‘Add Module’ om de module toe te voegen
Module
Maak een keuze uit het overzicht met beschikbare modules
Titel
Maak een titel aan voor de gekozen Module
Zichtbaarheid
Geef aan of de zichtbaarheid hiervan hetzelfde zal zijn als de pagina, of dat deze alleen zichtbaar is voor de paginabeheerders.
Paneel
Maak een keuze uit de verschillende beschikbare Panels.
Invoegen
Geef de volgorde aan t.o.v. de overige modules in het gekozen Panel.
Module
Geef de uitlijning binnen het gekozen Panel aan.
Pagina | 16
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
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
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
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
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
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
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
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
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
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
Image map editor Set Absolute position
Flash manager
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
Windows Media manager
Voeg een media bestand toe
Document manager
Voeg een link toe naar een document dat zich op de server bevindt (.PDF, .DOC etc)
Template manager Hyperlink manager Verwijder link
Verwijder een bestaande link
Bold
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
Cursief Onderstrepen Doorstrepen Uitlijnen naar links Centreren Uitlijnen naar rechts Uitvullen Opmaak uitlijnen / verwijderen Inspringen
Selecteer de betreffende tekst en laat het inspringen met deze knop
Pagina | 25
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
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
Tekstvak vergroten
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
Tekstvak verkleinen
Verklein het tekstvak door op deze knop te drukken
Afdrukken
Druk op deze knop om af te drukken
Bovenschrift
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
Opmaak Lettertype Lettergrootte Format stripper Stijl Links
Tekstkleur Achtergrondkleur
Subscript Nieuwe paragraaf Horizontale lijn
Help
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
Ontwerpen HTML Bekijk Toggle screen
Schakel van editor naar ontwerp modus Schakel van editor naar HTML modus Schakel van editor naar bekijken Volledig scherm en weer naar klein
Datum invoegen Tijd invoegen
Pagina | 26
Tonen/verbergen rand
Druk op deze knop om de randen te tonen of te verbergen
Inzoomen
Druk op het pijltje en kies het gewenste percentage
Module manager Toggle docking Herhaal de laatste actie Bijwerken
Bijwerken
Annuleren Vooruitblik
Annuleren Vooruitblik
Verplaats alle zwevende werkbalken etc. naar hun originele plaats met een druk op deze knop Herhaal de laatste uitgevoerde actie met een druk op deze knop Na het aanpassen van de tekst drukt u op deze knop om het op te slaan Druk op deze knop om de wijzigingen te verwijderen Druk op deze knop om te kijken hoe het er op de site uit zou komen te zien
Pagina | 27
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
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.
Oplossing
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.
Oplossing
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. 3600 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.
Oplossing
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
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.
Oplossing
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.
Oplossing
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.
Oplossing
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
U hebt waarschijnlijk (per ongeluk) de module verplaatst naar een ander panel.
Oplossing
Zoek de module op in de pagina en verplaatst de module via het module menu naar het gewenste panel.
Opmerking
Wanneer er 2 of meer modules in 1 panel staan, kan het voorkomen dat u een module niet kunt verplaatsen naar een ander panel.
Oplossing
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
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. https://www.google.com/accounts/NewAccount Het aan dit google account gekoppelde e-mailadres dient u aan DotControl door te geven, zodat wij u toegang kunnen verlenen. Vervolgens kunt u met uw google account inloggen op: http://www.google.com/analytics/
Hoe maak ik een interne link? Antwoord
Via custom links in editor.
Hoe kan ik inloggen? Antwoord
Ga naar: http://www.uwdomeinnaam.nl/dcportal
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.
Oplossing
Wacht 20 minuten, hierna wordt uw account weer vrijgegeven.
Ik ben mijn wachtwoord vergeten. Oplossing
Ga naar: http://www.uwdomeinnaam.nl/dcportal en klik op “forgot password” / “wachtwoord vergeten” en voer uw username in. Uw wachtwoord wordt nu gemaild naar het emailadres zoals opgegeven in uw gebruikersprofiel. Het kan enige tijd duren voordat uw email aankomt, klik altijd maar eenmaal op wachtwoord verzenden en wacht totdat uw e-mail binnenkomt. (controleer ook uw junkfilter)
Pagina | 31
Ik ben ook mijn gebruikersnaam kwijt. Oplossing
Als het goed is, is de combinatie gebruikersnaam/wachtwoord ooit per e-mail aangeleverd. Mocht u dit niet meer terug kunnen vinden, neem dan contact op met DotControl.
Pagina verspringt na wijzigen content.
Oorzaak 1
Er bevinden zich teveel overbodige “&nsbp;” (lege ruimten, witregels) op de site, die de site uit haar verband duwen.
Oplossing
Verwijder alle overbodige lege ruimten, witregels.
Oorzaak 2
Er bevinden zich afbeeldingen op de site die groter zijn dan de afmeting van de module zelf.
Oplossing
Pas de grootte van de afbeeldingen aan, zodat deze in de content passen.
Oplossing
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
Ik kan een foto of ander bestand niet uploaden Oorzaak 1
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.
Oplossing
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)
Oorzaak 2
U hebt geen folder schrijfrechten
Oplossing
Neem contact op met DotControl
Wanneer ik een pagina probeer toe te voegen, krijg ik een melding: pagina limiet bereikt / page quota Oplossing
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.
Oplossing
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
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.
Oplossing
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 Oplossing
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.
Oplossing
In plaats van de Image Manager moet u de Document Manager gebruiken om pdf bestanden up te loaden.
Pagina | 34
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.
Oplossing
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.
Oplossing
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. Oplossing
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.
Oplossing
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.
Oplossing
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
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 e-mail bericht in Outlook
[email protected]) 5. Zijn er afwijkende omstandigheden (bv. bedrijfsnetwerk)?
Pagina | 36
