Handleiding Web Made Easy

Transcriptie

1 Handleiding Web Made Easy 1

2 Inhoudsopgave Basis Geavanceerd 4 Inloggen Hoe log je in Dashboard Knoppen 6 Structuur Basis structuur 7 Opbouw structuur Opbouw blokken Aanpassingen 11 Teksten Verbergen Zichtbaar maken Effecten Type Heading 14 Afbeeldingen Afbeelding invoegen Galerij bewerken Afbeelding opmaak Afbeeldingen opdelen in mappen 18 Video s Video invoegen 20 Pagina beheer Pagina verplaatsen Pagina instellingen 22 Formulieren Contact formulier bewerken Opties beheren Melding bij versturen Koppelingen Bevestigingen 26 Thema s Button Media Kaart 29 One - page menu Onepager aanmaken Onepager aanpassen 31 Verbergen op scherm 31 Zichtbaar maken op scherm 33 Iconen 19 Publiceren 2 3

3 Inloggenscherm Je kunt aan de slag met je eigen website in een aantal simpele stappen: 1. ga naar 2. Druk in de menubalk op Inloggen 3. Vul je adres en wachtwoord in en je bent binnen. 4. Ga vervolgens naar website en dan kom je op de volgende pagina. (foto dashboard) Uitleg knoppen pagina overzicht. Als je bij website op jouw website klikt die je wilt bewerken kom je bij het paginaoverzicht. Hieronder staan de knoppen die je kunt gebruiken uitgelegd. Hier kun je de voorvertoning zien van de website. Je krijgt dit te zien in een appart tabblad en je kunt dan de gehele website bekijken. Foto dashboard: Dashboard Wanneer je inlogd kom je automatisch in het dashboard terecht. In het dashboard zie je jouw website staan. Onder laatst aangemaakte webistes. Als je erop klikt kom je gelijk in het overzicht van je website uit. Ook zie je nog 2 blokken staan, 1 met onlangs gewijzigde websites: Hier kun je zien wanneer je voor het laatst aan je website hebt gewerkt. En 2 met laatst gepubliceerde websites. Hier zie je wanneer je je website voor het laatst hebt bijgewerkt op de live site. Website Als je op websites klikt dan kom je in in het overzicht met jouw website. als je klikt op een website kun je starten deze te bewerken. Als je je muis op een pagina houdt, verschijnt er aan de voorkant een rechthoek met 8 blokjes. Als je deze met je muis ingedrukt houdt kan je de pagina verslepen. Meer informatie vind je op pagina 20. Door op deze knop te klikken log je uit. Wanneer je op deze knop klikt word je doorgestuurd naar het accountbeheer. Hier kun je zien wie er allemaal toegang heeft tot de website. Wanneer je op deze knop klikt krijg je je website te zien. Je kunt hier de teksten en afbeeldingen veranderen. account Hier zie je wie er allemaal toegang hebben tot de website en wat jouw account naam is. 4 5

4 Basis structuur van een website pagina Opbouwstructuur Terug naar hoofdmenu. Voorvertoning van de website. Opbouwstructuur van de blokken Elke websitepagina is onderverdeeld in blokken. Elk blok heeft verschillende eigenschappen. Blokken De lagen van een blok 1. Blok 2. Kolom Een blok bestaat uit 4 verschillende vlakken, namelijk: Het blok, kolom, box en elementen. Niet ieder blok heeft dezelfde indeling, maar elk blok bevat minstens een van deze vlakken. Een kolom zijn de delen waarin de blokken zijn verdeeld. 3. Box 4. Elementen Hier kun je de pagina selecteren voor bewerking Bewerkmodus. Nu kun je hier de pagina bewerken. Wanneer je op dit icoon klikt krijg je dit icoon. Dit betekent dat je in de navigeer modus zit. Je kunt nu de pagina bekijken zonder de pagina te verlaten. Schermweergave. Bekijk hiermee de weergave van jouw website op de verschillende apparaten. In een box staan belangrijke dingen van een pagina. Je kunt bijvoorbeeld een inspirerende tekst erin plaatsen dat van toepassing is op je website en je kunt mensen de mogelijkheid geven zich aan te melden of een onderwerp te bekijken. De elementen kun je appart van elkaar veranderen. Je kunt deze dingen aanpassen: Het logo, De pagina s ( hiervan kan je de kleuren aanpassen de namen verander je in het paginaoverzicht), het tekst blok en de knoppen. Taal. Hier kun je kiezen uit de gewenste taal waarmee jij wilt werken. (Deze heb je zelf ingesteld bij website instellingen). 6 7

5 Wat kun je aanpassen in een blok Paralax Een blok vastzetten (sticky) Een achtergrond blok met foto kun je paralax maken. Dit houdt in dat de afbeelding in een blok mee beweegt met scrollen. Maar het blok zelf blijft wel op zijn plek staan. Wanneer je dit hebt ingevoegd kun je het bekijken in voorvertoning. Door middel van de instelling sticky kun je ervoor zorgen dat het gewenste blok in beeld blijft als je naar beneden scrollt op de pagina. Heel handig voor bijvoorbeeld het menu. Hoogte uitvullen Hoogte uitvullen zorgt ervoor dat het blok de overgebleven ruimte van de pagina opvult. Je kunt een blok of foto uitvullen. Dit doe je door middel van: 1. Op het gewenste blok te gaan staan met de muis. 2. Klik op het pennetje dat verschijnt aan de rechterkant van blok. 3. Er verschijnt nu aan de rechterkant een balk met instellingen. Hier klik je Hoogte uitvullen aan. Verbergen item 1. Klik op bewerken van een blok. 2. Vervolgens klik je op de tekst, knop of afbeelding die je wilt verbergen. 3. Er verschijnen nu aan de rechterkant van je scherm bewerkings opties. 4. Als je dan op het schermpje klikt kun je kiezen waar je wilt dat dit icoon verborgen wordt. Maar het kan natuurlijk ook op alle pagina s. 5. Vervolgens klik je op het vierkantje er achter waardoor deze blauw kleurt. Nu heb je het gewenste object verborgen. Zichtbaar maken Wanneer je een afbeelding weer zichtbaar wilt maken kun je klikken op het oogje dat verschijnt onder het vinkje in de balk. Let op! Alles wat verborgen was in het blok wordt nu weer zichtbaar! 8 9

6 Mouse over Bij sommige foto s heb je een mouse over. Dit houdt in dat als je met je muis over een foto gaat er een andere tekst naar voren komt. Deze kun je door middel van de Mouse over aanpassen. Deze knop kom je tegen door: 1. het blok aan te klikken dat je wilt bewerken. 2. Vervolgens zie je onder het groene vinkje een muis staan. Deze klik je aan. 3. Nu kun je de teksten bewerken. 4. Vervolgens klik je weer op het groene vinkje en dan is alles opgeslagen. Teksten 1 Verbergen Je kunt een tekst of object verbergen op je website. Dit doe je door: 1. Houdt je muis op het blok dat je wilt bewerken. Er komt dan aan de zijkant een potloodje te staan. Klik hierop. 2. Klik op de gewenste tekst, button of afbeelding die je wilt verbergen. 3. Er komen nu opties aan de rechterkant van het beeld te staan. 4. Klik op het vierkantje achter verbergen. Je kunt ook teksten, afbeeldingen, buttons verbergen op bepaalde schermweergaves Opslaan Web made easy slaat eigenlijk alle aanpassingen gelijk op. Daarom is het belangrijk dat als je grote dingen wilt gaan veranderen je eerst de website dupliceerd. Zodat als iets niet wordt wat je wilt je altijd nog een backup hebt en weer overnieuw kunt beginnen. Zichtbaar maken Als je iets hebt verborgen kun je het ook weer zichtbaar maken. Dit doe je door op het oogje te klikken dat nu verschenen is onder het vinkje. Als je hier op klikt word ALLES in het blok weer zichtbaar 10 11

7 1 Effecten Wanneer je een effect wilt geven aan een tekst: 1. Ga eerst met je muis op het blok staan die je wilt bewerken en klik het potloodje aan die aan de rechterkant van het blok komt te staan. 2. Klik nu op de tekst die je wilt bewerken 3. Er verschijnt nu aan de rechterkant in het scherm een balk. Hier staat een optie effecten. Hier kun je een gewenst effect uitkiezen Type heading Door de juiste H1, H2 en H3 tags te gebruiken kun je de SEO (search engine optimalisation) van je website verbeteren. Zoekmachines, zoals Google, bepalen door middel van headingtags waar jouw content over gaat. Voor Google is de indeling van je website erg belangrijk. Door de juiste indeling te bepalen voor jouw website kan Google beter bepalen waar je website over gaat. Een goed boek bestaat uit een inhoud, hoofdstukken, paragrafen en sub paragrafen. Deze indeling kun je ook meegeven in jouw website door middel van Heading type. Deze staan in Web Made Easy als H1, H2 en H3. De H1 is de eerste kop van de tekst. Deze dien je maar 1 keer te gebruiken per pagina. Een boek kan namelijk maar een koptitel hebben. Dit geldt ook voor een website. Web Made Easy noemt de koptitel automatisch H1. Je kunt ervoor kiezen dat je website ook tussenkoppen bevat. Hiervoor kun je H2 en H3 kiezen. Door de Heading tags H1, H2 en H3 kan Google bepalen hoe belangrijk een content is. Kies daarom een logische titel die de inhoud van de content dekt. Als je dit goed benoemt wordt de vindbaarheid van jouw website in Google sterk verbeterd. H1, H2 en H3 3 2 H1 Een langere content titel H2 Met een langere ondertitel H3 Een langere ondertitel 12 13

8 Afbeeldingen Afbeelding invoegen Wanneer je een afbeelding wilt veranderen/ invoegen, ga je eerst met je muis op het blok staan waar je de afbeelding wilt bewerken. Klik hier op het potloodje dat verschijnt aan de rechterkant van het blok. Klik op de afbeelding in het blok die je wilt veranderen. Er verschijnt aan de rechterkant een kolom met instellingen Klik vervolgens op bladeren in het hokje naast afbeelding. Je kunt er nu voor kiezen om een standaard afbeelding in te voegen, een standaard icoontje of je kunt een afbeelding uploaden van je computer Galerij bewerken De blokken Hero, galerij en showcase bevatten een galerij. Wanneer je een afbeelding in een galerij wilt wijzigen: 1. houdt je muis op het blok dat je wilt veranderen en klik op het potloodje dat verschijnt aan de rechterkant van het blok 2. Op de plek van het potloodje staan nu 3 andere iconen en druk dan op het icoon Galerij bewerken. 3. Er verschijnt nu een scherm waar je foto s toe kunt voegen en verwijderen. 4. Vervolgens druk je op opslaan

9 Afbeelding opmaken Je kunt een afbeelding opmaken en invoegen. Wanneer je een afbeelding invoegt houd dan rekening met de grootte van het bestand. Hoe groter het bestand is hoe langzamer de website laadt. Daarom adviseren wij afbeeldingen te gebruiken van ongeveer 300 mb. Dit is het beste formaat. Het maximum voor een fotobestand is 500 mb. Klik op de afbeelding die je wilt bewerken. Er verschijnt aan de rechterzijde een kolom met opmaak instellingen. Video (MP4): Je kunt in een afbeelding ook een video laten afspelen. Wanneer je op het mapje achter geen klikt kun je een bestand vanaf je computer invoegen. Je kunt er ook voor kiezen om een video van Youtube in de afbeelding te plaatsen. Dit doe je door op het bovenste blaadje te klikken en vervolgens verander je deze naar URL en plaats je de URL van de website in het balkje. Wil je de video automatisch laten starten bij het bezoeken van je site? Neem dan contact op met onze support, zij regelen dit gelijk voor je. Achtergrond positie: Hiermee kun je de positie van de achtergrondafbeelding bepalen. Effect: Je kunt een effect geven aan een blok. Dit doe je door op het dropdownmenu te klikken en een effect uit te kiezen bijvoorbeeld: Inschuiven van links. Het blok wordt dan ingeschoven vanaf links wanneer je op de pagina komt. Dit is eenmalig. Maar als je de pagina weer overnieuw laad is het weer actief. Instellingen Verbergen: Hiermee kun je niet gewenste elementen verbergen. Verborgen elementen kun je weer zichtbaar maken door op toon verborgen elementen (het oogje) te klikken. Deze verschijnt aan de rechterkant van het blok onder het groene vinkje. Let op! Alle verborgen elementen in het blok worden dan weer getoond. Afbeeldingen opdelen in mappen Je kunt jouw afbeeldingen sorteren in mappen. Hieronder wordt stapsgewijs uitgelegd hoe je dit doet. 1. Klik op een willekeurige afbeelding 2. Klik op bladeren in het balkje naast afbeeldingen 3. Ga naar het tabblad geuploade afbeeldingen 4. Klik op map aanmaken 5. Geef de map een naam en klik vervolgens op opslaan. Je hebt nu je eigen map aangemaakt. Om afbeeldingen te uploaden in je map klik je op de map en daarna op bestanden uploaden. Je kunt nu afbeeldingen van je computer uploaden naar je map. 2 Link: Wanneer je een woord of stuk tekst wil linken aan een andere pagina dan klik je op de afbeelding die je wilt linken. Vervolgens klik je op de button linken. Je kunt nu bepalen waar het naartoe moet linken. Bijvoorbeeld naar een pagina, video of programma zoals Outlook

10 3 Publiceren Als je een pagina hebt bewerkt moet deze worden gepubliceerd zodat de veranderingen voor de website bezoekers ook zichtbaar worden. Hiervoor ga je naar de paginainstellingen. Hier staat bovenaan een groene knop met publiceren. Als je hier op klikt worden deze gegevens aangepast. 5 4 Video Video invoegen Er is ook een mogelijkheid om video s in te voegen in een blok. Dit kun je plaatsen in een foto. Dit doe je door te klikken op de afbeelding die je wilt bewerken. Er verschijnt aan de rechterzijde een kolom met opmaak instellingen. Nu heb je 2 mogelijkheden om een video in te voegen. Wanneer je op deze knop klikt wordt de website bijgwerkt. Optie 1 Link video Wanneer je op de foto klikt die je wilt bewerken komen er aan de zijkant instellingen te staan. Wanneer je voor een linkvideo kiest klik je op het bovenste uitklap menu en vervolgens klik je video URL of bestand aan. Nu kun je een bestand downloaden van je computer of een link van een video invoegen. Optie 2 Video (mp4) Je kunt ook via video (mp4) een video invoegen. Hier kun je alleen video s invoegen onder de 100 mb. Je hebt hier ook de keuze om een video te downloaden van de computer of een link in te voegen. Het verschil met de linkvideo is dat de video nu in de afbeelding zelf wordt afgespeeld in plaats van een groot scherm weer te geven

11 Geavanceerd Pagina beheer Pagina verplaatsen Pagina onderschikken Als je op het tandwieltje drukt achter de pagina die bewerkt moet worden krijg je een keuze menu. Hier kun je de onderstaande dingen bewerken. Door met je muis op een pagina te gaan staan verschijnt er op de desbetreffende pagina een rechthoek. Ga hier op staan met je muis en houd deze ingedrukt om de pagina te kunnen verslepen Wanneer je een pagina op een andere pagina sleept krijg je een blauwe balk. Dit betekent dat je een pagina onder de andere pagina plaatst. Dit houdt in dat het geen koppagina meer is. maar nog wel te vinden is onder de bovenstaande pagina. Als je het blokje ingedrukt houdt krijg je een blauw vierkantje te zien. Dit betekent dat je de pagina vast hebt. Als u vervolgens het blokje naar de gewenste plaats sleept en hem dan los laat heb je je pagina verplaatst. Als je de pagina versleept dan komt er een blauwe streep te staan die aangeeft waar de pagina komt te staan wanneer je hem los laat

12 Formulieren In Web Made Easy kun je een contact formulier bewerken. Een contact formulier is een geweldige manier om jouw bezoekers een opmerking of feedback over je diensten te laten versturen. Het is erg handig omdat klanten gemakkelijk vragen kunnen stellen middels een contactformulier. Ook kun je de opgegeven adressen gebruiken voor marketingdoeleinden, als de desbetreffende personen daar toestemming voor hebben gegeven. Opties beheren Als je op de pagina velden komt heb je allemaal opties om je formulier aan te vullen en de opties aan te passen. Contact formulier bewerken Je kunt het contactformulier bewerken 1. Klikken op het potloodje. 2. Klik vervolgens op het formulier. 3. Klik nu op de blauwe knop formulier bewerken aan de rechterkant van je scherm. 1 3 Met deze opties kun je je formulier aanvullen. Dit doe je door op bv. Tekst regel te klikken. Hierdoor verschijnt het in het formulier. 2 Verplaatsen Wanneer je de optie hebt geplaatst komt deze helemaal onderaan erbij te staan. Deze kan je verplaatsen. Dit doe je door. 1. Met je muis op het balkje te gaan staan. 2. Er verschijnt aan de voorkant een vierkantje. Houdt deze ingedrukt en sleep het balkje naar de gewenste plek Verwijderen Wanneer je de optie hebt geplaats en je deze toch niet nodig hebt, kun je deze verwijderen. Dit doe je door: 1. Met je muis op het balkje te gaan staan. 2. Er verschijnt nu een prullenbakje achter de balk. Als je hierop klik verwijder je de balk

13 Melding bij versturen In het veld Meldingen kun je de foutmeldingen en succesmeldingen instellen. Dit krijgt de afzender te zien na het versturen van het formulier. Niveaus Niveau 1: Dit is het hoofdmenu van jouw website, dit is standaard zichtbaar. Niveau 2: Dit is het submenu van jouw webstie. Dit zijn de pagina s die onder de hoofdpagina s verschijnen. Deze zijn zichtbaar wanneer je over het hoofdmenu heen gaat met de muis. Koppelingen De website is de afzender van het formulier. De website heeft geen adres. Daarom is het van belang dat er een bestaand adres wordt ingevuld. Met dit adres wordt het formulier verstuurd. Zorg ervoor dat de bezoeker zijn adres op het formulier kwijt kan. Niveau 1 Niveau 2 Bevestigingen Hier kun je mensen mee doorlinken naar een bevestigingspagina. Maar ook kan je hiermee een bevestigingsmail sturen

14 Thema s Media Button Met de Bekijk button kun je andere pagina s bekijken of gewenste keuzes selecteren. Deze pagina moet er dan wel aan gelinkt worden. Met de Meer button kun je meer informatie opvragen door erop te klikken. Als je er op klikt word je door gestuurd naar de gelinkte pagina waar de gehele tekst op te vinden is. Logo media Logo media is een vlak in een blok waar je jouw logo in kunt plaatsen. Logo media is te vinden in de blokken header, navigatie, contact en footer. Let op! De afbeelding die hier geplaatst wordt zal altijd in het geuploade formaat worden weergegeven. Een contentmedia Dit is een afbeelding dat in een blok staat. Item media Een media item is een afbeelding dat ergens aan gelinkt kan worden. Je kunt de afbeelding ook vervangen door een video

15 Kaart Een kaart kun je linken aan je adres. 1. Dit doe je door op het pennetje van de kaart te klikken. 2. Als je dan vervolgens op de kaart klikt komen er bij eigenschappen (aan de rechterkant van het scherm) bewerkings opties te staan. 3. Hier kan je het adres aanpassen zodat mensen je kunnen vinden. Ook kun je andere opties kiezen om de weergave aan te passen. One - page menu hoe maak ik een one - page menu aan Als je een onepage menu wilt kun je dit zelf instellen. Dit doe je door de onderstaande stappen te volgen. 1. klik op de menubalk en klik op het potloodje om te bewerken 2. Klik vervolgens op de tekst 3. Er verschijnt nu aan de rechterkant een bewerkings balk. 4. Klik Onepager menu aan Je hebt nu een onepager aangemaakt Je gaat nu de onderwerpen kiezen waar naartoe moet worden gescrolld. Hier pas je je adres aan. Hiermee kun je in en uitzoomen op de kaart. Je kunt men de mogelijkheid geven om in en uit te zoomen op de kaart. Hierdoor kan men door de straat lopen. De kaart word hierdoor in het grijs weergeven

16 One - page menu aanpassen 1. Ga naar de balk van je keuze, via het menu. 2. Je klikt hier op het potloodje. 3. Er verschijnt dan aan de rechterkant van het scherm een bewerkings menu. Hier vul je bij naam ( in onepager menu in) Zonodig in meerdere talen. Wanneer je dit hebt gedaan bij alle kopjes heb je je onepager gemaakt. 4. Als je nu de pagina herlaad zie je in de menubalk de onepage koppen staan. Verbergen op scherm Je kunt een blok, tekst, afbeelding, knop verbergen in je scherm deze is dan niet meer zichtbaar op de door jouw ingestelde beeldschermen. Maar deze bestaat nog wel. Je kunt een object verbergen door: 1. op een blok te klikken en vervolgens op het potloodje om te bewerken. ( Je kunt nu het hele blok verbergen) 2. Je kunt ook een tekst, afbeelding of knop verbergen. Dit doe je dan door op het object te klikken dat je wilt verbergen. (Dit is optioneel. Als je een heel blok wilt verbegen sla je deze stap over) 3. Er verschijnen nu aan de rechter kant van je scherm bewerkings opties. Kies hier voor welk soort scherm je deze wilt verbergen. 4. Klik vervolgens op het vierkantje erachter zodat deze blauw kleurt en er een vinkje in komt te staan. Zichtbaar maken Als je een object verbergt kun je deze ook weer zichtbaar maken. Dit gaat alleen iets anders bij een blok dan bij een tekst, afbeelding of knop. Als je een blok weer zichtbaar wilt maken volg je deze stappen: 1. Als je een blok verbergt verschijnt er rechtsboven in beeld een oogje. Als je deze aanklikt verschijnen alle blokken weer die je verborgen hebt

17 Als je een tekst, afbeelding of knop weer zichtbaar wilt maken volg je deze stappen: 1. Als je een object in een blok verbergd verschijnt er onder het groene vinkje aan de rechterkant van het blok een oogje. Wanneer je hier op klikt worden ALLE verborgen objecten weer zichtbaar in het huidige blok. Basisiconen Icoon Omschrijving Potlood: Hiermee start je de bewerking van jouw blok. Uitloggen: Met deze button log je uit. Voorvertoning: Hier kun je zien hoe jouw website eruit komt te zien voor bezoekers. De link (in je browser) kun je delen met anderen en zij zien dan de preview website. Na publiceren wordt de website pas supersnel. Modus: Als de modus op het potloodje staat kun je je website bewerken. Schermgrootte: Hiermee kun je controleren hoe jouw website op diverse devices wordt weergegeven. B.v. Op mobiel, tablet en liggend mobiel. Vinkje: Je kunt met het vinkje alle aanpassingen binnen een blok opslaan. Let op: Opgeslagen aanpassingen kunnen niet ongedaan gemaakt worden. Doordat wij al jouw aanpassingen direct opslaan op onze server kun je niet met control - z de bewerking ongedaan maken. Mouse over: Wanneer je hier op klikt kun je de tekst aanpassen die op een afbeelding komt te staan wanneer je er overheen gaat met de muis. Ook kun je de kleur aanpassen. Support: Heb je vragen dan kun je snel en gratis contact opnemen met onze support afdeling. We zijn te bereiken op: of per mail: support@web-made-easy.nl Kopiëren: Biedt de mogelijkheid om jouw website of pagina te kopiëren. Wijzigingen in de gekopieerde pagina of website hebben geen invloed op de originele website. Verwijderen: Je kunt hiermee jouw website of pagina verwijderen