Weebly Inhoud 1 Starten met Weebly... 3 1.1 Aanmelden / Inloggen... 3 1.2 Website aanmaken... 3 1.2.1 Eerste website... 3 1.2.2 Tweede website... 5 2 : basis... 6 2.1 Elementen op een pagina... 6 2.1.1 Tekst... 6 2.1.2 Foto toevoegen... 8 2.1.3 Foto opmaken... 9 2.1.4 Elementen naast elkaar plaatsen... 10 2.2 Meerdere pagina s... 11 2.2.1 Pagina aanmaken... 11 2.2.2 Navigatiemenu... 11 2.3 Design... 12 2.3.1 Design selecteren... 12 2.3.2 Lettertype aanpassen... 13 2.3.3 Hoofdfoto aanpassen... 13 2.3.4 Logo... 13 2.4 Website publiceren... 14 3 : vervolg... 15 3.1 Elementen... 15 3.1.1 Bestand... 15 3.1.2 Links... 15 3.1.3 Fotogalerie en diapresentatie... 16 3.1.4 YouTube Video... 16 3.1.5 Google-kaart... 16 3.1.6 Contactformulier... 16 3.1.7 Links naar sociale media... 18 Starten met Weebly Aanmelden / Inloggen 1
3.1.8 Elementen kopiëren... 18 3.2 Webadres (domein) aanpassen... 19 3.3 Website optimaliseren voor zoekmachines (SEO)... 19 3.3.1 Enkele tips... 19 3.3.2 Aantal bezoekers... 20 4 : extra... 21 4.1 Blog... 21 4.1.1 Blogpagina aanmaken... 21 4.1.2 Bericht toevoegen... 21 4.1.3 Zijbalk blog... 22 4.1.4 Bloginstellingen... 23 4.1.5 Commentaren... 23 4.1.6 Facebook commentaren... 23 4.2 Toepassingen embedden... 24 4.2.1 Andere website... 24 4.2.2 Video en audio... 24 4.2.3 Activiteitenkalender... 24 4.2.4 Google drive... 25 4.2.5 Spreekwoord / Citaat van de dag... 26 4.2.6 Puzzel... 26 4.2.7 Tabel... 26 4.3 HTML/CSS aanpassen... 28 4.3.1 Voetnoot... 28 4.3.2 Tabel... 29 Starten met Weebly Aanmelden / Inloggen 2
1 Starten met Weebly 1.1 Aanmelden / Inloggen Ga naar: www.weebly.com Nog geen account bij Weebly? - Vul je gebruikersnaam en e-mailadres in. - Kies een wachtwoord. Dit wachtwoord is enkel voor Weebly en is dus verschillend van het wachtwoord van je mailbox!! - Je kan je ook via Facebook aanmelden. Wel al een account bij Weebly? - Klik op log in (rechtsboven). - Vul je e-mailadres en wachtwoord in. - Je kan ook via Facebook inloggen. 1.2 Website aanmaken 1.2.1 Eerste website Choose a theme Dit thema kan je nadien nog gemakkelijk veranderen of aanpassen Choose your website domain Starten met Weebly Aanmelden / Inloggen 3
Webadres Er zijn 3 opties: gratis betalend Kies in eerste instantie optie 1 = subdomein van weebly.com = gratis. Vul het webadres aan. Het webadres kan je achteraf nog wijzigen, zie 3.2. Je krijgt een website die hierop lijkt: Starten met Weebly Website aanmaken 4
1.2.2 Tweede website Als je in Weebly al een website hebt aangemaakt, kan je nog een 9 sites aanmaken via de knop site toevoegen. Om meer dan 10 websites te kunnen maken, moet je overschakelen op de betalende Weebly Pro versie. Starten met Weebly Website aanmaken 5
2 2.1 Elementen op een pagina 2.1.1 Tekst Om tekst toe te voegen sleep je een van de tekstelementen naar het lege deel van je website. Sleep bijvoorbeeld het tekstelement text naar de lege ruimte rechts. (Klik daarvoor met de linkermuisknop op het element, houd de linkermuisknop ingedrukt, verplaats de muis en laat de linkermuisknop los). Het volgende tekstvak verschijnt: Wijzig de tekst. Met de knoppen die bovenaan verschijnen kan je de tekst opmaken: Merk op dat je het lettertype niet kan aanpassen. Dit hoort bij het design, zie 2.3.2. Elementen op een pagina 6
Met de knop kan je een link maken met een andere website, een pagina in je eigen website, een bestand of een e-mailadres. Zie 3.1.1 voor meer informatie. Elementen op een pagina 7
2.1.2 Foto toevoegen Om een foto toe te voegen sleep je een van de foto-elementen naar je website. Sleep paragraaf met foto of foto naar je website. Klik op het blauwe vak om een foto toe te voegen: Het volgende keuzemenu verschijnt: Er zijn 4 opties: 1: De afbeelding staat op je computer. 2: Je wil een afbeelding gebruiken uit de Flickr fotodatabank met creative commons licensed images. Geef een zoekterm in en selecteer de gratis foto s. In de voetnoot verschijnt een verwijzing naar Flickr. 3: De foto s uit de Flickr fotodatabank kan je aan je favorieten toevoegen. 4: De foto (die al van jou is) staat op een andere website. 1 2 3 4 Elementen op een pagina 8
2.1.3 Foto opmaken a Klik op de foto foto bewerken via de volgende opties: Elementen op een pagina 9
2.1.4 Elementen naast elkaar plaatsen Standaard komen alle elementen onder elkaar te staan. Om meerdere zaken naast elkaar te plaatsen, gebruik je multiple columns : Je kan 2 of meer kolommen aanmaken. Sleep de elementen (tekst, foto s, ) naar de kolommen. Met de blauwe pijltjes tussen de kolommen, kan je de kolommen groter/kleiner maken. Elementen op een pagina 10
2.2 Meerdere pagina s 2.2.1 Pagina aanmaken Ga hiervoor naar het tabblad Pagina s Een website bestaat uiteraard uit meerdere pagina s. In Weebly kan je er zoveel aanmaken als je wil. A D B C A: Nieuwe pagina aanmaken B: Naam van de pagina wijzigen C: Lay-out van de pagina kiezen D: Volgorde van de pagina s wijzigen (pagina omhoog/omlaag bewegen) of subpagina s aanmaken (pagina naar rechts/links bewegen). 2.2.2 Navigatiemenu Merk op dat de namen van de pagina s in het navigatiemenu verschijnen. In de Weebly editor kan je het navigatiemenu gebruiken om van de ene pagina naar de andere pagina te gaan. De positie en lay-out van het navigatiemenu wordt bepaald door het gekozen design, zie 2.3.1. Het is mogelijk om een pagina niet in het navigatiemenu op te nemen. In het tabblad Pagina s vink je hiervoor de volgende optie aan: Door in je website een link aan te brengen naar deze pagina, zie 3.1.2, kan je wel naar deze pagina verwijzen. Meerdere pagina s 11
2.3 Design 2.3.1 Design selecteren Ga naar Design > Alle Thema s. Baseer je bij het kiezen van het design op de achtergrond en de positie en lay-out van het navigatiemenu. De hoofdfoto en de lettertypes kan je nog aanpassen. Beweeg met de muis over een design dat je aanspreekt. Klik op de knop preview. Dan zie je je eigen website in deze lay-out. Je hebt 3 opties: 1 Use Theme: Het design gebruiken voor je website. Opmerking: je kan het design later nog altijd aanpassen. 2 Favorite: Het design toevoegen aan je favorieten. 3 Cancel: Een ander design zoeken. Design 12
2.3.2 Lettertype aanpassen Als je een design gekozen hebt, kan je het bijhorende lettertype aanpassen via Designopties. 2.3.3 Hoofdfoto aanpassen B C A D A: huidige foto verwijderen B: nieuwe foto toevoegen (eventueel kan je ook tekst toevoegen) C: foto bewerken D: resultaat opslaan, hierbij zijn er 3 opties: 1 As default header: voor alle pagina s met dezelfde lay-out 2 Only to this page 3 Only to selected pages: keuze uit alle pagina s met dezelfde lay-out 2.3.4 Logo Linksbovenaan staat de titel van je website. Je kan die wijzigen of je logo in de plaats zetten. Design 13
2.4 Website publiceren Klik rechtsbovenaan op de knop: Dan verschijnt het volgende bericht: B A A: klik op je webadres om de website te bekijken B: sluit het bericht Door naar Instellingen te gaan, kan je de publicatie van je website teniet doen: Archiveren: uw site downloaden als een zip-archief Publiceren ongedaan maken: publiceren van de site ongedaan maken Website publiceren 14