mijndomein.nl De Basiscursus Websitemaker

Transcriptie

1 mijndomein.nl De Basiscursus Websitemaker iedereen een website deel 1: Structuur en Inhoud

2 mijndomein.nl Basiscursus WEBSITEMAKER Om deze cursus te kunnen volgen moet je: Beschikken over de basisvaardigheden gebruik van een computer & Internet Een domeinnaam plus websitemaker aangeschaft hebben bij mijndomein.nl Je gebruikersnaam en wachtwoord van je account bij mijndomein.nl weten

3 Voorwoord Voor je ligt de basiscursus Websitemaker. Een cursus waarmee jij de website gaat maken die je wilt maken. En dat is een hele uitdaging. Zowel voor jou als voor de makers van de Websitemaker. Ons gemeenschappelijk doel is dat het voor gebruikers zo eenvoudig mogelijk is een eigen website te maken, vorm te geven, te beheren en te promoten. Mijndomein is voortdurend op zoek naar verbetering en vereenvoudiging. Daarom is ook de Websitemaker constant in ontwikkeling. Omdat wij bijna altijd denken dat het nog beter kan. Dat betekent dus ook dat de cursus steeds aangepast zal worden aan de laatste versie van de Websitemaker. Want ook wij weten niet hoe de Websitemaker er over een jaar uit zal zien. Misschien op een aantal punten iets anders. Maar wat ik met deze cursus beoog is dat jij - als gewone computeraar- je weg kunt vinden binnen de Websitemaker en dat je de principes gaat begrijpen. Dan maakt het namelijk niet meer zoveel uit als een knopje eens ergens anders staat of als er een nieuwe functionaliteit wordt toegevoegd. Hoogstens is het even wennen. Ik wens je heel veel plezier met deze cursus. Als je thuis verder gaat en nog zit met vragen, ga naar het forum en stel je vraag via forum.mijndomeinwebsitemaker.nl. Ook vind je hier statusupdates van de Websitemaker. Tot slot: als je verbeterpunten hebt, aarzel niet ons daarvan op de hoogte te brengen. Want met jouw inbreng help je ons de Websitemaker verder te verbeteren. Hartelijke groet, Vincent Bouwman vincent@mijndomein.nl

4 mijndomein.nl Inhoudsopgave 1: Hoe begin je? 5 2: De eerste vijf stappen 6 Stap drie en vier 7 Stap vijf 8 3: Jouw online-site vs jouw beheer-site 9 4: Hoe zie je waar je bent? 10 5: De structuur van je website 11 De menustructuur 12 Pagina s vullen met tekst 13 6: Het tabblad inhoud 15 Een artikel maken 16 Een media album maken 18 Afbeeldingen en audio uploaden 18 Een Youtube filmpje op je site plaatsen 19 Een bestand uploaden 20 Een bestand koppelen 21 Een formulier maken 22 Een formulier koppelen aan een pagina 24 De betekenis van categorieën 25 Reacties beheren 26 7: Paginabeheer uitgelicht (beheerkant) 27 Paginabeheer uitgelicht (online-kant) 28 8: Aantekeningen 29

5 1: Hoe begin je? Om te beginnen met de websitemaker moet je eerst inloggen bij www. mijndomein.nl. Toen je je registreerde heb een ontvangen met daarin je gebruikersnaam en wachtwoord. Ga naar vul je gebruikersnaam en wachtwoord in en druk op Je komt nu op het dashboard van mijndomein.nl. dat is nog niet de plek waar je aan je eigen website kunt sleutelen. Daarvoor moeten we nog een keer klikken Klik linksboven op de naam van je website. Je ziet een witte pagina met een mededeling en een link. Logisch, we hebben nog geen website gemaakt. Daarvoor moeten we eerst naar het administratiemenu van onze website. Ook wel de achterkant of beheerkant de website genoemd. Daar is veel over te vertellen. Daarom komen we daar in het vervolg van deze cursus uitgebreid op terug. Om te beginnen klik je op De configuratie-wizard wordt geopend. Dit is een programmaatje waarin je in vijf stappen de eerste versie van je website online zet. In het volgende hoofdstuk gaan we deze vijf stappen doorlopen. 5

6 mijndomein.nl 2: De eerste vijf stappen Stap 1: bedenk voor je welkomstpagina een titel. Deze titel zal boven elke pagina komen te staan, dus het is belangrijk dat je een pakkende titel kiest die bij je bedrijf, stichting of bij jou zelf past. Vul een titel in die bij jouw website past. Als je klaar bent, klik je op Stap 2: Kies een indeling voor je website. Als je straks nieuwe pagina s gaat maken, zul je zien dat er een aantal blokken voorgedefinieerd zijn door de Websitemaker. Deze kun je altijd nog wijzigen. Wil je alles zelf invullen, kies dan voor een blanco website. Ga je liever voor de gebaande paden, kies dan een overig type. Kies een indeling die past bij het doel van je site. Als je klaar bent, klik je op 6

7 Stap drie en vier Stap 3: Kies een stijl die de uitstraling heeft die jij je website wilt geven. De achtergrond van je website is heel belangrijk. Wil je een zakelijke uitstraling geven aan je website of is de site bedoeld voor familiefoto s en zoek je een warme achtergrond? De stijl die je kiest is eigenlijk nog niet belangrijk. Het is dat er even wat staat. De vormgeving is pas in een volgende fase aan de beurt. In het hoofdstuk vormgeving staan we uitgebreid stil bij de looks van je site. Vul een titel in die bij jouw website past. Als je klaar bent, klik je op Stap 4: Je eerste tekst. Om het programma niet in de war te brengen, moeten we even een tekstje invullen. Deze verschijnt zo dadelijk op de voorpagina. In dit eerste artikel schrijf je bijvoorbeeld wat je website te bieden heeft. Zo kort en bondig mogelijk. Het is tenslotte internet. Kies een titel die bij het artikel past. Schrijf vervolgens kort iets wat bezoekers op je website kunnen vinden. Als je klaar bent, klik je op 7

8 mijndomein.nl Stap vijf Stap 5: Het overzicht. Je hebt een titel gekozen, indeling, vormgeving en je hebt een eerste artikel geschreven. In deze stap vind je het overzicht van jouw werk totnutoe. Is je iets nog niet naar je zin, klik dan op de gewenste stap om een aanpassing te doen. Als alles naar tevredenheid is, klik je op De websitemaker is nu klaar voor gebruik. Je hebt nu twee keuzes: Je kunt nu direct de website bekijken of naar de beheeromgeving gaan om de website verder te vullen met artikelen, foto s en filmpjes. In het volgende hoofdstuk wordt het verschil uitgelegd tussen je site online en de beheeromgeving van je site. Wij gaan nu eerst het resultaat bekijken.. Klik op De eerste versie van onze site online! 8

9 3: Jouw online-site vs jouw beheer-site Voordat we aan de slag gaan met het plaatsen van artikelen, foto s en YouTube filmpjes is het belangrijk om het verschil tussen de beheer kant en online kant van je website te begrijpen. Je bevindt je nu aan de online kant van je website. Zo zien je bezoekers de website. Je kunt hier geen veranderingen aanbrengen. Dat doe je aan de beheer kant. Om daar te komen moeten we een tweetal handelingen uitvoeren. Bovenaan in het midden van je website zie je een knop met daarin je naam. Klik daarop en je menubalk wordt uitgeklapt. Klik op Naar beheer. Zo ga je naar de beheer kant van je website. We zijn aan de beheer kant. Hier kun je alles aan je site veranderen. Indeling, vormgeving en inhoud. Ook kun je hier voor de promotie en -Google- zoekmachine optimalisatie terecht. Om weer terug te gaan naar je site online, klik je simpelweg op je domeinnaam. Zo is de cirkel rond! 9

10 mijndomein.nl 4: Hoe zie je waar je bent? Welkom op het dashboard van de Websitemaker. Het beheermenu bestaat uit verschillende tabbladen: inhoud, vormgeving, navigatie, promotie, instellingen en help. Steeds als je op een ander tabblad klikt, verschijnen de subcategorieën in het menu aan de linkerkant. Noot: het Websitemakermenu staat altijd linksbovenaan. actief actief Ongeacht in welk tabblad je bent, bovenaan staat altijd het menu Websitemaker. Dit menu bestaat uit Dashboard, Mijn profiel en Uitloggen. Het actieve tabblad kleurt wit, de actieve subcategorie kleurt geel. Dashboard Om terug te keren naar de overzichtspagina van het actieve tabblad. Mijn Profiel Hier kun je je naam, adres etc. aanpassen. Ook kun je hier gebruikers/gebruikersgroepen aanmaken en bepalen tot welk(e) onderde(e)l(en) van je site deze toegang mogen krijgen. Dit onderdeel valt buiten de scope van deze cursus. Uitloggen Als je op deze knop drukt, ga je uit de Websitemaker en wordt je doorgestuurd naar de voorpagina van mijndomein.nl 10

11 5: De structuur van je website Je hebt de wizard doorlopen maar eigenlijk is de structuur van je website nog niet helder. Dat gaan we nu eerst doen. Voordat je je website gaat bouwen in de Websitemaker is het belangrijk om de basisstructuur te bedenken. Daarvoor zijn twee vragen belangrijk: Uit hoeveel pagina s moet je website bestaan? En welke naam geef je deze pagina s? is de voorbeeldwebsite in deze cursus. Na enig nadenkwerk is besloten dat de website gaat bestaan uit vijf pagina s: de voorpagina, introductiepagina, locatiepagina en een feedback- en contactformulier. We gaan deze nu in de Websitemaker aanmaken. Een nieuwe pagina aanmaken Ga naar het tabblad navigatie. Klik in het linkermenu op Lijst met pagina s en vervolgens op Het type heeft te maken met de voorinstellingen die je op de volgende pagina gaat zien. Dit kun je altijd nog wijzigen. Probeer gewoon wat bij je past. Met een paginakoppeling worden alle aanpassingen op de hoofdpagina (qua stijl en menu) ook direct toegepast op gekoppelde pagina s. Handig dus om de op de binnenkomstpagina te laten staan. Klik op. Klik direct daarna weer op Lijst met pagina s in het linkermenu, pagina toevoegen om ook je overige pagina s aan te maken. Herhaal dit proces tot je al je pagina s aangemaakt hebt. 11

12 De menustructuur Nu we de pagina s hebben aangemaakt, gaan we deze koppelen aan het menu. Als je in de opdracht op de vorige bladzijde je pagina s gekoppeld hebt aan de binnenkomstpagina (standaard instelling), wordt op elke pagina van je site netjes het menu getoond. Menu item toevoegen Klik op. er wordt een -zoals rechts afgebeeldpopup geopend. Vul de naam van je menu-item in en link hem aan de bijhorende pagina. Gebruikelijk is om de link -mits je niet verwijst naar een andere website- te openen in hetzelfde venster. Klik tot slot op Ga naar je website, vernieuw deze eventueel door op de functietoets F5 te drukken en bekijk het resultaat Het menu zoals je dat in beheer ziet Het menu zoals je dat online ziet 12

13 Pagina s vullen met tekst De website bestaat nu uit vijf pagina s. Op de binnenkomstpagina -ofwel voorpagina- staat het artikel dat we met de wizard gemaakt hebben. Voor de rest zijn de pagina s leeg. Inhoud toevoegen aan een pagina Ga naar het tabblad navigatie. Klik in het linkermenu op de pagina van je keuze. Wij kiezen voor de pagina introductie. Een scherm -zoals hieronder te zien is- wordt geopend. 13

14 Als je dit scherm voor het eerst ziet, is het misschien wat overweldigend. Geeft niks, naar mate je meer ervaring krijgt, wordt dit vanzelf duidelijk. Voor de gaan we nu een tekst plaatsen in de middenkolom van de site. In paginabeheer is dit de hoofduitvoer. Klik op de knop in de hoofduitvoer. De volgende wizard verschijnt. Selecteer als bron tekst. Vul bij stap 2 de titel en tekst in. Eventueel kun je deze aanvullen met een afbeelding. Als je klaar bent, druk je op Je ziet dat er nu een blok in de hoofduitvoer is toegevoegd met de titel die jij zojuist hebt gegeven. Aan de voorkant zal dit blok als tekst weergegeven worden. Let op: Om de wijzigingen op je pagina definitief op te slaan, klik je op Ga naar je website, vernieuw deze door op de functietoets F5 te drukken en bekijk het resultaat. 14

15 6: Het tabblad inhoud Het eerste onderdeel is inhoud. Dit heeft alles te maken met de informatie die je op je website wilt publiceren. De inhoud bestaat uit 12 menu-items verdeeld over vier onderdelen. Hieronder staan de belangrijkste items kort uitgelegd. Een artikel is een titel met een stuk tekst eventueel aangevuld met foto s, links en/of andere media. Een artikel kun je aan een pagina koppelen. In het hoofdstuk vormgeving wordt dit uitgelegd. In een album kun je foto s, video s en audio plaatsen. Hier voeg je nieuwe albums toe en voeg je nieuwe content toe aan bestaande albums. Als je weleens een filmpjes op YouTube plaatst, kun je deze via je YouTube gebruikersnaam importeren via Youtube videos toevoegen. Wil je een link naar een enkel filmpje? Dan gebruik je Youtube video toevoegen. Stel, je wilt een link maken naar een word-document. Dan moet het bestand eerst geupload worden. Hier vind je een overzicht van je geuploade bestanden en kun je nieuwe toevoegen. Formulieren zijn pagina s waar je bezoekers gegevens kunnen invullen. Jij ontvangt dan een reactie in je mailbox. Hier vind je een overzicht van de formulieren die je hebt aangemaakt en kun je nieuwe formulieren aanmaken. Bezoekers kunnen een reactie geven op artikelen (als je dit hebt ingesteld). Via de knop reacties kun je deze beheren. 15

16 mijndomein.nl Een artikel maken Een van de manieren om content voor onze site te maken, is een artikel. In dit voorbeeld maken we een artikel bestaande uit tekst en een afbeelding. Bezoekers mogen op het artikel reageren. Klik bovenin op het tabblad inhoud en kies in het linkermenu maak een nieuw artikel. Neem de tekst over zoals deze hiernaast staat afgebeeld. Zet vervolgens de cursor aan het begin van de tekst en druk op media Kies afbeelding selecteren en upload een willekeurige afbeelding vanaf je computer. Klik op toon de eigenschappen. Kies een breedte of hoogte. Kies een marge (zie afbeelding) en uitlijning. Als je klaar bent klik je op 16

17 Het artikel begint al aardig vorm te krijgen. Het plaatje staat netjes van de tekst gescheiden. Voor de volledigheid noemen we nog twee zaken die handig zijn om te weten. Als je nog wat aan de tekst wilt veranderen (type, kleur, uitlijning etc.) kan dat door op de knop Meer te klikken van de werkbalk. Een extra werkbalk wordt zichtbaar waar je deze zaken kunt aanpassen. Word Als je tekst uit Word wilt plakken, doe je dat met de speciale Word knop. Hiermee voorkom je dat er onder water code meekopieerd wordt die straks van invloed kan zijn op de weergave van je tekst online. Als we helemaal tevreden zijn over ons artikel, verleggen we onze focus naar de kolom aan de rechterkant. Hier kunnen we opties instellen voor publicatie, aangeven of bezoekers van je site op je artikel mogen reageren en trefwoorden (of anders gezegd categorieën) aan het artikel meegeven. Publicatie Je kunt een begin- en einddatum meegeven aan de publicatie van een artikel (optie publiceer op datum ). Het artikel staat dan alleen online in het aangegeven tijdvak. We kiezen er nu echter voor om direct te publiceren. Reacties Elke bezoeker mag reageren op het artikel. Kies daarom Standaardinstelling (Ja). De andere opties zijn Nee en Alleen geregistreerde gebruikers. Om het artikel op de voorpagina te publiceren, dient categorie Voorpagina aangevinkt te zijn. Klik tot slot op 17

18 mijndomein.nl Een media album maken Een album toevoegen werkt bijna hetzelfde als een artikel toevoegen. Allereerst maken we een album aan. Vervolgens gaan we op zoek naar bestanden op onze harde schijf of usb stick om te uploaden naar ons album Om een nieuw album te maken, klik je in het linkermenu op album toevoegen In de middenkolom wordt het venster media album - nieuw geopend. Kies een naam en omschrijving voor je album. Als je je album direct wilt tonen, klik je -bij de extra optiesop publiceren, ander op concept. Als je klaar bent druk je op Afbeeldingen en audio uploaden Als je op selecteer bestanden klikt, wordt de verkenner geopend. Browse naar het bestand van je keuze en klik op openen. Het plaatje of muziekbestand wordt automatisch geupload. Een ogenblik geduld, je bestanden verschijnen zodra deze zijn geupload. 18

19 Een Youtube filmpje op je site plaatsen Als je een Youtube-gebruikersnaam hebt, kun je die ingeven bij Youtube videos toevoegen. Jouw video s, favorieten en afspeellijsten worden dan direct vanuit Youtube geïmporteerd. Heb je geen gebruikersnaam? Of wil je een filmpje plaatsen dat niet in jouw beheerd is? Kies dan Youtube video toevoegen (zonder s dus) We gaan een link naar een filmpje toevoegen. Zoek op Youtube naar een filmpje, klik onder het filmpje op delen en kopieer de URL. Klik links in het menu Youtube video toevoegen. Plak de URL in het venster dat in de middenkolom verschijnt, selecteer het gewenste album en klik op Als je op selecteer bestanden klikt, wordt de verkenner geopend. Browse naar het bestand van je keuze en klik op openen. Het plaatje of muziekbestand wordt automatisch geupload. Een ogenblik geduld, je bestanden verschijnen zodra deze zijn geupload. 19

20 mijndomein.nl Een bestand uploaden Stel, je wilt in je artikel een link opnemen naar bijvoorbeeld een Word document of pdf-rapport. Je zult dan eerst het bestand moeten uploaden. Zeg maar, het van jouw computer op de server van mijndomein.nl plaatsen. Klik links in het menu op Bestanden. In de middenkolom verschijnt het volgende venster. Om een bestand te uploaden, klik je op de knop Klik vervolgens op selecteer bestanden. Zoek op je computer naar het gewenste bestand. Klik op openen. Wacht tot je bestand geupload is. Als dit klaar is klik je op 20

21 Een bestand koppelen Fijn dat het bestand nu in de lijst staat, maar we hebben er nog niet zoveel aan. De volgende stap is om het bestand te koppelen aan een artikel. Daarvoor gaan we in een bestaand artikel een link opnemen. Klik links in het menu Lijst met artikelen. Klik vervolgens op het om het gewenste artikel te bewerken. Typ en/of selecteer een tekst en druk op de link knop. Het venster link/ koppeling wordt geopend. Neem de instellingen over. Als je klaar bent, klik je op Als je op selecteer bestanden klikt, wordt de verkenner geopend. Browse naar het bestand van je keuze en klik op openen. Het plaatje of muziekbestand wordt automatisch geupload. Een ogenblik geduld, je bestanden verschijnen zodra deze zijn geupload. De link in je artikel is nu gemaakt. Tot slot moeten we de wijzigingen in het artikel nog bewaren. Klik daarvoor op 21

22 mijndomein.nl Een formulier maken Bezoekers van je site kunnen gegevens achterlaten middels een formulier. De ingevulde gegevens worden dan per naar jou gestuurd. In dit proces moeten we drie dingen doen: Een formulier maken en een tekst die bezoekers te zien krijgen als ze het formulier hebben ingvuld. Daarna kunnen we het formulier koppelen aan een pagina. Klik links in het menu op Maak een nieuw formulier. In de middenkolom verschijnt het volgende venster. We gaan een contact formulier maken met de naam Contact. Schrijf een bericht dat wordt getoond na het indienen van het formulier. Zorg dat het formulier op gepubliceerd staat. Zo kunnen wij het menu later in paginabeheer koppelen aan een een pagina. Vul tot slot je adres in en klik op Nog niet plaatsen In het volgende scherm krijg je de keuze of je het formulier wilt plaatsen. Wij gaan het formulier pas bij paginabeheer koppelen aan een pagina. Daarom kiezen we ervoor het formulier niet te plaatsen. Kies voor de optie nee, ik wil het formulier later plaatsen en klik op 22

23 Een formulier maken (vervolg) Nu is het tijd om het formulier naar onze eigen smaakt aan te paseen. Welke velden wil je dat je bezoekers invullen? En wwelke melding moeten ze krijgen als een veld niet (goed) is ingevuld. Klik links in het menu op Formulieren. Om het formulier te wijzigen, klik je op het voor de naam van het formulier. Als je wijzigingen wilt aanbrengen in een veld (zoals melding, veldnaam en evt. hulptekst) klik je op het potlood ervoor. Voor ons staat het bijna goed, we gaan alleen nog het veld telefoonnummer toevoegen. Klik om een nieuw veld toe te voegen op de knop Vul de gegevens in zoals in het voorbeeld. Als je klaar bent druk je op Het formulier is nu klaar maar nog niet op je site te zien. Geen zorgen. Dit is belangrijk voorwerk. Nu gaan we het formulier koppelen aan de pagina contact. 23

24 mijndomein.nl Een formulier koppelen aan een pagina We hebben net het contactformulier gemaakt. Om dit formulier op de website te tonen, moeten we deze nog koppelen aan een pagina. We gaan het formulier koppelen aan de pagina contact, in de hoofduitvoer. En om het een beetje op te leuken, plaatsen we er nog een tekst boven. Klik op contactpagina in het linkermenu (let op: tabblad navigatie). Het paginabeheermenu wordt geopend. Klik op in de hoofduitvoer. Kies als bron Formulieren. Je wordt automatisch doorgeleid naar stap 3. Een element titel is (optioneel). Kies tot slot het gewenste formulier. Klik vervolgens op Nu willen we graag nog een inleidende tekst boven het formulier plaatsen. Klik nogmaals op in de hoofduitvoer. Kies deze keer als bron tekst. Typ je tekst en klik op Met de knoppen kies je de gewenste volgorde (tekst boven het formulier). Tot slot klik je op Ga naar je website, vernieuw deze eventueel door op de functietoets F5 te drukken en bekijk het resultaat. 24

25 De betekenis van categorieën Categorieën worden gebruikt om een selectie van jouw artikelen weer te geven op een bepaalde pagina. Bij elk artikel dat je maakt, heb je de mogelijkheid om deze te koppelen aan een (nieuw te maken) categorie. Standaard wordt een artikel altijd gekoppeld aan de categorie voorpagina. Om een artikel aan een (nieuwe) categorie te koppelen, open je een bestaand artikel. Aan de rechterkant staat het volgende scherm. Typ de categorie van je keuze en druk op Je zult zien dat de categorielijst wordt toegevoegd met een vinkje in het selectievakje. Vervolgens gaan we in paginabeheer een blok toevoegen in de hoofduitvoer. Klik op navigatie, de pagina van je keuze en vervolgens op Kies als bron Categorieën. Bij stap 2 kies je categorie artikelen. Dit betekent dat alle artikelen die in de gekozen categorie staan, worden weergegeven. Neem vervolgens de gegevens over zoals hiernaast. Bij instellingen kun je nog aangeven hoeveel artikelen je maximaal wilt zien en wat de gewenste sortering. Als je klaar bent, druk je op Nu moeten de wijzigingen van de gehele pagina nog worden opgeslagen. Druk daarvoor op Op de pagina van je keuze verschijnen nu alleen artikelen die van de geselecteerde categorie. Wil je een nieuw aritkel op deze pagina? Maak je nieuwe artikel via tabblad inhoud, nieuw artikel en vink aan de rechterkant de betreffende categorie aan. Je artikel verschijnt na het opslaan automatisch op de pagina. 25

26 Reacties beheren Door reacties op artikelen aan te zetten, wordt je site interactief: bezoekers kunnen commentaar geven. Soms zitten daar minder leuke reacties bij, deze kun je in afkeuren. De status van een reactie wordt dan gewijzigd van gepubliceerd naar concept. Niet meer zichtbaar op je site dus. Het gebeurt ook wel eens dat een programmaatje, een zg. spybot informatie achterlaat. In dat geval selecteren we een reactie en drukken op de dit is spam knop. De reactie wordt dan verwijderd. 26

27 mijndomein.nl 7: Paginabeheer uitgelicht (beheerkant) 1 = stijl 2 = titel 3 = menu 4 = media album 5 = artikelen overzicht 1 6 = linker uitvoer: abonneren 7 = compleet artikel 8 = categorieën overzicht 9 = twitter widget

28 Paginabeheer uitgelicht (online-kant) 1 = stijl 2 = titel 3 = menu 4 = media album 5 = artikelen overzicht 6 = linker uitvoer: abonneren 7 = compleet artikel 8 = categorieën overzicht 9 = twitter widget

29 mijndomein.nl 8: Aantekeningen 29

30 Aantekeningen 30

31 mijndomein.nl Aantekeningen 31

32 Aantekeningen 32