Webpagina’s maken en verwijderen (Flowchart, Plan Mode)

uit de cursus Responsive websites maken met Adobe Muse

Leuk dat je onze site bezoekt,

Ben jij leergierig?. Jij abonnee en dan ik geef jou 5% korting op de eerste maand! Wat vind je daar van? gebruik als kortingscode: DIEHARD

Geef een reactie of stel een vraag

Geef een reactie

Registreer als je wilt reageren.

Deze website gebruikt Akismet om spam te verminderen. Bekijk hoe je reactie-gegevens worden verwerkt.

Responsive websites maken met Adobe Muse

perm_identity Belinda | video_library 71 video's | query_builder 06:00:26

Makkelijk websites maken met Adobe Muse

Leer hoe je met Adobe Muse websites maakt en publiceert. Dankzij de eenvoudige interface kan iedereen zonder voorkennis van HTML-code, CSS en/of JavaScript toch vrij eenvoudig een responsive website creëren en online publiceren. Jammer genoeg is Adobe gestopt met de verdere ontwikkeling van Muse maar het programma is nog steeds te downloaden en te gebruiken.

Doelgroep van deze cursus

Iedereen die websites wil leren maken zonder kennis te willen hebben van broncode, html, css en javascript.

Wat ga je leren

In deze online cursus leer je de verschillen tussen een statische, vloeiende en responsive website. Alle meest gebruikte vensters, gereedschappen en instellingen komen aan bod.  Direct vanaf de eerste instructievideo’s besteden we aandacht aan de meest snelle en efficiënte manier waarop je webpagina’s en -sites zou moeten maken. Dus werken met master pages en stijlen.

Interactieve media met JavaScript Widgets

Je leert de widgets van het programma toe te passen. Dit zijn voorgebakken JavaScript toepassingen waarmee je in een handomdraai bijvoorbeeld een fotogallerij, formulier en interactieve kaarten kunt maken.

Om ervoor te zorgen dat de website er goed uitziet op elk apparaat. Van mobiel, tablet tot desktop besteden we een volledig hoofdstuk aan Responsive Webdesign.

Vereiste voorkennis en vaardigheden

Dit progamma kan iedereen leren, het is laagdrempelig en werkt met het WYSIWYG-principe. Jij creëert prachtige webpagina’s met behulp van de gereedschappen, opties en instelvensters en Adobe Muse schrijft de benodigde code voor jou op de achtergrond weg.

Zodra je een nieuwe website aanmaakt verschijnt dit scherm in adobe Muse.

Je bevindt je nu in de Plan-mode.

Bewaar dit document. Ga naar File > Save Site. Ik noem deze webevent-. Klik op Bewaar.

Rechts bovenin zie je vier verschillende knoppen.

Ze staan in de volgorde zoals je normaliter ook een website ontwerpt

Eerst bouw je alle pagina’s op in ‘Plan’ mode.

Dan ga je de aparte pagina’s vormgeven en layouten in de ‘Design’ mode.

Daarna bekijk je per pagina een voorvertoning in ‘Preview’ mode.

En als laatste wil je de website gaan publiceren. En dat doe je met behulp van de ‘Publish’ mode.

We starten hier dus in de Plan-mode.

Je krijgt bij het aanmaken van een nieuwe site een Master-page en een webpagina.

De webpagina wordt automatisch ‘Home’ genoemd.

De namen van de pagina’s worden ook overgenomen als we straks de navigatiebalk van de website gaan bouwen.

Dus is de naamvoering van de pagina’s belangrijk.

Dubbelklik op de naam ‘Home’ en je kunt hier een andere naam invoeren. Bijvoorbeeld ‘Webevent’.

Druk op de Enter-toets om de naamswijziging te bevestigen.

Onder de naam zie je dat deze pagina is gebaseerd op de [A-Master]

Hoe je gebruik maakt van de Master-pagina's leg ik later in dit blok uit.

Je maakt nu eerst alle pagina’s aan waaruit je website gaat bestaan.

Loop met de muis naar de pagina ‘Webevent’.

Er verschijnen + iconen links , rechts en aan de onderkant.

Klik op het + icoon aan de rechterkant om een tweede pagina toe te voegen.

Deze heet standaard Untitled . De naam wordt direct voor je geselecteerd.

Dus je kan deze vervangen door direct te gaan typen. Noem deze pagina ’Sprekers’.

Druk op de Enter-toets om de naam bevestigen en toe te passen.

Activeer de tweede pagina.

Maak dan nog een tweetal pagina’s aan op dezelfde manier.

Noem deze opeenvolgend ‘Sessie en registreren’.

Ik ben een pagina vergeten tussen Sessie en Registreren.

Klik dan op het rechter + icoon van sessie, of op het linker + icoon van registreren.

Om een pagina tussen te voegen. Noem deze ‘locatie’.

Al deze pagina’s staan naast elkaar. Dit zijn de hoofdpagina’s.

De volgorde hiervan is bepalend voor de volgorde in het navigatiemenu.

Om pagina’s om te wisselen kun je deze simpelweg oppakken en verslepen.

use geeft met kleurvlakken aan waar je de pagina naartoe kunt verslepen.

Zodra je loslaat op de nieuwe locatie worden de pagina’s geherschikt.

Je ziet dat een pagina ook onder een bestaande pagina neergezet kan worden.

Dan wordt dat een subpagina van de hoofdpagina.

Op de pagina ‘Sprekers’ worden alle sprekers kort voorgesteld.

Stel dat je per spreker ook nog een eigen pagina wilt maken?

Dan klik je op het + icoon onder het pagina icoon.

De pagina’s geef ik de naam van de sprekers.

Zo kan ik elke spreker straks een eigen profielpagina geven.

In de Flowchart wordt dit dan op deze manier weergegeven.

De namen van de sprekers zullen als een submenu van het hoofdmenu verschijnen.

Om de pagina’s weer te verwijderen!

Klik je op het sluit-icoon rechts bovenaan van de pagina-pictogram.

Je kunt de wijze waarop de Plan-mode wordt weergegeven bepalen met de opties ‘Horizontal en Vertical Site Map’.

Kies wat jij het prettigst en overzichtelijkst vindt.

Met ‘Size’ kun je de pictogrammen groter en kleiner maken.

En met de optie ‘Master Badge’ toon of verberg je op welke Master-Page de pagina’s gebaseerd zijn

E met ‘Thumpnail’ bepaal je of je wel of niet een voorvertoning van het ontwerp wilt zien.

Deze opties zou ik voorlopig eerst aangevinkt houden.