Parallels Plesk Panel. Gebruikershandleiding Parallels Web Presence Builder 10.4

®

Parallels Plesk Panel

Gebruikershandleiding Parallels Web Presence Builder 10.4

Inhoud Voorwoord

3

Typografische Conventies ............................................................................................................. 3 Reacties ......................................................................................................................................... 4

Inleiding

5

Kennis maken met de Builder-editor

6

Een website aanmaken

8

Sites importeren uit SiteBuilder 4.5 ............................................................................................... 9

Een website bewerken

11

Structuur: pagina's en navigatie .................................................................................................. 11 Pagina's toevoegen en verwijderen .................................................................................. 12 Navigatielinks toevoegen en verwijderen .......................................................................... 14 Design: indeling, stijlen, kleuren en header ................................................................................ 14 Uw websiteindeling wijzigen.............................................................................................. 15 Kleuren en lettertypen voor de website selecteren ........................................................... 17 Elementen aanpassen in de header van de website ........................................................ 19 Inhoud: Tekst, tabellen, afbeeldingen, video, formulieren en scripts .......................................... 19 Teksten, tabellen, hyperlinks en afbeeldingen .................................................................. 20 Ingevoegde video .............................................................................................................. 25 Contactformulier ................................................................................................................ 25 Blog ................................................................................................................................... 26 Reacties achterlaten ......................................................................................................... 29 Documenten en andere downloadbare bestanden ........................................................... 31 Knoppen voor delen op sociale netwerken ....................................................................... 32 Zoekfunctie ........................................................................................................................ 32 Webwinkel ......................................................................................................................... 33 Aangepaste scripts ............................................................................................................ 34 Advertentie ........................................................................................................................ 35 Instellingen en hulpprogramma's voor webmasters .................................................................... 35

Een kopie van een website opslaan en terugplaatsen

39

Een website op internet publiceren

41

Een kopie van een website op Facebook publiceren

42

Een website verwijderen

44

Voorwoord

Voorwoord In dit hoofdstuk: Typografische Conventies ................................................................................. 3 Reacties ............................................................................................................ 4

Typografische Conventies Voordat u deze handleiding gebruikt, is het belangrijk te begrijpen welke documentatieconventies worden aangehouden. De volgende soorten opmaak in de tekst geven aan dat het om speciale informatie gaat. Opmaakconventie

Soort informatie

Voorbeeld

Speciaal Vet

Elementen die u moet selecteren, zoals opties in een menu, knoppen of onderdelen in een lijst.

Ga naar het tabblad Systeem.

Titels van hoofdstukken, secties en subsecties.

Lees het hoofdstuk Beginselen van systeembeheer.

Cursief

Wordt gebruikt om het belang van een bepaald punt te benadrukken, om een nieuwe term te introduceren of om aan te geven dat het om een voorbeeldtekst gaat die moet worden vervangen door een echte naam of waarde.

Het systeem ondersteunt het zoeken met zogenaamde jokers.

Monospace

De namen van opdrachten, bestanden en mappen.

Het licentiebestand bevindt zich in de map http://docs/common/licen ses.

3

4

Voorwoord

Opmaakconventie Preformatted

Preformatted Vet

Soort informatie Schermuitvoer van de computer in een opdrachtregelsessie; broncode in XML, C++ of een andere programmeertaal. Om wat u invoert te onderscheiden van de computeruitvoer op het scherm.

Voorbeeld # ls –al /files totaal 14470

# cd /root/rpms/php

HOOFDLETTERS

Namen van de toetsen op het toetsenbord.

SHIFT, CTRL, ALT

TOETS+TOETS

Combinaties van toetsen die de gebruiker moet indrukken en ingedrukt moet houden om vervolgens een andere toets aan te slaan.

CTRL+P, ALT+F4

Reacties Treft u een fout aan in deze handleiding of hebt u suggesties of ideeën over hoe wij deze kunnen verbeteren? Stuur ons dan uw feedback via het webformulier op http://www.parallels.com/en/support/usersdoc/. Neem in uw verslag alstublieft de titel van deze handleiding op, de titel van het hoofdstuk en van de betreffende sectie, als ook van het tekstfragment waarin u de fout hebt aangetroffen.

HOOFDSTUK 1

Inleiding Parallels Web Presence Builder (hierna Builder of editor genoemd) biedt een eenvoudige en intuïtieve methode waarmee kleine bedrijven en individuen zelf websites kunnen maken. Om te beginnen met het maken van een website in Builder, moet u eerst een websiteonderwerp selecteren, de naam van uw website opgeven en een taal kiezen. Merk op dat de taal die u kiest betrekking heeft op uw website, niet op de gebruikersinterface van de editor. De taal van de editor van Builder kan alleen worden gewijzigd via Parallels Plesk Panel. U zult worden gevraagd naar informatie over uzelf die gebruikt wordt voor het vullen van de website. Houd er rekening mee dat de informatie die u verstrekt niet zal worden opgeslagen of ergens anders zal worden gebruikt, anders dan voor het vullen van uw website met informatie, zoals op de pagina's Over ons en Contact. U kunt deze gegevens op elk moment weer wijzigen of verwijderen. Wanneer de vereiste informatie is opgegeven genereert Builder een website met een unieke ontwerp. Het design van de website bestaat uit een aantal elementen. Elke keer dat Builder een websiteontwerp genereert, wordt een willekeurige reeks elementen gebruikt, zodat u zeker weet uw websiteontwerp niet vaker voorkomt.

HOOFDSTUK 2

Kennis maken met de Builder-editor De interface van de editor van Builder bestaat uit twee hoofdonderdelen: uw website en het hoofdmenu. Een website bestaat uit een aantal elementen of modules. Elke module kan apart worden bewerkt. Hier laten we u kennis maken met de basisprincipes van het bewerken van websitemodules, die op alle modules van toepassing zijn. Er zijn twee basistypen websitemodules: 

Eenvoudige modules. Deze modules verschijnen op slechts één webpagina, bijvoorbeeld een eenvoudig blok met tekst.



Modules voor de gehele site. Deze modules verschijnen op alle pagina's van de website, bijvoorbeeld de koptekst van de website of het navigatiemenu.

Om een websitemodule te vinden, houdt u de muisaanwijzer boven het onderdeel van de website dat u wilt wijzigen. Er zal een gestippelde lijn om de module heen verschijnen. Daarnaast verschijnt een menu voor het verplaatsen, bewerken en verwijderen/verbergen van de module. De gestippelde lijn om eenvoudige modules heen is donkergrijs; de lijn om modules voor de gehele website is paars. Om een websitemodule te bewerken klikt u op elke willekeurige plek in de module. Er zal een gestippelde lijn om de module heen verschijnen. Daarnaast verschijnt een contextmenu met de opties voor het bewerken van de module. Het hoofdmenu van de editor heeft de opties voor het bewerken van de website onderverdeeld in zes tabbladen: 

Modules. Hier kunt u de gewenste modules uitkiezen om te slepen naar elke plek op de pagina om zo uw website met inhoud te vullen.



Indeling. Hier kunt u het aantal zijbalken op de pagina selecteren, de breedte van de pagina, de zijbalken en marges en of een vaste of flexibele vormgeving wilt.



Stijl. Hier kunt u de basiskleuren van uw website selecteren, de kleuren van afzonderlijke elementen wijzigen, lettertypen selecteren en de stijl van de randen voor uw website.



Pagina's. Hier kunt u pagina's toevoegen en verwijderen, de naam van een pagina wijzigen, meta-informatie zoals de omschrijving en sleutelwoorden wijzigen, pagina's markeren als verborgen, zodat bezoekers deze niet langer via het menu van de site kunnen bereiken.



Documenten. Hier kunt u uw documenten naar uw hostingaccount uploaden, afbeeldingen en andere bestanden in verschillende formaten. U kunt vervolgens op eenvoudige wijze links naar deze documenten invoegen in de pagina's van uw website. Of u kunt de bestanden gewoon in uw hostingaccount laten staan voor uw eigen gebruik.

Kennis maken met de Builder-editor



7

Instellingen. Hier kunt u de naam van uw website wijzigen, de omschrijving en sleutelwoorden voor zoekmachines, een sitepictogram (favicon) uploaden, de ranking van uw website in de resultaten van zoekmachines optimaliseren en een kopie van uw site toevoegen aan een Facebook-pagina.

Vanuit het hoofdmenu kunt u ook het volgende doen: 

Ga naar de videohandleiding Aan de slag met Web Presence Builder of de Gebruikershandleiding. Selecteer daartoe de betreffende optie uit het menu Help.

 

Een kopie van uw website opslaan of laden via de opties Opslaan en Terugplaatsen. Uw website publiceren met de knop Publiceren.



Alle wijzigingen aan een site ongedaan maken en opnieuw beginnen met het aanmaken van een site door Meer > Overnieuw beginnen te selecteren. Hiermee wordt een reeds gepubliceerde kopie van site niet verwijderd.



Verwijder het huidige ontwerp van de website uit de editor door Meer > Site verwijderen te selecteren. Hiermee wordt een reeds gepubliceerde kopie van site niet verwijderd.

U kunt het hoofdmenu naar elke plek op de pagina slepen waar deze u niet in de weg zit, of u kunt het menu minimaliseren. U hebt via het contextmenu op elke plek op de pagina ook toegang tot alle opties van het hoofdmenu. Klik met de rechter muisknop op het contextmenu te openen.

HOOFDSTUK 3

Een website aanmaken  Een website aanmaken in Builder: 1. Ga in Hostingbeheer naar ofwel het tabblad Start of naar het tabblad Websites & domeinen en klik op Web Presence Builder starten. Als u maar één domeinnaam hebt ingesteld, dan zal de editor worden geopend in een nieuw venster of tabblad van de browser.

2. Als u beschikt over meerdere domeinnamen, klik dan op de bijbehorende link Bewerken in Web Presence Builder. Het wizard zal in een nieuw venster of tabblad van de browser worden geopend. 3. Selecteer het onderwerp van uw website en klik op Site aanmaken. Opmerking Als u al een website hebt aangemaakt met SiteBuilder 4.5 en deze is elders gehost, dan kunt u er in deze stap voor kiezen om uw website naar uw nieuwe hostingaccount te importeren. Hierover kunt u meer lezen in de sectie Sites importeren uit SiteBuilder 4.5 (op pagina 9).

4. Geef informatie over uzelf op die gebruikt zal worden om uw website te vullen. The information you provide will not be stored or used anywhere else, it will be used only for prefilling your website content, such as “About Us” and “Contact Us” pages. U kunt deze gegevens op elk moment weer wijzigen of verwijderen.

5. Klik op Versturen en site aanmaken. Builder heeft enige tijd nodig om een website aan te maken met een uniek design en vooraf ingevulde informatie.

In dit hoofdstuk: Sites importeren uit SiteBuilder 4.5 ................................................................... 9


9

Sites importeren uit SiteBuilder 4.5 Als u een site hebt aangemaakt met SiteBuilder 4.5, dan kunt u deze in Web Presence Builder 10.4 importeren. Opmerking Het importeren van sites uit eerdere versies van SiteBuilder of vanuit andere contentmanagementsystemen wordt niet ondersteund. Als uw site is aangemaakt met een eerdere versie van SiteBuilder (4.4 of eerder) en u wilt uw site overzetten, dan kunt u het volgende doen: 

Neem contact op met uw hostingprovider en vraag hen uw account te upgraden naar de nieuwste versie van Web Presence Builder.



Verplaats uw site handmatig door de inhoud te kopiëren en te plakken.

Tijdens het importeren van de website kan het grootste deel van de sitestructuur en content worden overgedragen. Wij kunnen echter niet garanderen dan alle informatie zal worden overgedragen. In de meeste gevallen kunnen de volgende elementen zonder problemen worden geïmporteerd: 

SiteMap.





Statische pagina's, inclusief links en afbeeldingen in tekstmodules. Merk op dat tekstblokken groter dan 30 kilobytes kunnen worden afgebroken; daardoor kan een deel van de tekst soms ontbreken. Headerafbeelding (tenzij dit een aangepaste afbeelding is).



Slogan, titel van de site.

 

Logo (tenzij dit een aangepaste afbeelding is). Tekst uit de footer.



Meta-info (trefwoorden, omschrijving).

De overige modules kunnen alleen worden geïmporteerd als tekstwidgets met statische informatie, links en afbeeldingen. Knoppen zullen niet werken. De structuur van de Afbeeldingsgalerie kan worden geïmporteerd, maar zonder afbeeldingen.

 Een site importeren vanuit SiteBuilder 4.5: 1. Open de editor van Builder en op het scherm voor onderwerpselectie klikt u op Importeren uit SiteBuilder 4.5. 2. Geef het internetadres (de domeinnaam) op van de site die u wilt importeren. Bijvoorbeeld: http://voorbeeld.nl. 3. Selecteer het selectievakje om te bevestigen dat u begrijpt dat het importeren wellicht niet vlekkeloos zal verlopen en klik op Site importeren.

10


4. Nadat de site is geïmporteerd loopt u deze door en bewerkt u deze naar eigen inzicht (op pagina 11). U kunt de geïmporteerde versie vergelijken met uw originele site en eventueel ontbrekende informatie handmatig toevoegen. 5. Als u klaar bent met deze controle publiceert u de site binnen uw hostingaccount (op pagina 41). Als u uw site publiceert binnen dezelfde webruimte waar uw SiteBuilder 4.5-site werd gehost, zal de oude site worden overschreven.

HOOFDSTUK 4

Een website bewerken In Builder kunt u vrijwel elke element van uw website bewerken. Eenvoudige elementen kunnen direct op de pagina zelf worden bewerkt - u opent de pagina waarop het element wordt gebruikt, bewerkt deze en ziet meteen wat het resultaat is. Elementen voor de site als geheel worden op één plek gewijzigd maar de wijzigingen worden toegepast op alle pagina's van uw website. Merk op dat: Als u Internet Explorer gebruikt, dan raden wij u sterk aan de zoomfunctie van die browser niet te gebruiken om de tekst die in uw browservenster wordt weergegeven te wijzigen. De websites in Builder werken het beste en zien er ook het beste uit met een normale zoom (100%).

In dit hoofdstuk: Structuur: pagina's en navigatie ........................................................................ 11 Design: indeling, stijlen, kleuren en header ....................................................... 15 Inhoud: Tekst, tabellen, afbeeldingen, video, formulieren en scripts .................. 21 Instellingen en hulpprogramma's voor webmasters ........................................... 39

Structuur: pagina's en navigatie In deze sectie wordt uitgelegd hoe u pagina's aan een site kunt toevoegen, hun locatie in de sitestructuur kunt bepalen en navigatielinks kunt toevoegen.

In dit hoofdstuk: Pagina's toevoegen en verwijderen ................................................................... 12 Navigatielinks toevoegen en verwijderen ........................................................... 14

12


Pagina's toevoegen en verwijderen Uw site kan pagina's nesten tot twee niveau's diep.

 Een nieuwe pagina aan uw website toevoegen: 1. Ga naar het tabblad Pagina's. 2. Klik op Pagina toevoegen. De nieuwe pagina wordt in het groen aangegeven. 3. Bepaal de positie van de nieuwe pagina door deze naar rechts te slepen of door de pijltjes te gebruiken. 4. Geef de titel van de pagina op. 5. Geef een beknopte omschrijving op van de inhoud van de pagina die kan worden weergegeven in de resultaten van zoekmachines en de sleutelwoorden waarop zoekmachines de pagina zouden moeten vinden. Merk op dat: de velden Paginatitel en Naam van link naar pagina zijn verplicht. Omschrijving en Sleutelwoorden zijn optionele velden. Wanneer u sleutelwoorden voor een pagina opgeeft, dan moeten deze - zonder spaties - door komma's worden gescheiden.

6. Wanneer u pagina's wilt verbergen voor de bezoekers van uw website, dan selecteert u het selectievakje Verborgen pagina. 7. Wanneer u de pagina met een wachtwoord wilt afschermen, selecteer dan het selectievakje Afgeschermde pagina en geef een gebruikersnaam en een wachtwoord op. 8. Klik OK om de wijzigingen op te slaan.

 De locatie of eigenschappen van een pagina wijzigen: 1. Ga naar het tabblad Pagina's. 2. Selecteer de pagina die u wilt bewerken. 3. Wijzig de positie van de pagina door deze naar rechts te slepen of door de pijltjes te gebruiken. 4. Bewerk de titel van de pagina. 5. Bewerk of verwijder de beknopte omschrijving van de inhoud van de pagina die kan worden weergegeven in de resultaten van zoekmachines en de sleutelwoorden waarop zoekmachines de pagina zouden moeten vinden.


13

Merk op dat: de velden Paginatitel en Naam van link naar pagina zijn verplicht. Omschrijving en Sleutelwoorden zijn optionele velden. Wanneer u sleutelwoorden voor een pagina opgeeft, dan moeten deze - zonder spaties - door komma's worden gescheiden.

6. Wanneer u pagina's wilt verbergen voor de bezoekers van uw website, dan selecteert u het selectievakje Verborgen pagina. 7. Wanneer u de pagina met een wachtwoord wilt afschermen, selecteer dan het selectievakje Afgeschermde pagina en geef een gebruikersnaam en een wachtwoord op. 8. Klik OK om de wijzigingen op te slaan.

 Een pagina uit uw website verwijderen: 1. Ga naar het tabblad Pagina's. 2. Selecteer de pagina die u wilt verwijderen. 3. Klik op Pagina verwijderen. 4. Klik OK om de wijzigingen op te slaan.

14


Navigatielinks toevoegen en verwijderen Standaard wordt er een horizontale navigatiebalk met links naar de pagina's van de site toegevoegd onder de header van uw site. Deze wordt automatisch bijgewerkt wanneer u een pagina toevoegt, wijzigt, verplaatst of uit de site verwijdert. Als u zijbalken op de site gebruikt, dan bevat de horizontale balk onder de header alleen links naar pagina's op het eerste niveau; links naar het tweede en derde niveau kunt u in de zijbalken vinden. U kunt navigatieblokken verplaatsen door deze naar andere delen van de site te slepen. Voor elk navigatieblok kunt u aangeven welke niveaus van pagina's in het menu moeten worden opgenomen, u kunt de uitlijning van het menu wijzigen (in plaats van de standaarduitlijning aan de linkerkant kunt u deze bijvoorbeeld in het midden van de pagina plaatsen) en de kleur, stijl en grootte van het lettertype dat voor de links wordt gebruikt. Voor het wijzigen van elk van deze instellingen plaatst u de muisaanwijzer boven een navigatieblok en klikt u op Bewerken. Als u een navigatieblok verwijdert dan kunt u deze later opnieuw invoegen. Daartoe gaat u naar het tabblad Modules waar u Navigatie selecteert en sleept naar de positie op het pagina waar u deze wilt toevoegen. Het navigatieblok zal aan alle pagina's van de website worden toegevoegd. Om het de bezoekers van uw site makkelijk te maken, wilt u wellicht ook blokken met broodkruimelnavigatie toevoegen. Broodkruimelnavigatie (breadcrumbs) is een reeks van links die het zoekpad van de gebruiker aangeven, van de hoofdpagina van de site tot aan de huidige pagina. Voor een toevoegen van een blok met broodkruimelnavigatie gaat u naar het tabblad Modules waar u Broodkruimelnavigatie selecteert en de module naar het deel van de pagina sleept waar u deze wilt toevoegen. Het navigatieblok zal aan alle pagina's van de website worden toegevoegd.

Design: indeling, stijlen, kleuren en header In deze sectie wordt omschreven hoe u de indeling van pagina's kunt wijzigen, het kleurschema en de elementen van de header van de site.

In dit hoofdstuk: Uw websiteindeling wijzigen .............................................................................. 15 Kleuren en lettertypen voor de website selecteren ............................................ 17 Elementen aanpassen in de header van de website.......................................... 19


15

Uw websiteindeling wijzigen Een website die in Builder is gemaakt kan beschikken over een, twee of geen zijbalken. In een zijbalk kunt u een navigatieblok plaatsen, een advertentieblok of gewoon een stuk tekst of een afbeelding waarvan u wilt dat deze op de gehele site zichtbaar is.

 Het aantal zijbalken voor uw website selecteren: 1. Ga naar het tabblad Indeling. 2. Selecteer Geen zijbalken, 1 zijbalk of 2 zijbalken. 3. Om bij een website met één zijbalk deze naar de andere kant te verplaatsen, of om uw zijbalken om te wisselen in het geval dat uw website twee zijbalken heeft, klikt u op Zijbalken omdraaien. 4. Klik OK om de wijzigingen op te slaan.

 Het soort indeling van uw website bepalen: 1. Ga naar het tabblad Indeling. 2. Selecteer het gewenste soort indeling en geef de breedte van de website op: 

Vaste indeling: uw website heeft een specifieke grootte, ongeacht de grootte van het browservenster waarin deze wordt bekeken. In dit geval geeft u de breedte van uw website op in pixels.



Flexibele indeling: gebaseerd op een percentage van de afmetingen van het huidige browservenster. In dit geval geeft u de breedte van uw website op als een percentage van de breedte van het huidige browservenster.

3. Klik OK om de wijzigingen op te slaan.

 Het grootte van de pagina-elementen van uw website selecteren: 1. Ga naar het tabblad Indeling. 2. Geef de omvang van de verticale en horizontale marges op in pixels; dit is de ruimte die wordt opengelaten tussen de randen van aangrenzende elementen. 3. Voor een website met één of twee zijbalken selecteert u Breedte zijbalk en geeft u de breedte van elke zijbalk op in pixels. De breedte van het hoofdgedeelte van de pagina zal automatisch worden vastgesteld.

4. Selecteer Minimale hoogte en geef de hoogte op van elke zijbalk en van het hoofdgedeelde van de pagina op in pixels.

16


Deze waarde bepaalt de hoogte van elementen op uw website zonder inhoud. Als u informatie toevoegt aan de zijbalken en aan het hoofdgedeelte van de pagina, dan zullen deze net zo ver uitrekken als nodig is om alle gegevens te kunnen accommoderen.



17

Kleuren en lettertypen voor de website selecteren Het algemene kleurschema, of stijlset, van uw website bestaat uit vier kleuren. Elke kleur wordt gebruikt voor verschillende elementen van de website tegelijk. U kunt de kleuren van individuele elementen selecteren op het tabblad Stijl > Kleuren.

 Een algemeen kleurschema voor uw website selecteren: 1. Ga naar het tabblad Stijl > Schema. 2. Selecteer in het menu het kleurschema of de stijlset van uw website. U ziet de vier kleuren die samen het kleurschema van uw website bepalen.

3. Om een van de kleuren van het kleurschema van uw website aan te passen klikt u op het betreffende kleurveld en wijzigt u de hexadecimale kleurwaarde, of u selecteert een kleur met de kleurkiezer. Merk op dat: als u eerder de kleur van individuele elementen hebt aangepast op het subtabblad Kleuren, dan zal deze aanpassing worden overschreven door de wijzigingen die u hier aanbrengt.


 Kleuren selecteren voor individuele elementen van de website: 1. Ga naar het tabblad Stijl > Kleuren. 2. Selecteer het website-element in het menu. 3. Pas de achtergrondkleur van het element aan door op het veld voor de achtergrondkleur te klikken en de hexadecimale kleurwaarde aan te passen, of door een kleur te selecteren met de kleurkiezer. 4. Als u een kleurverloop wilt selecteren, selecteer dan de optie Kleurverloop en kies een patroon uit het menu. 5. Voor elementen met tekst past u de kleur van het lettertype aan door te klikken op het betreffende kleurveld om de hexadecimale kleurwaarde aan te passen, of door een kleur te selecteren met de kleurkiezer. Merk op dat: het aanpassen van het stijlset op het tabblad Scheme zal eventuele wijzigingen op het tabblad Kleuren ongedaan maken.


 Lettertypen selecteren voor kopteksten en voor de basistekst van uw website: 1. Ga naar het tabblad Stijl > Lettertypen. 2. U kunt het lettertype en de grootte daarvan selecteren in de menu's.

18


3. Voor kopregels kunt u de tekstopmaak selecteren. U kunt vette tekst gebruiken (het pictogram B) en cursieve tekst (het pictogram I). Merk op dat: de instellingen die u hier maakt stellen alleen algemene regels op voor de lettertypen van uw website. U kunt daarnaast altijd op de pagina zelf het lettertype van individuele elementen bepalen.


 Randen selecteren voor elementen van de website: 1. Ga naar het tabblad Stijl > Randen. 2. Selecteer het type binnenrand voor de elementen in uw website in het menu Rand interne vakken. 3. Selecteer de elementen waarop de rand moet worden toegepast. Merk op dat: u kunt slechts één type interne rand selecteren voor alle elementen op uw website, maar u kunt ook aangeven of deze rand voor specifieke elementen moet worden gebruikt.

4. Selecteer de buitenrand voor uw website in het menu Externe rand van site. 5. Klik OK om de wijzigingen op te slaan.


19

Elementen aanpassen in de header van de website De header van de site bestaat uit de volgende elementen: 

Achtergrondafbeelding van de header.

 

Logoafbeelding. Titel van de site.



Ondertitel. Dit is meestal een omschrijving van uw site of een bedrijfslogan.

 De achtergrondafbeelding of een ander element van de header wijzigen (logo, titel of ondertitel): 1. Klik op de headerafbeelding. 2. Voer een van de volgende acties uit: 

Als u een afbeelding wilt gebruiken uit de galerie van Builder selecteert u de optie Selectie uit onze bibliotheek en kiest u een afbeelding uit het menu Afbeeldingslijst. Om u te helpen bij het zoeken naar een geschikte afbeelding kunt u de optie Aanbevolen selecteren of een trefwoord opgeven in het invoerveld.



Wilt u uw eigen afbeelding gebruiken, selecteer dan de optie Selectie van eigen bestand, klik op Bladeren en selecteer de juiste afbeelding.U kunt alleen afbeeldingen gebruiken in GIF-, JPEG- of PNG-formaat, bij voorkeur niet breder dan 900 pixels. Het is aan te bevelen ook het selectievakje Afbeeldingsgrootte inpassen te selecteren, zodat u er zeker van bent dat uw afbeelding binnen de indeling van de site past.



Om een afbeelding te verwijderen, selecteert u de optie geen afbeelding en geeft u de hoogte van het headerblok op in pixels.

3. Onder Toon header-elementen selecteert u de selectievakjes die horen bij de elementen die u in de header wilt opnemen. 4. Als u een logoafbeelding wilt verwijderen of u wilt uw eigen logo uploaden, klik dan op de logoafbeelding. 5. Als u de titel of de ondertitel wilt wijzigen, klik dan op het juiste veld in de header en wijzig de tekst naar eigen inzicht. Merk op dat u de titel van de site naar elke willekeurige plek in de header kunt verplaatsen.

Inhoud: Tekst, tabellen, afbeeldingen, video, formulieren en scripts In deze sectie wordt beschreven hoe u uw site kunt vullen met inhoud en hoe u deze kunt uitbreiden met handige functies via de modules van de editor.

20


In dit hoofdstuk: Teksten, tabellen, hyperlinks en afbeeldingen ................................................... 20 Ingevoegde video .............................................................................................. 25 Contactformulier ................................................................................................ 25 Blog ................................................................................................................... 26 Reacties achterlaten.......................................................................................... 29 Documenten en andere downloadbare bestanden ............................................ 31 Knoppen voor delen op sociale netwerken ........................................................ 32 Zoekfunctie ....................................................................................................... 32 Webwinkel......................................................................................................... 33 Aangepaste scripts ............................................................................................ 34 Advertentie ........................................................................................................ 35

Teksten, tabellen, hyperlinks en afbeeldingen  Teksten, lijsten, tabellen of afbeeldingen toevoegen aan een specifieke pagina: 1. Ga naar het tabblad Modules, selecteer Teksten & afbeeldingen en sleep de module naar de pagina. 2. Voer tekst in op het scherm en gebruik de pictogrammen op de werkbalk van de module om de tekst op te maken, tabellen, hyperlinks en afbeeldingen toe te voegen. Opmerking Als u een blok met tekst en afbeeldingen wilt toevoegen aan alle pagina's van een site, ga dan naar het tabblad Modules, selecteer Tekst & afbeeldingen voor de hele site en sleep de module naar de pagina. De werkbalk van de module Tekst & afbeeldingen biedt toegang tot de volgende hulpprogramma's en functies.


21

1. Verplaatsen van het blok met de tekst en afbeeldingen binnen de webpagina. 2. Verwijderen van het blok met alle inhoud. 3. Opslaan van wijzigingen. 4. Annuleren van de gemaakte wijzigingen. 5. Verplaatsen van de werkbalk. 6. Selectie van de stijl en het lettertype van alinea's. 7. Selectie van de lettergrootte. 8. Selecteer het lettertype: vet, cursief, onderstreept en met een lijn erdoor. 9. Selectie van de kleur van de tekst en de achtergrond. 10. Selecteer de uitlijning van de tekst: links, midden, rechts of uitgevuld (waarbij zowel de linker- als de rechtermarge wordt geraakt, met toegevoegde extra spaties tussen de woorden). 11. Het meer of minder laten inspringen van alinea's. 12. Starten van een lijst met nummers of opsommingtekens. 13. Invoegen van een tabel met een specifiek aantal rijen en kolommen. Nadat u een tabel hebt ingevoegd, komt er een aantal aanvullende pictogrammen in de werkbalk beschikbaar. Gebruik deze voor het wijzigen van de eigenschappen van de rijen en cellen van de tabel, voor het toevoegen van rijen en kolommen en voor het splitsen en samenvoegen van cellen. 14. Invoegen van symbolen die u niet op uw toetsenbord kunt vinden, zoals de tekens voor copyright en trade mark en andere Unicode-karakters. 15. Invoegen van een horizontale lijn. 16. Bewerken van de HTML-broncode van de pagina. 17. Ongedaan maken en opnieuw uitvoeren van wijzigingen. 18. Toevoegen en verwijderen van hyperlinks naar webpagina's binnen of buiten uw eigen site. Invoegen van HTML-ankers in specifieke delen van webpagina, zodat u vanaf andere pagina's direct naar de betreffende sectie kunt doorlinken. 19. Invoegen van een afbeelding, de grootte daarvan aanpassen, opgeven van een alternatieve tekst en instellen van de omloop van de tekst rond de afbeelding. De alternatieve tekst wordt in plaats van de afbeelding weergegeven in browsers die geen afbeeldingen ondersteunen of die zijn ingesteld om geen afbeeldingen te tonen. Als u meerdere foto's op dezelfde pagina wilt tonen, overweeg dan gebruik te maken van de module Afbeeldingsgalerie in plaats van Tekst & afbeeldingen. Met de Afbeeldingsgalerie kunt u foto's uploaden vanaf uw eigen computer of gebruik maken van foto's die zijn gepubliceerd met de fotopublicatiedienst Picasa Webalbums.

 Een afbeeldingsgalerie aan uw site toevoegen en foto's uploaden: 1. Ga naar het tabblad Modules, selecteer Afbeeldingsgalerie en sleep de module naar de pagina.

22


2. In de instellingen van de module, op het tabblad Afbeeldingsopslag, kunt u selecteren waar u uw foto's wilt opslaan: 

Als u geen Picasa Webalbums-account hebt dat u wilt gebruiken, zorg dan dat de optie Web Presence Builder is geselecteerd. Alle afbeeldingen die u op uw site gebruikt worden opgeslagen in uw hostingaccount.



Als u beschikt over een account in Picasa Webalbums en u wilt foto's op uw site gebruiken die u daar hebt opgeslagen, doe dan het volgende:

a. Selecteer de optie Picasa, klik op de link op het tabblad Opslag van afbeeldingen om u bij Google aan te melden en geef Builder toegang tot uw albums. b. Selecteer het album waarvan u de foto's wilt gebruiken of klik op Een nieuw webalbum maken om een nieuw album aan te maken. c. Als u wilt dat Builder afbeeldingen in Picasa Web Albums wist als u deze uit de galerie verwijdert, selecteer dan het selectievakje Afbeeldingen wissen wanneer ik deze uit de galerie verwijder. Wanneer u afbeeldingen naar een galerie uploadt via de Builder-editor, dan worden deze automatisch naar uw Picasa Web Albums-account gekopieert. Als u afbeeldingen uit de galerie verwijdert, dan worden deze alleen gewist in Picasa Webalbums als u de optie Afbeeldingen wissen wanneer ik deze uit de galerie verwijder hebt geselecteerd.

3. (Optionele stap.) Als u de grootte wilt selecteren van de miniatuurafbeeldingen die in de afbeeldingsgalerie worden getoond, klik dan op het tabblad Eigenschappen galerie en selecteer de grootte van de miniatuurafbeeldingen: 

Klein (95 x 75 pixels).



Normaal (140 x 130 pixels). Dit is de standaardinstelling.



Groot (170 x 170 pixels).

4. Om afbeeldingen aan de galerie toe te voegen klikt u op de tekst Klik hier voor het uploaden van uw afbeeldingen, selecteer de afbeeldingen die u wilt uploaden en klik op OK. U kunt meerdere afbeeldingen tegelijk selecteren en uploaden. Alleen afbeeldingen in GIF-, JPEG- en PNG-formaat worden ondersteund. Wij raden u aan afbeeldingen te gebruiken waarvan de grootte is aangepast en die niet groter zijn dan 1024 x 768 pixels. Merk op dat de Afbeeldingsgalerie uit maar één pagina bestaat: als u een groot aantal afbeeldingen toevoegt, dan zal het laden van de pagina een flinke tijd in beslag nemen.

5. Om de titel en omschrijving van een afbeelding te wijzigen, klikt u op de juiste miniatuurafbeelding, vervolgens op de titel of omschrijving, waarna u de tekst kunt bewerken. Als u de standaardtekst volledig verwijdert zal deze niet op uw gepubliceerde website worden getoond, maar nog wel tijdens het bewerken van de site in Builder.


23

 Een afbeelding uit de galerie verwijderen: Plaats de muisaanwijzer boven een miniatuurafbeelding en klik op het pictogram [x].

 Een afbeeldingsgalerie met alle afbeeldingen verwijderen: Plaats de muisaanwijzer boven een galerieblok en klik op Verwijderen.

 Een hyperlink of een link naar een e-mailadres in de tekst invoegen: 1. Selecteer de tekst die u aanklikbaar wilt maken. 2. Op de werkbalk van de module Tekst & afbeeldingen klikt u op het pictogram

.

3. Voer een van de volgende acties uit: 

Om een link naar een andere pagina van uw site toe te voegen selecteert u de optie Een pagina van deze site. In het menu Pagina selecteren selecteert u de pagina van bestemming.



Om een link toe te voegen naar een webpagina of naar een bestand dat zich op een andere site bevindt, selecteert u de optie Een webpagina of een bestand op internet, waarna u het adres opgeeft. Bijvoorbeeld http://voorbeeld.nl.



Om een link toe te voegen naar een document of naar een ander downloadbaar bestand dat u eerder uploadde via Documentbeheer (zoals beschreven in Documenten en andere downloadbare bestanden (op pagina 31)), selecteert u de optie Een document op deze site en u selecteert het bestand van bestemming.



Om een link toe te voegen die een nieuw e-mailbericht opent met een vooraf ingevuld e-mailadres van bestemming, selecteert u de optie Een webpagina of bestand op internet en voert u in mailto:. Bijvoorbeeld mailto:[email protected]. U kunt ook: 

De onderwerpregel van het bericht tevoren instellen. Bijvoorbeeld: mailto:[email protected]?subject=Bericht%20vanaf%2 0de%20website.



Ontvangers toevoegen aan de velden CC en BCC. Bijvoorbeeld: mailto:[email protected]?subject=Bericht%20vanaf%2 0de%[email protected]&bcc=adres2@voorbeel d.nl.



Vooraf tekst instellen die in het bericht zelf moet komen. Bijvoorbeeld: mailto:[email protected]?subject=Bericht%20vanaf%2 0de%20website&body=Dit%20bericht%20is%20verstuurd%20vana f%20de%20site!

Opmerking Spaties moet u vervangen door %20.

24


4. In het menu Link openen in selecteert u waar u wilt dat de pagina van bestemming moet worden geopend. U kunt ervoor kiezen deze in hetzelfde venster te openen, of in een nieuw venster of tabblad van de browser. 5. In het veld Titel geeft u de omschrijving op die moet verschijnen wanneer gebruikers de muisaanwijzer boven de link houden. 6. Klik op OK.


25

Ingevoegde video U kunt op de pagina's van uw website video's invoegen die zijn geplaatst op populaire websites voor het delen van video , zoals YouTube (youtube.com), Vimeo (vimeo.com), MySpace (myspace.com) en Dailymotion (dailymotion.com).

 Een video in een webpagina invoegen: 1. Ga naar het tabblad Modules, selecteer Ingevoegde video en sleep de module naar de pagina. 2. Geef de link op naar de video of selecteer de optie Code invoegen als u de invoegcode hebt overgenomen van een site voor het delen van bestanden; plak de code vervolgens in het juist veld. 3. Klik op OK.

 Een video verwijderen: Plaats de muisaanwijzer boven een video en klik op Verwijderen.

Contactformulier Als u wilt dat bezoekers u rechtstreeks vanaf uw site berichten kunnen sturen, dan kunt u een contactformulier toevoegen.

 Een contactformulier toevoegen: 1. Ga naar het tabblad Modules, selecteer Contactformulier en sleep de module naar de pagina. 2. Op het tabblad Instellingen geeft u het volgende op: 

E-mailadres van de ontvanger. U kunt slechts één e-mailadres opgeven.



Onderwerp van bericht.



De tekst die moet worden getoond op de knop die het bericht verstuurt.

3. Als u invoervelden van het formulier wilt toevoegen, verplaatsen of verwijderen, of u wilt de labels wijzigen, klik dan op het tabblad Velden en voer de vereiste wijzigingen door. 4. Voor het wijzigen van het standaardbericht "Uw reactie is verstuurd. Dank voor uw feedback", dat wordt getoond na het verzenden van een bericht, klikt u op het tabblad Antwoord waar u een nieuwe tekst kunt opgeven. 5. Klik op OK.

 Een contactformulier verwijderen:

26


Plaats de muisaanwijzer boven het formulier en klik op Verwijderen.

Blog Als u een online dagboek op uw site wilt bijhouden, of regelmatig artikelen publiceert over een bepaald onderwerp en u wilt deze automatisch in chronologische volgorde plaatsen, dan hebt u een blog nodig. Een blogmodule kan alleen worden toegevoegd aan pagina's van het eerste niveau die niet over subpagina's beschikken. In een blogpost kunt u tekst, afbeeldingen, ingesloten video's en scripts gebruiken. Elke blogpost kan zijn eigen onderscheidende paginaomschrijving hebben en meta-informatie die door zoekmachines wordt gebruikt. Merk op dat blogposts niet worden weergegeven op het tabblad Pagina's (op pagina 12). Om uw bezoekers te laten reageren op uw blogposts moet u zich registreren bij Disqus, een gratis dienst die deze functie voor uw site mogelijk maakt en waar de reacties ook worden opgeslagen.

 Een blog aan uw webpagina toevoegen: 1. Ga naar het tabblad Modules, selecteer Blog en sleep de module naar de pagina. 2. Geef in de eigenschappen van de module het volgende op: 

Aantal blogposts dat op de pagina moet worden getoond.



Geef aan of bezoekers van de site reacties moeten kunnen achterlaten.

3. Klik op OK. 4. Om het achterlaten van reacties mogelijk te maken klikt u op de link Klik hier om een nieuwe blogpost toe te voegen. 5. Klik in het grijze informatieveld onder de lege blogpost. 6. Om u bij Disqus aan te melden klikt u op de knop Registreren. Er zal een registratieformulier worden geopend in een nieuw venster of tabblad van de browser. 7. Geef de volgende gegevens op: 

De URL van uw site, de gewenste naam en een shortname (uniek kenmerk). U hebt dit sitekenmerk (shortname) later nodig voor de instellingen van de blogmodule om het achterlaten van reacties mogelijk te maken.



De gebruikersnaam van de reactiemoderator, wachtwoord en e-mailadres. U ontvangt een bevestigingbericht op dit e-mailadres; zorg er dus voor dat u een geldig adres opgeeft.

8. Klik op Doorgaan. 9. Geef uw taal op en andere instellingen en klik op Continue.


27

10. In de laatste stap van het registratieformulier hoeft u niets te doen. U kunt gewoon de site van Disqus verlaten. 11. Zoek in uw e-mail naar het bevestigingsbericht van Disqus. In dit bericht klikt u op een link om uw adres te bevestigen. 12. Keer terug naar het browservenster waarin de Bouwer-editor is geopend met daarin de eigenschappen van de blogmodule. 13. In het veld met de naam Pas hier het websitekenmerk (shortname) toe die u tijdens de registratie hebt ontvangen voert u het sitekenmerk in (of u plak deze vanaf het klembord) die u hebt opgegeven tijdens de registratie bij Disqus in stap 7. 14. Klik op Toepassen. 15. Klik op OK. U blog zal nu reacties van bezoekers accepteren en u kunt u eerste bericht posten.

 Een blogpost toevoegen: 1. Ga naar de pagina van de website dat de blogmodule bevat. 2. Klik op de link Klik hier om een nieuwe blogpost toe te voegen (kan ook verschijnen als Nieuwe titel van post). 3. Geef de titel en de tekst van de post op. Als u de datum van de post wilt wijzigen, klik dan in het veld Gepost dd.mm.jj en selecteer een datum op de kalender. Als uw bericht lang is en veel tekstblokken, afbeeldingen en ingesloten video's bevat, dan wilt u wellicht alleen het eerste deel van de post aan uw sitebezoekers tonen op de hoofdpagina van uw blog. Om dit te doen kunt u bij het bewerken van een post de scheidingsmarkering (met de regel -------- Sleep dit boven de modules die niet in de lijst met posts moeten verschijnen --------) naar de gewenste plek.

4. Klik op OK. 5. Elke post bevat een korte omschrijving van de pagina die wordt weergegeven in de resultaten van zoekmachines en een lijst met trefwoorden waarmee de pagina wordt gevonden. Als u deze wilt bekijken, bewerken of verwijderen, klik dan in een leeg gebied aan de rechterkant van de titel van de post. Klik vervolgens op het tabblad SEOinstellingen. Merk op dat: Linknaam van post is een vereist veld. Meta-omschrijving en Metatrefwoorden zijn optionele velden. Wanneer u sleutelwoorden voor een pagina opgeeft, dan moeten deze - zonder spaties - door komma's worden gescheiden.

6. Om terug te keren naar de hoofdpagina van uw blog klikt u op de link Terug onder de post die u net hebt aangemaakt.

 Een blogpost verwijderen:

28


1. Ga naar de pagina van de website dat de blogmodule bevat. 2. Plaats de muisaanwijzer boven de titel van de post en klik op Verwijderen. 3. Klik Ja om de verwijdering te bevestigen.

 Een blogpost bewerken: 1. Ga naar de pagina van de website dat de blogmodule bevat. 2. Klik op de titel van de post. 3. Voer de juiste wijzigingen door en klik op OK.

 En blog verwijderen, inclusief alle tekst en afbeeldingen: 1. Ga naar de pagina van de website dat de blogmodule bevat. 2. Plaats de muisaanwijzer boven de link Klik hier om een nieuwe blogpost toe te voegen en klik op Verwijderen. 3. Klik Ja om de verwijdering te bevestigen.


29

Reacties achterlaten Als u wilt dat de bezoekers van uw site reacties kunnen achterlaten op webpagina's, dan moet u de reactiemodule op die webpagina's invoegen. De reactiefunctie wordt geleverd door Disqus, een afzonderlijke dienst die alle reacties opslaat en verwerkt. Voordat uw bezoekers reacties kunnen achterlaten, moet u een account bij Disqus aanmaken en uw sitekenmerk opgeven in de instellingen van de reactiemodule. U kunt verschillende reactiemodules opnemen in dezelfde website. Omdat alle reactiemodules op de site hetzelfde sitekenmerk gebruiken, hoeft u het sitekenmerk maar één keer op te geven in de instellingen, wanneer u de eerste reactiemodule plaatst.

 De mogelijkheid tot het achterlaten van reacties aan uw webpagina toevoegen: 1. Ga naar het tabblad Modules, selecteer Reacties en sleep de module naar de pagina. 2. Als u nog geen account bij Disqus hebt aangemaakt, klik dan op de knop Registreren. Er zal een registratieformulier worden geopend in een nieuw venster of tabblad van de browser. 3. Geef de volgende gegevens op: 

De URL van uw site, de gewenste naam en een shortname (uniek kenmerk). U hebt dit sitekenmerk (shortname) later nodig voor de instellingen van de reactiemodule om het achterlaten van reacties mogelijk te maken.



De gebruikersnaam van de reactiemoderator, wachtwoord en e-mailadres. U ontvangt een bevestigingbericht op dit e-mailadres; zorg er dus voor dat u een geldig adres opgeeft.

4. Klik op Continue. 5. Geef uw taal op en andere instellingen en klik op Continue. 6. In de laatste stap van het registratieformulier hoeft u niets te doen. U kunt gewoon de site van Disqus verlaten. 7. Zoek in uw e-mail naar het bevestigingsbericht van Disqus. In dit bericht klikt u op een link om uw adres te bevestigen. 8. Keer terug naar het browservenster waarin de Bouwer-editor is geopend met daarin de eigenschappen van de reactiemodule. 9. In het veld met de naam Pas hier het websitekenmerk (shortname) toe die u tijdens de registratie hebt ontvangen voert u het sitekenmerk in (of u plak deze vanaf het klembord) die u hebt opgegeven tijdens de registratie bij Disqus in stap 3. 10. Klik op Toepassen.

30


11. Klik op OK. U kunt nu uw website publiceren binnen uw hostingaccount en de eerste reacties van uw bezoekers ontvangen. Naast het toevoegen en bekijken van opmerkingen kunt u het volgende doen: 

Reacties bewerken.



Reacties verwijderen.



Reacties als spam markeren.



Gebruikers blokkeren (via e-mail- of IP-adres), zodat zij geen reacties op uw site meer kunnen achterlaten.

 Reacties modereren: 1. Meldt u bij Disqus aan als de beheerder (administrator) van de site. U hebt daarvoor verschillende opties: 

Ga naar de Disqus-site op www.disqus.com en meldt u hier aan.



In de nieuwe Builder-editor, gaat u naar de pagina waar de reactiemodule zich bevindt en daarbinnen klik u op het veld Nieuwe reactie toevoegen. Klik op de knop Posten als, klik op de Disqus-link in het linker navigatiepaneel, geef uw gebruikersnaam en wachtwoord op en klik op Aanmelden.

2. Nadat u bij Disqus bent aangemeld kunt u reacties modereren op een van de volgende manieren: 

Op de Disqus-site gebruikt u de opties onder Dashboard en Admin.



In de Builder-editor of op de gepubliceerde site, gaat u naar de pagina waar de reactiemodule zich bevindt, u plaatst de muisaanwijzer boven de reactie die u wilt modereren en u gebruikt de link Modereren die naast de reactie zal verschijnen.

Als alternatief kunt u reacties modereren door de links te gebruiken in de mededelingen die Disqus u stuurt wanneer iemand een reactie op uw site achterlaat.

 De mogelijkheid tot het achterlaten van reacties van uw webpagina verwijderen: 1. Ga in de Builder-editor naar de pagina van uw website waar de reactiemodule zich bevindt. 2. Plaats de muisaanwijzer boven het veld Nieuwe reactie toevoegen en klik op Verwijderen. 3. Klik Ja om de verwijdering te bevestigen.


31

Documenten en andere downloadbare bestanden De editor biedt nu een handig paneel om binnen uw hosting account met bestanden te werken. U kunt uw documenten, afbeeldingen en andere bestanden in verschillende formaten uploaden via de editor (vanaf het tabblad Documenten) om vervolgens links naar deze bestanden op te nemen in uw webpagina's. Of u kunt deze gewoon in uw hostingaccount laten staan voor uw eigen gebruik.

 Een bestand uploaden naar uw hostingaccount: 1. Ga naar het tabblad Documenten. 2. Klik op Uploaden. 3. Selecteer het bestand en klik op Openen. Om de bezoekers van uw site de mogelijkheid te geven dit bestand te downloaden, kunt u een link in een webpagina opnemen.

 Een link naar een bestand invoegen: 1. Selecteer de tekst die u aanklikbaar wilt maken. 2. Op de werkbalk van de module Tekst & afbeeldingen klikt u op het pictogram

.

3. Selecteer de optie Een document op deze site. 4. Selecteer uw bestand en klik op OK.

 Een bestand uit uw hostingaccount verwijderen: 1. Ga naar het tabblad Documenten. 2. Selecteer het bestand en klik op Verwijderen. 3. Bevestig de verwijdering en klik OK.

32


Knoppen voor delen op sociale netwerken Als u wilt dat uw bezoekers op een eenvoudige manier de inhoud van uw website kunnen delen via sociale netwerken of online bookmarkdiensten, dan kunt u een balkje invoegen met knoppen voor het delen op Facebook, Twitter, Myspace en andere populaire diensten.

 De balk Delen via sociale media aan een webpagina toevoegen: 1. Ga naar het tabblad Modules, selecteer Sociaal delen en sleep de module naar de pagina. 2. Selecteer de weergave van de balk. 3. Als u de lijst met sociale netwerken en andere diensten die op de balk worden weergegeven wilt aanpassen, dan plaatst u de muisaanwijzer boven het pictogram [+] en klikt u op de link Instellingen. De wijzigingen die u doorvoert in de lijst van diensten wordt zichtbaar na het publiceren van de site.

4. Klik op OK. Merk op dat: Wanneer iemand uw informatie op Twitter deelt door gebruik te maken van de Tweet-knop, dan zal de Tweets-teller niet direct oplopen. Het kan een aantal uur duren voordat de teller wordt bijgewerkt.

 De balk Delen via sociale media verwijderen: Plaats de muisaanwijzer boven de balk en klik op Verwijderen.

Zoekfunctie Als u wilt dat uw bezoekers naar informatie op uw website kunnen zoeken, dan kunt u een zoekfunctie aan de site toevoegen. Als u de zoekfunctie aan een webpagina hebt toegevoegd, dan is deze automatisch beschikbaar op alle pagina's van de site. Standaard is de zoekfunctie ingesteld om de zoekmachine Google te gebruiken. Als u liever een andere zoekmachine gebruikt, dan kunt u de scriptcode daarvan verkrijgen en plaatsen in de module Zoeken.

 Een zoekfunctie aan de site toevoegen: 1. Ga naar het tabblad Modules, selecteer Zoeken en sleep de module naar de pagina. 2. Voer een van de volgende acties uit: 

Als u de zoekdiensten van Google wilt gebruiken, laat dan de optie Google geselecteerd.




33

Als u liever een andere zoekmachine gebruikt, selecteer dan Overig en plak hier de code die u hebt gekregen van de alternatieve dienst. Zorg ervoor dat de code die u invoegt correct is, aangezien Builder deze niet voor u controleert.

3. Klik op OK. De zoekbalk zal na publicatie op uw site verschijnen.

 De zoekfunctie verwijderen: Plaats de muisaanwijzer boven de zoekbalk en klik op Verwijderen.

Webwinkel Als u via uw site producten of diensten wilt verkopen, dan kunt de modules Webwinkel en Winkelwagen toevoegen voor volledige webwinkelfunctionaliteit. U hoeft maar een winkel per site toe te voegen. De winkelfunctionaliteit wordt geleverd door Ecwid - een bedrijf dat softwarediensten (SaaS-oplossingen) aanbiedt om op een veilige manier al uw gegevens op te slaan en te verwerken, inclusief productcatalogussen met afbeeldingen, bestellingen en betalingen van klanten.

 Een webwinkel aan uw site toevoegen: 1. Ga naar het tabblad Modules, selecteer Webwinkel en sleep de module naar de pagina. 2. Maak een account aan via Ecwid als u daar nog niet over beschikt, of geef het kenmerk op van een bestaande Ecwid-winkel die u op uw site wilt weergeven. Als u nog geen account bij Ecwid hebt, doe dan het volgende:

a. Ga naar het tabblad Algemeen in de instellingen van de module en selecteer de optie Registeren bij Ecwid. b. Voer uw naam in, uw e-mailadres en uw wachtwoord. U gebruikt het e-mailadres en wachtwoord om u bij Ecwid aan te melden en uw winkel te beheren. c. Klik op Versturen. Er zal een bevestiging van Ecwid naar uw emailadres worden verstuurd. U hebt drie dagen om te bevestigen dat u inderdaad de houder van dit e-mailadres bent. Doet u dat niet, dan zal de webwinkel worden gedeactiveerd. Als u al beschikt over een account bij Ecwid, selecteer dan de optie Kenmerk van een bestaande winkel opgegeven, geef het kenmerk van de winkel op en klik op Toepassen.

34


3. (Optionele stap.) Als u wilt dat uw klanten artikelen aan de winkelwagen kunnen toevoegen door deze naar een pictogram van een boodschappentas te slepen, gaat u naar het tabblad Modules, u selecteert de module Winkelwagen en sleept deze naar de pagina. Merk op dat de boodschappentas zal worden toegevoegd aan alle pagina's van uw site. Als u dat niet wilt, dan moet u de module Winkelwagen niet gebruiken. Uw klanten kunnen nog steeds artikelen aan de winkelwagen toevoegen en deze afrekenen door te klikken op de link Booschappentas, die bovenin de ruimte van de productcatalogus verschijnt.

4. (Optionele stap.) Als u de weergave van de productcatalogus wilt wijzigen, dan gaat u in de instellingen van de module naar het tabblad Weergave. 5. Om uw winkel in te stellen vult u de productcatalogus met artikelen en verwijdert u de standaard vruchten en groentes die zijn toegevoegd door Ecwid; klik daartoe op de link Beheren in de werkbalk van de module. Het configuratiescherm van Ecwid zal in een nieuw venster of tabblad van de browser worden geopend.

6. Nadat u de winkel hebt ingesteld in het paneel van Ecwid, keert u terug naar de Builder-editor en klikt u op de link Opnieuw laden in de werkbalk van de webwinkel-module. U moet de link Opnieuw laden gebruiken om de inhoud van uw webwinkel te synchroniseren met uw webwinkel bij Ecwid.

7. Klik op OK om het instellen van de webwinkel te voltooien.

 Een webwinkel beheren: Plaats de muisaanwijzer boven de productcatalogus en klik op Beheren. Het configuratiescherm van Ecwid zal in een nieuw venster of tabblad van de browser worden geopend.

 Een webwinkel verwijderen: Plaats de muisaanwijzer boven de productcatalogus en klik op Verwijderen.

Aangepaste scripts U kunt uw eigen scripts toevoegen aan elke pagina van de website, zolang deze zijn geschreven in PHP, JavaScript of VBScript.

 Een script aan een webpagina toevoegen: 1. Ga naar het tabblad Modules, selecteer Script en sleep de module naar de pagina. 2. Plak de code in het invoerveld.


35

Gebruik voor PHP de openingstag
3. Klik op OK. Uw code is alleen actief op een gepubliceerde website.

 Een script verwijderen: Plaats de muisaanwijzer boven het scriptblok en klik op Verwijderen.

Advertentie Als u deelneemt aan een programma voor het uitwisselen van banners of een ander online advertentieprogramma, dan wilt u wellicht een advertentieblok aan uw site toevoegen. Als u een blok aan een webpagina hebt toegevoegd, dan is deze automatisch beschikbaar op alle pagina's van uw site.

 Een advertentieblok toevoegen: 1. Ga naar het tabblad Modules, selecteer Advertentie en sleep de module naar de pagina. 2. Plak de code die u van uw advertentieleverancier hebt gekregen in het invoerveld. Zorg ervoor dat de code die u in dit veld invoegt correct is, aangezien Builder deze niet voor u controleert. Bij sommige leveranciers van advertenties moet u eerst uw account valideren.

3. Klik op OK. Advertenties zullen pas na publicatie op uw website verschijnen.

 Een advertentieblok verwijderen: Plaats de muisaanwijzer boven het blok en klik op Verwijderen.

Instellingen en hulpprogramma's voor webmasters In deze sectie wordt beschreven hoe u de volgende taken kunt uitvoeren: 

Wijzigen van de naam van de website, de omschrijving en trefwoorden.



Uploaden van een sitepictogram voor uw website:



Maak uw website beter zichtbaar in de resultaten van zoekmachines en voeg verschillende diensten voor zoekmachines toe.

36




Voorkomen dat bepaalde pagina's of delen van uw website door zoekmachines worden geïndexeerd en weergegeven in de zoekresultaten.

 De naam, omschrijving en sleutelwoorden van uw website bewerken: 1. Ga naar het tabblad Instellingen > Basis. 2. Geef de naam van uw website op; dit is wat bezoekers zien als titel van het browservenster wanneer zij uw website bezoeken. 3. Om zowel de naam van uw website naam als de naam van de huidige pagina in de browser weer te geven en om uw website beter te zichtbaar te maken in zoekmachines, selecteert u het selectievakje Naam van website aan paginatitles toevoegen. 4. Voeg een korte omschrijving van uw website toe (maximaal 255 karakters). Deze omschrijving zal worden gebruikt als standaardomschrijving voor nieuwe pagina's. Dit zal door zoekmachines worden getoond als mensen uw website zien in hun zoekresultaten.

5. Geef een lijst op van sleutelwoorden die uw website goed omschrijven (10 tot 15 sleutelwoorden wordt aanbevolen). Deze sleutelwoorden zullen worden gebruikt als standaard sleutelwoorden voor nieuwe pagina's. Sleutelwoorden worden door zoekmachines geanalyseerd en gebruikt om uw website te tonen als mensen op deze woorden zoeken.

6. Klik OK om de wijzigingen op te slaan. Een sitepictogram is een klein pictogram dat wordt weergegeven in de adresbalk van de browser als u een site bezoekt en naast de naam van de website in de lijst met Favorieten in de browser. Er is een groot aantal hulpprogramma's online beschikbaar waarmee u een sitepictogram kunt aanmaken; u kunt deze vervolgens hier uploaden. Alle bezoekers van uw website zullen dit sitepictogram zien.

 Een sitepictogram voor uw website uploaden: 1. Ga naar het tabblad Instellingen > Basis. 2. Klik op Bladeren en selecteer het sitepictogram dat u wilt uploaden. Het sitepictogram zal naar de server worden gekopieerd. 3. Klik OK om de wijzigingen op te slaan.

 Een sitepictogram van uw website verwijderen: 1. Ga naar het tabblad Instellingen > Basis. 2. Klik op Verwijderen in de sectie Sitepictogram. Het sitepictogram zal worden verwijderd. 3. Klik OK om de wijzigingen op te slaan.


37

De meeste zoekmachines vereisen dat u bewijst dat u de houder van de site bent wanneer u uw website registreert of als u zich intekent voor ondersteunende diensten voor webmasters. Verificatie gebeurt normaal gesproken middels het uploaden of aanmaken van een bestand met een specifieke bestandsnaam.

 Bewijzen dat u de houder van de website bent: 1. Ga naar het tabblad Instellingen > Geavanceerd. 2. Lever het verificatiebestand aan: 

Als u de naam kent van het verificatiebestand dat door een zoekmachine wordt gevraagd, geef deze naam dan op in het veld Verificatiebestand aanmaken en klik op OK. Builder zal deze op de juiste plek aanmaken.



Als u uw verificatiebestand al hebt gedownload van de zoekmachine, upload deze dan via het veld Verificatiebestand uploaden en klik op OK.

3. Nadat het verificatiebestand is aangemaakt of naar de server is gekopieerd en uw website is gepubliceerd, bevestig dan dat u houder van de site bent op de website van de zoekmachine. 4. Klik OK om de wijzigingen op te slaan.

 De HTML-code van de sectie van uw website aanpassen (bijvoorbeeld omdat u een metacode voor verificatie van het sitehouderschap wilt toevoegen): 1. Ga naar het tabblad Instellingen van het hoofdmenu van Builder en vervolgens naar het subtabblad Geavanceerd. 2. Klik op Metagegevens bewerken. 3. Geef de code op in het veld dat u ziet en klik op Toevoegen. Opmerking Alleen geldige HTML-tags die volgens de HTML-standaard in de -sectie kunnen worden gebruikt worden ondersteund. De wijziging van metagegevens wordt pas zichtbaar nadat u uw website hebt gepubliceerd.

4. Klik OK om de wijzigingen op te slaan. Google Analytics is een hulpprogramma dat u in staat stelt meer te weten te komen over uw bezoekers. Nadat u zich bij Google Analytics hebt aangemeld en de vereiste code hebt gekregen kunt u Google Analytics aan uw website toevoegen.

 Google Analytics aan uw website toevoegen: 1. Registreer u bij Google Analytics en zorg dat u de juiste code voor uw website verkrijgt. 2. Ga naar het tabblad Instellingen > Geavanceerd. 3. Klik op Google Analytics invoegen.

38


4. Geef de code die u van Google Analytics hebt ontvangen op in het juiste veld en klik op Toevoegen. Opmerking Google Analytics zal pas werken nadat u uw website hebt gepubliceerd.

5. Klik OK om de wijzigingen op te slaan. Sommige zoekmachines vragen u een sitemap op te geven voor analyse en optimalisatie. U kunt uw sitemap downloaden uit de Builder-editor.

 De sitemap van uw website downloaden: 1. Ga naar het tabblad Instellingen > Geavanceerd. 2. Klik op Sitemap downloaden. 3. Klik op OK om het bestand sitemap.xml te downloaden. Om te voorkomen dat zoekmachines bepaalde pagina's indexeren kunt u opdrachten geven in het bestand robots.txt. Dit bestand wordt opgeslagen in het hostingaccount waarbinnen uw site is gepubliceerd.

 Voorkomen dat zoekmachines bepaalde delen van uw website in hun index opnemen: 1. Ga naar het tabblad Instellingen > Geavanceerd. 2. Klik op de link Robots.txt bewerken. 3. Geef uw opdrachten op in het invoerveld. Plaats elke opdracht op een nieuwe regel. Als u bijvoorbeeld wilt voorkomen dat welke robot of crawler dan ook de inhoud van de map /private of het bestand /mijn_geheim.html uit uw hostingaccount opneemt in de zoekindex, voeg dan de volgende regels toe: User-agent: * Disallow: /private/ Disallow: /mijn_geheim.html Meer informatie over het bestand robots.txt en de opdracht die u daarin kunt geven vindt u op de site http://www.robotstxt.org/robotstxt.html.

HOOFDSTUK 5

Een kopie van een website opslaan en terugplaatsen Wanneer u wijzigingen aanbrengt in het design of de inhoud van een website, dan kunt u verschillende kopieën van elke site op de server opslaan om de site vanuit deze reservekopieën terug te plaatsen (deze reservekopieën worden snapshots genoemd). Het opslaan van kopieën van sites kan nuttig zijn in gevallen als de volgende: 

U wilt verschillende versies maken van dezelfde website, zodat u deze later kunt laden om ze met elkaar te vergelijken, het beste design of de meest geslaagde versie uit te kiezen om die op internet te publiceren.



U wilt grote wijzigingen doorvoeren of experimenteren met het design of de inhoud van de site en u wilt er zeker van zijn dat u de wijzigingen zonder problemen weer ongedaan kunt maken als er iets misgaat.

Opmerking Afbeeldingen uit de module Afbeeldingsgalerie worden niet in snapshots opgeslagen. Afbeeldingen worden opgeslagen binnen uw hostingaccount of in Picasa Webalbums (dit kunt u zelf aangeven).

 Het huidige design en de inhoud van een site opslaan: 1. In het hoofdmenu van de Builder-editor klikt u op het pictogram de optie Opslaan.

naast

Opmerking Als u klikt op Opslaan dan wordt er een snelle kopie van uw site opgeslagen onder de naam auto-saved snapshot. U kunt de site later weer terugplaatsen vanuit deze reservekopie, door de klikken op Herstellen in het hoofdmenu.

2. In de lijst die wordt geopend selecteert u een beschikbare opening, u geeft de reservekopie een naam en klikt ten slotte op Opslaan.

 Een site terugplaatsen vanuit een opgeslagen kopie: 1. In het hoofdmenu van de Builder-editor klikt u op het pictogram de optie Terugplaatsen.

naast

Opmerking Als u op Terugplaatsen klikt, dan zal een site worden teruggeplaatst vanuit de snelle reservekopie die is gemaakt toen u de laatste keer op Opslaan klikte.

2. In de lijst die wordt geopend selecteert u de juiste kopie van de site en u klikt op Laden. 3. Klik op Ja om het terugplaatsen te bevestigen.

40

Een kopie van een website opslaan en terugplaatsen

 Een kopie van de site downloaden: 1. In het hoofdmenu van de Builder-editor klikt u op het pictogram de optie Opslaan.

naast

2. Zoek de kopie die u wil downloaden en klik op het pictogram (Downloaden). 3. Selecteer de map op uw computer waar u het bestand wilt opslaan en klik OK.

 Een kopie van de site uploaden: 1. In het hoofdmenu van de Builder-editor klikt u op het pictogram de optie Terugplaatsen. 2. Klik op het pictogram wilt uploaden.

naast

(Uploaden) naast de positie waarnaar u het

3. Blader naar het snapshotbestand in het SSB-formaat and selecteer deze. 4. Als u een site wilt terugplaatsen vanuit de snapshot die u naar de server hebt gekopieerd, selecteer dan de juiste site en klik op Laden.

 Een sitekopie verwijderen: 1. In het hoofdmenu van de Builder-editor klikt u op het pictogram de optie Opslaan. 2. Zoek de site die u wilt verwijderen en klik op het bijbehorende pictogram (Verwijderen).

naast

HOOFDSTUK 6

Een website op internet publiceren Als het ontwerp van uw website en de informatie die u via uw site wilt openbaren klaar zijn voor publicatie op internet, klik dan op Publiceren in de rechter bovenhoek van het hoofdmenu. Builder zal uw website automatisch publiceren op de locatie die door uw hostingprovider is bepaald.

HOOFDSTUK 7

Een kopie van een website op Facebook publiceren Na publicatie van een site op internet kunt u meer bezoekers aantrekken door een kopie van uw site te plaatsen op de populaire sociale netwerksite Facebook (www.facebook.com). In de kopie van de site op Facebook zal de meeste inhoud van uw site worden overgenomen. Echter, de volgende wijzigingen zullen worden toegepast op het design en de indeling: 

Er worden geen headers, zijbalken of footer weergegeven.



Het navigatiemenu kan alleen bovenin de pagina's van de site worden getoond.



De pagina kan niet breder zijn dan 520 pixels. Voor pagina's die toch breder zijn dan 520 pixels zal een horizontale schuifbalk worden weergegeven.



Het lettertype, de grootte en de kleur zal worden aangepast aan het design van Facebook, tenzij de eigenschappen van het lettertype speciaal door de sitehouder in de Builder-editor zijn geselecteerd.



Afbeeldingsgaleries, webwinkels en links voor het delen van informatie via sociale netwerksites zullen niet worden getoond.

 Wanneer u een kopie van uw site aan Facebook wilt toevoegen, doe dan het volgende: 1. Klik in het hoofdmenu op het tabblad Instellingen > Sociale media. 2. Zorg dat het selectievakje Een kopie van mijn site op Facebook tonen is geselecteerd. 3. Klik op de link Een kopie van uw site aan Facebook toevoegen. De startpagina van Facebook zal worden geopend in een nieuw venster of tabblad van de browser. 4. Om u bij uw Facebook-account aan te melden geeft u uw e-mailadres en wachtwoord op en klikt u op Aanmelden. 5. Als u nog niet over een Facebook-pagina beschikt waarop u de kopie van de site wilt tonen, maak deze dan aan. Daartoe klikt u op Nu aanmaken; volg daarna de aanwijzingen op het scherm. Als uw pagina is aangemaakt keert u terug naar de pagina van Parallels Web Presence Builder op Facebook, die wordt weergegeven in een ander venster of tabblad van de browser. 6. Klik op Parallels Web Presence Builder-toepassing toevoegen. Deze toepassing verzorgt de synchronisatie van uw website op uw hostingaccount en de kopie op Facebook.

Een kopie van een website op Facebook publiceren

43

7. Om te bevestigen dat u uw toepassing aan uw pagina wilt toevoegen, klikt u op Parallels Web Presence Builder toevoegen. De kopie van uw site is nu toegevoegd. Om deze kopie te bekijken klikt u op de link Website in het navigatiepaneel van Facebook dat u ziet aan de linkerkant. Wanneer u veranderingen in uw site aanbrengt en deze opnieuw via de Builder-editor publiceert, dan zal ook uw Facebook-pagina worden aangepast.

 Om een kopie van een site van Facebook te verwijderen doet u het volgende: 1. Klik in het hoofdmenu van de Builder-editor op het tabblad Instellingen > Sociale media. 2. Zorg dat het selectievakje Een kopie van mijn site op Facebook tonen niet is geselecteerd. 3. Klik op Ja om te bevestigen. 4. Ga naar uw Facebook-pagina en verwijder hier de toepassing Parallels Web Presence Builder.

HOOFDSTUK 8

Een website verwijderen Wanneer u een site verwijdert via de Builder-editor, dan worden alleen het huidige siteontwerp dat in de editor is geopend verwijderd en de opgeslagen kopieën (snapshots) van de site. De kopie van de site die binnen uw hostingaccount is gepubliceerd zal niet worden verwijderd.

 De huidige kopie van de site uit de editor verwijderen: Selecteer in het hoofdmenu van de Builder-editor Meer > Site verwijderen.

Parallels Plesk Panel. Gebruikershandleiding Parallels Web Presence Builder 10.4

Recommend Documents