Offline en makkelijk!

Met Mobirise kan jij OFFLINE een website maken. Zonder dat het heel ingewikkeld is. Maak je pagina’s, vul die met blokken die je er zo in sleept en maak een menu met je juiste koppelingen. Deze films heb ik gemaakt voor mijn leerlingen Dienstverlening en Producten, die voor het profielvak Multimedia producten maken een website moeten maken.

Een eis van het Cito is dat ze dit moeten doen in een offline web bouw programma. Die zijn er genoeg, maar kosten vaak geld en zijn ingewikkeld om mee te werken. Leerlingen D&P hoeven alleen basis te weten. Dus ik wil ze een ingewikkeld programma niet aandoen. Mobirise is niet perfect, maar het is gratis, offline en simpel. Hieronder zie je de afspeellijst naar de serie YouTube video’s met training. Hou je niet van lange praat uitleg films? Scrol dan gauw naar beneden voor de snelle mini – filmpjes!

De Mobirise training:

  1. Instellen: 2 Vinkjes
  2. Pagina’s aanmaken
  3. MENU 1 Iconen
  4. MENU 2 Logo en sitenaam
  5. MENU 3 Items toevoegen en linken invoegen
  6. MENU 4 Sub menu items maken
  7. MENU 5 Toevoegen aan bewaarde blokken
  8. Blokken toevoegen en bewerken
  9. Tekst aanpassen met Site Styles
  10. Nog meer blokken
  11. Knoppen aanpassen
  12. Snel je site vullen
  13. Je site bekijken
  14. Je site opslaan.

#1: Twee heel belangrijke vinkjes 

Voordat je aan de slag gaat is het heel belangrijk dat jij 2 vinkjes aanzet. Deze vind je in de app instellingen en zorgen ervoor dat je het menu en de blokken die je gaat maken kan bewaren en op een andere pagina weer kan invoegen. Dat scheelt heel veel tijd want dan hoef je niet voor elke pagina alles opnieuw te maken. Het tweede vinkje geeft jou toegang tot de site Styles. Daarmee kan je het lettertype en de lettergrootte instellen voor heel je site. Naar boven

#2: Pagina’s aanmaken 

Start met een nieuwe site, geef deze een naam en begin met het aanmaken van je pagina’s. Ga dus niet direct op de rode knop drukken en blokken slepen, zorg er eerst voor dat je de pagina’s aanmaakt die op je site terecht gaan komen. Als voorbeeld heb ik maar konijnen gebruikt. Je moet wat 😉 Naar boven

#3: Menu 1 Iconen 

Nu gaan we aan de slag met het menu. Zorg ervoor dat je op je Home pagina bezig bent en sleep een menu erop. Je ziet al gelijk 2 items in dit menu staan met 2 iconen. Ik heb soms ruzie met die iconen dus liever haal ik die weg. Werken ze wel goed bij jou? Prima! Dan laat je ze staan en sterker nog, dan kan je ze gebruiken en je menu opleuken met toffe iconen. Naar boven

#4: Menu 2 Logo en sitenaam 

Linksboven zie je het Mobirise logo en de naam. Die kan je natuurlijk aanpassen met een eigen plaatje of logo en de naam van je site. Heel eenvoudig, klik erop en je kan een afbeelding kiezen van de online bibliotheek of eentje die al op je PC staat. Klik op de naam en typ daar de naam van je site. Naar boven

#5: Menu 3 Items toevoegen en koppelingen maken 

Nu is het tijd om je menu items te maken. Klik op een item en pas de naam aan. Klik op de + om een item toe te voegen. In dit voorbeeld maak ik 4 menu items, samen met de Home zijn dat dus 5 items in het menu. Het knopje helemaal links brengt jou naar een schermpje waar je de link kan instellen. Je kan linken naar een andere site of naar pagina’s binnen je eigen site. Doe dat, dus voor bijvoorbeeld ‘Soorten’  link je naar de pagina ‘Soorten’. Enzovoort. Klik op het blauwe tandwiel om meer instellingen van je menu aan te passen. Probeer ze gewoon ff uit en je ziet wat ze doen. Je kan bijvoorbeeld de blauwe knop wel of niet tonen. Naar boven

#6: Menu 3 Sub menu items maken 

Nu is het tijd om je sub menu items te maken. Als je op een menu items klikt dan moeten die naar beneden uitklappen. Klik op een item en kies voor het knopje ‘sub menu toevoegen’. Die dat 3 keer. De bovenste wordt je hoofd menu item en de 2 eronder je 2 sub menu items. Pas de naam en zorg voor de juiste links naar de pagina’s. Naar boven

#7: Menu 4 Toevoegen aan bewaarde blokken 

Nu is je menu klaar! Maar deze staat nog alleen op je Home. Je wilt dit niet opnieuw maken voor elke pagina… dat zou veel te veel werk zijn. Je kan je menu toevoegen aan je bewaarde blokken. Deze kan je vervolgens op al je pagina’s slepen. Klaar! Naar boven

#8: Blokken toevoegen en bewerken 

Nu ga je de pagina’s vullen met blokken. Er zijn veel verschillende blokken waar je uit kan kiezen. De achtergrond afbeelding kan je aanpassen door op het blauwe tandwieltje te klikken en bij achtergrond afbeelding op het plaatje te klikken. Dan krijg je een schermpje waar je een afbeelding uit de online bieb kan kiezen of eentje van je computer kan selecteren. Klik op de tekst en begin met typen. Zo simpel is het! Naar boven

#9: Tekst aanpassen Site Styles 

Maar die tekst wil jij natuurlijk aanpassen. Klik erop en je kan deze

  • dik gedrukt maken
  • schuin gedrukt maken
  • er een koppeling van maken

Maar ook kan

  •  Anders uitlijnen
  • De kleur aanpassen
  • De stijl aanpassen
    1. Lettertype
    2. Lettergrootte

Alle tekst op jouw site bestaat uit Titel 1,2 of 3, tekst en menu. Pas je bijvoorbeeld ergens een Titel 3 tekst aan, dan zal die ALLE TITEL 3 tekst op je hele site aanpassen. Klik op het blauwe potloodje in het menuutje of links onder boven de rode knop en daar kan je jouw teksten aanpassen. Kies voor een leuk lettertype en een passende grootte. Naar boven

#10 Nog meer blokken 

Aan je pagina’s kan je vele soorten blokken toevoegen. Deze kan je er gewoon inslepen en later ook nog eventueel de volgorde aanpassen. Teksten kan je aanpassen, afbeeldingen toevoegen en nog veel meer. Klik op het blauwe tandwieltje voor de instellingen voor dat blok. Mobirise is eenvoudig en dat is mooi, maar dat betekend ook dat je soms iets niet kan aanpassen terwijl je dat wel zou willen. Dan moet je een ander blok proberen of gewoon accepteren en werken met wal er wél kan. Naar boven

#11 Knoppen aanpassen 

Ook de knoppen kan je aanpassen, natuurlijk. De kleur, de tekst en de link. In mijn voorbeeld zet ik op elke hoofd menu item pagina 2 knoppen naar de sub menu items. Dus op de pagina ‘soorten’ komen 2 knoppen naar ‘lang haar’ en ‘kort haar’. Naar boven

#12 Snel je site vullen 

Je wilt natuurlijk niet al die blokken opnieuw maken voor al je pagina’s. Sla de blokken die je maakt op in je bewaarde blokken. Sleep deze vervolgens op andere pagina’s en dan hoef je alleen te tekst en de afbeeldingen aan te passen. Dat gaat je heel veel tijd schelen. Naar boven

#13 Je site bekijken 

Maar hoe ziet je site er nu echt uit? Klik op het oog om je site te bekijken. Deze wordt dan geopend in je browser. Het lijkt dan net alsof die op internet staat, maar dat is niet zo. Hij staat gewoon tijdelijk op je C schijf en dus helemaal Offline. Handig! Naar boven

#14 Je site opslaan. 

Mobirise slaat je projecten automatisch op zodat je er altijd weer verder mee kan. Echter, wat nu als je jouw site aan andere wilt laten zien, of moet inleveren bij je docent. Dat kan heel makkelijk en handig:

  1. Maak op je PC een map met je Site naam
  2. Klik in Mobirise op ‘Publiceren’
  3. Kies in het schermpje voor ‘Locale map’
  4. Selecteer je map bij ‘Browse’
  5. Klik op ‘Publiceren’
  6. En klaar!

Mobirise zal nu alles van je site in die map zetten. Klik op een pagina en de site zal geopend worden in de browser. Deze map kan je eventueel kopiëren naar een .zip map en die als bijlage bij een mail versturen. Handig! Naar boven

Heb je ideeën, suggesties, opmerkingen of vragen? Laat het me weten?

Vragen?

REAGEER

[recaptcha size:compact]