Dit is een handleiding voor: Weebly
Inhoudsopgave Aanmelden bij Weebly ........................................................................................................ 3 Webpagina’s toevoegen ..................................................................................................... 6 Bouwen: elementen toevoegen .......................................................................................... 8 Basis ......................................................................................................................................................... 9 Structuur................................................................................................................................................ 10 Media..................................................................................................................................................... 11 Meer.. .................................................................................................................................................... 12 Site publiceren....................................................................................................................13 Site-adres en titel aanpassen ............................................................................................14 Extra info en bronnen ........................................................................................................15
Aanmelden bij Weebly Stappen
Omschrijving
Stap 1
Surf naar www.weebly.com
Stap 2
Klik op sign up.
Screenshot
We vullen de gegevens in en klikken op ‘Sign up free’.
Let op! Gebruik je UCLL-adres bij het vak e-mail. Stap 3
Er wordt gevraagd wat het hoofddoel is van de website. Wij kiezen voor “SITE”. Het maakt niet uit wat je kiest, want je hebt steeds toegang tot alle mogelijkheden van Weebly.
Deze handleiding is gemaakt door Emre Birinci.
3
Stap 4
Het thema kiezen. We kiezen hier het thema dat is voorgeprogrammeerd. Je kan dit later nog steeds aanpassen. Kies je thema en eventueel de kleur van knoppen en dergelijke en klik op
Stap 5
Registreer je domeinnaam. Dit is de link die je moet ingeven om naar je website te surfen. Weebly biedt 3 mogelijkheden aan. 1. Gratis via Weebly 2. Registreren van een nieuw domein 3. Verbinden met een al bestaand domein Wij kiezen voor de eerste optie. Let op! Kies een gemakkelijke link die te maken heeft met school en/of je vakkencombinatie. Weebly zal na het ingeven ook melden of de link beschikbaar is. Indien je een uniek domein hebt gevonden klik je op “Verdergaan”.
Deze handleiding is gemaakt door Emre Birinci.
4
Stap 6
Begin te bouwen aan je website! Weebly is gemakkelijk in gebruik door het drag & drop systeem. Dit wordt verder in deze handleiding uitgewerkt. Weebly is niet helemaal gratis. Enkele opties zijn betalend. De betalende opties zijn extra’s die niet nodig zijn voor onze website. Je kan ze herkennen door het sterretje dat er telkens bij staat.
Deze handleiding is gemaakt door Emre Birinci.
5
Webpagina’s toevoegen Stappen
Omschrijving
Stap 1
Bovenaan klikken we op “Pages”. Dit is de derde knop als we beginnen te tellen van links in de blauwe balk bovenaan.
Stap 2
Aan de linkerkant zie je een kolom waar nu standaardpagina’s staan. Je kan deze pagina’s aanpassen en nieuwe pagina’s toevoegen door te klikken op
Screenshot
Kies dan het soort pagina dat je wilt.
Geef de pagina een naam en klik op ‘save’.
Deze handleiding is gemaakt door Emre Birinci.
6
Stap 3
In de afbeelding hiernaast zie je dat er onder “Home” subpagina ‘About’ is aangemaakt. Dit is heel eenvoudig te bereiken door met je muis op de 3 puntjes te gaan staan en de pagina “vast te nemen”. Schuif dan de pagina naar rechts.
Stap 4
De pagina’s instellen. Als je aan de linkerkant op een pagina klikt, zie je allerlei instellingen. - Je kan hier de paginanaam aanpassen. - Hoe de pagina-indeling er uit ziet. Zo kan je kiezen voor de hoge, lage koptekst. Of geen koptekst of je kan kiezen voor openingspagina. Dit moet je zelf uitzoeken naargelang de indeling van je website. Klik daarna op het pijltje om terug te gaan. De wijzigingen worden automatisch opgeslagen.
Stap 5
Aan de rechteronderkant zie je onderaan ‘Delete’ staan. Hier kan je de pagina verwijderen. Klik hierop. Weebly stelt je de vraag of je de pagina zeker wilt verwijderen. Klik vervolgens op ‘YES, delete page”. Bevestig dat je de pagina wilt verwijderen. De pagina is verwijderd.
Deze handleiding is gemaakt door Emre Birinci.
7
Bouwen: elementen toevoegen Stappen Omschrijving Stap 1
Screenshot
Bouwen aan de website is niet moeilijk. Zo werkt Weebly met het systeem van “Drag and drop”. Je neemt dus onderdelen op en zet deze simpelweg op de juiste plaats. Het stuk bouwen bestaat uit basic, structure, media, commerce en more. We bespreken hieronder enkel de GRATIS elementen.
Deze handleiding is gemaakt door Emre Birinci.
8
Basis Stappen Omschrijving Stap 1
Titel toevoegen Hierbij voeg je een titel toe. Dit is een enkele regel met een groter lettertype. Je kan dit nog steeds aanpassen (grootte, lettertype, vet…)
Stap 2
Tekstvak toevoegen Hier kan je een gewone tekst ingeven. Ook heb je hier nog de mogelijkheid om verder aan te passen
Stap 3
Afbeelding toevoegen Via dit element kan je 1 afbeelding toevoegen. Je kan dit doen via een URL of via een afbeelding te uploaden vanaf je computer.
Stap 4
Galerij toevoegen Een galerij zijn meerdere afbeeldingen die na een bepaalde tijd zelf veranderen.
Deze handleiding is gemaakt door Emre Birinci.
Screenshot
9
Stap 5
Diavoorstelling toevoegen Een diavoorstelling is een tool die je kan gebruiken als fotoalbum. Je kan gemakkelijk zelf naar de volgende foto door simpelweg op de pijltjes te klikken.
Structuur Stappen Omschrijving Stap 1
Divider Hiermee kan je stukken tekst splitsen. Zo kan je bijvoorbeeld 2 kolommen of meer maken. Je kan dus ook 2 foto’s naast elkaar zetten.
Stap 2
Spacer Hiermee creëer je plaats tussen 2 andere elementen. Dit om een mooier resultaat te krijgen in de opmaak.
Deze handleiding is gemaakt door Emre Birinci.
Screenshot
10
Stap 3
Knop Je kan een knop invoegen waarmee je een snelkoppeling maakt naar een andere website of naar een pagina van jou website.
Media Stappen Omschrijving Stap 1
Document invoegen Hiermee kan je een document invoegen. Je kan het document uploaden vanaf je computer naar je website. Let op! Het is geen link, maar je ziet het document ook echt staan.
Stap 2
YouTube-fimpje invoegen Via dit element kan je een filmpje invoegen met de URL van YouTube. Aanpassen in grootte kan natuurlijk ook.
Stap 3
Flash-element invoegen Het flash-element moet je uploaden vanaf je computer.
Deze handleiding is gemaakt door Emre Birinci.
Screenshot
11
Stap 3
Bestand invoegen Een bestand invoegen is bijna hetzelfde als een document invoegen. Alleen neemt een bestand invoegen niet zoveel plaats in de opmaak in. Het wordt als het ware een link zodat de bezoeker van je website het bestand gemakkelijk kan downloaden.
Meer.. Stappen Omschrijving Stap 1
Ingesprongen blok Hiermee kan je een tekstblok invoegen die inspringt.
Stap 2
Poll Een poll is een bevraging. Je verzint dus enkele vragen en antwoorden. De bezoekers kunnen dan een antwoord kiezen en aanduiden.
Stap 3
Sociale iconen invoegen Facebook, Twitter, LinkedIn en e-mail worden ondersteund door Weebly. Je kan zo je Facebook-pagina promoten via je website.
Deze handleiding is gemaakt door Emre Birinci.
Screenshot
12
Site publiceren Stappen Omschrijving Stap 1
Screenshot
Om al je wijzigingen door te voeren zodat elke bezoeker deze kan zien, moet je je site publiceren. Klik rechtsboven op “publish”.
Deze handleiding is gemaakt door Emre Birinci.
13
Site-adres en titel aanpassen Stappen Omschrijving Stap 1
Klik op “settings” in de blauwe werkbalk bovenaan.
Stap 2
Klik op “change” om je site-adres te “continue”.
Screenshot
Het onderstaande scherm verschijnt. Pas de naam aan en klik op “verdergaan”. Vergeet je site niet te PUBLICEREN!
Stap 3
Verander hier de titel van je website en klik vervolgens op “Save”. Ook hier niet vergeten te publiceren!
Deze handleiding is gemaakt door Emre Birinci.
14
Extra info en bronnen Link 1 www.weebly.com
Deze handleiding is gemaakt door Emre Birinci.
15
