Video training lekker makkelijk!

U bent de webmaster... echt waar!

Deze pagina is bedoeld om u snel op weg te helpen met MeesterWeb.
Mocht u toch nog vragen hebben omtrent het gebruik van MeesterWeb, mail dan naar team@meesterlijk.nl
Print deze uitleg, klik icoontje > > Print deze pagina

Als eerste willen wij u opmerkzaam maken over de de ingebouwde Help functie van MeesterWeb. Deze Help functie ziet u rechtsboven in uw MeesterWeb scherm. Door er op te klikken opent er een klein gecentreerd scherm. Hier vindt u uitleg over het gebruik van de Editor die opent als u klikt op de link 'Wijzig' achter een pagina in MeesterWeb.

Het principe
Met MeesterWeb kunt u nieuwe webpagina's maken op basis van een sjabloon [Template] en ook deze pagina's, of reeds bestaande pagina's hiermee aanpassen.

Een website bestaat uit een reeks van pagina's die tekst, afbeeldingen en [hyper]links kunnen bevatten.
Zo is het in de regel zo, dat iedere pagina in een website een 'menu', of ook wel 'navigatie-links' heeft. Dit menu bevat links naar de diverse pagina's die de website omvat. Alle MeesterWeb sjablonen hebben een 'menu' voorzien van standaard benoemde hoofdstuknamen. Deze hoofdstuknamen kunt u indien gewenst zelf wijzigen, door te tekst te selecteren en te vervangen met uw eigen tekst [hoofdstuknaam]. Telkens als u een 'Nieuwe Pagina' maakt met MeesterWeb en deze baseert op een sjabloon voorzien van zijn eigen standaard menu, zal u naast de standaard inhoud van deze pagina, ook het menu moeten aanpassen. In feite is een sjabloon een stempel die u telkens afdrukt en later naar wens weer aanpast.



Een voorbeeld
In dit voorbeeld maken we een website van 5 pagina's [incl. homepage] gebaseerd op het template 'simple2.html'
Deze website heeft de volgende hoofdstukken, met daarachter de bestandsnaam waarmee we dadelijk de pagina's zullen opslaan:

  • HOMEPAGE [index.html]
  • PRODUCTEN [producten.html]
  • DIENSTEN [diensten.html]
  • OVER ONS [overons.html]
  • CONTACT [contact.html]

In dit voorbeeld maken we slechts 5 pagina's.
U kunt met MeesterWeb uiteraard indien gewenst, veel méér pagina's maken voor uw website, zoveel als uw hosting account toelaat!

Stap 1. Klik onderin MeesterWeb op de knop 'Nieuwe Pagina' en een volgend scherm opent.

Stap 2. Selecteer het template 'SIMPLE2.HTML'. In het rechter gedeelte van uw scherm ziet u nu een voorbeeld van het geselecteerde template.

Stap 3. We starten met de pagina genaamd 'producten'. We slaan dus eerst de homepage nog even over, die doen we namelijk als laatste, lees waarom in stap 4.

Type in het veld 'Opslaan als' producten.html [gebruik nooit hoofdletters, of spaties in uw bestandsnamen] en klik op de knop 'OK' en u ziet op uw scherm dat het bestand 'producten.html' succesvol is gemaakt en klikt wederom op de 'OK' knop en komt hierdoor terug in uw startscherm van MeesterWeb, met het overzicht van alle mappen en pagina's. U ziet nu ook de zojuist door u gemaakte pagina 'producten.html' staan. TIP: Om het bestand later makkelijk terug te vinden geeft u het bestand dezelfde naam als waarvoor u het later gaat gebruiken in uw website. U herhaalt stap 3 telkens voor alle hoofdstukken / nieuwe pagina's die u wilt maken. In ons voorbeeld herhaalt u deze stap 3 voor, diensten.html / overons.html / contact.html & in stap 4 ook voor index.html.

Stap 4. Om de nieuwe homepage te kunnen opslaan als index.html, zullen we eerst uw huidige [standaard door Meesterlijk geplaatste] index.html moeten verwijderen. Zorg er eerst voor dat u terugkeert naar uw startscherm van MeesterWeb alwaar u alle mappen en pagina's ziet staan en ga op zoek naar het bestand / pagina: index.html. Verwijder deze pagina door op de link 'Verwijder' te klikken. U krijgt een waarschuwing op uw scherm 'Weet u zeker dat u wilt verwijderen?' en klikt op de 'OK'  knop. Vervolgens ziet u dat index.html succesvol is verwijderd en klikt wederom om de 'OK' knop om terug te keren naar uw startscherm van MeesterWeb. Nu maakt u een nieuwe index.html volgens de procedure in stap 3.

Stap 5. Nu heeft u 5 nieuwe pagina's gemaakt:

  • index.html [dit is uw homepage die u ziet als u gaat naar www.uwdomeinnaam.nl]
  • producten.html
  • diensten.html
  • overons.html
  • contact.html

Zoals gezegd u heeft nu 5x een nieuwe pagina gemaakt, gebaseerd op het template 'SIMPLE2.HTML'. Dit wil zeggen dat u 5x DEZELFDE pagina heeft gemaakt, ofwel 5x heeft "gestempeld" met sjabloon 'SIMPLE2.HTML'. Nu is het dus noodzakelijk iedere pagina te gaan aanpassen, ofwel te gaan voorzien van zijn eigen tekst, afbeeldingen en links. Dit wordt u uitgelegd in stap 6.

Stap 6.
In het startscherm van MeesterWeb ziet u alle mappen en pagina's staan, waaronder de door u in stap 3 & 4 gemaakte pagina's. Om de pagina's aan te passen klikt u op de link 'Wijzig' die rechts naast het bestand [naam van de pagina] staat. U activeert hiermee de 'Editor'. De door u geselecteerde pagina wordt nu geopend in de 'Editor' en u kunt nu de tekst aanpassen door het eenvoudigweg met uw muis te selecteren en het te vervangen door uw eigen tekst door te gaan typen, of te plakken vanuit een Word document. Indien u een afbeelding wilt plaatsen, klikt u op de plek waar u een afbeelding wenst en klikt vervolgens op het 'gele' icoontje in de menubalk van de 'Editor' waarmee u de 'Image manager' opent. Het gebruik van o.a. de 'Image manager' en alle andere functies die de 'Editor' biedt, leest u in de 'Help' rechtsboven in het MeesterWeb scherm. Nadat u uw wijzigingen heeft aangebracht klikt u in de 'Editor' op het pijltje direct rechts naast het 'diskette' icoontje linksboven in de 'Editor' en kiest voor 'Opslaan & Exit'. Hiermee slaat u de aangebrachte wijzigingen op en verlaat u de 'Editor' en keert u terug naar het startscherm van MeesterWeb. De zojuist door u gemaakte aanpassingen in de pagina, zijn na opslaan direct zichtbaar op Internet!

LET OP
Het is noodzakelijk om het menu [de navigatie links die wijzen naar de verschillende hoofdstukken in uw website] in iedere pagina aan te passen, zodat deze links in iedere pagina 'wijzen' naar desbetreffende pagina's / hoofdstukken! Een snelle manier is, om iedere link in het menu [per menu-link tekst, dus: 'HOME', 'PRODUCTEN', 'DIENSTEN', etc...] met uw muis te selecteren en vervolgens met uw rechtermuisknop de optie 'Maak/Edit hyperlink' selecteert. U opent hiermee de 'Link manager' en klikt op de 'gebruik deze link locatie' achter desbetreffende pagina waarnaar de menu-link moet 'wijzen'.

Deze stap 6 herhaalt u voor alle pagina's die u wilt aanpassen nadat u die heeft gemaakt op basis van een template.

Videotutorial voor het invoegen van een mailformulier.




Wilt u een stapje verder? Bekijk onderstaande video, meer details op: http://joomla.meesterlijk.nl