Social Media (Social widgets)

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.

Muse biedt een aantal makkelijk te plaatsen social media widgets.

Sommigen wil je misschien op alle pagina’s terug laten komen.

Dan plaats je deze op een Master Page. Ik open de A-Master Page.

Ga naar de Widgets Library en open de map Social.

De eerste widget is de Adobe Muse Badge.

Sleep deze in beeld. Direct krijg je de opties in beeld.

Elke widget biedt weer verschillende opties dus bestudeer deze altijd goed.

Hier kun je slechts kiezen uit een donker of licht thema.

Ik hoe deze op licht en ik sluit het optiespalet.

Om de widget proportioneel te verkleinen of te vergroten.

Moet je, in dit geval, de Shift-toets ingedrukt houden terwijl je het kader aanpast.

Zodra je loslaat wordt de inhoud opnieuw berekend.

En ik kan de badge plaatsen daar waar ik wil.

Ik sluit even mijn Widgets Library.

Als ik deze in de footer wil plaatsen, waar ik hem nu heb neergezet.

Activeer dan in het control-venster ook de optie ‘footer’.

En vergeet dan ook niet om in het lagen-venster te controleren dat de badge ook daadwerkelijk in de footer-laag staat.

En ik zie aan het selectie vlakje dat de huidige selectie, en dat is de badge, inderdaad in de footer-laag staat.

Ik plaats nog een social media widget.

Ditmaal de Facebook-Like button. En ook deze sleep ik in mijn pagina.

Bij de opties kies ik als Layout voor Box Count.

Ook nu kan ik weer kiezen voor een bepaald kleurenschema, licht of donker.

En de action kun je nog bepalen.

Van Like naar recommended, aangeraden. Ik laat hem op Like staan.

De url die je wilt lijken is op dit moment ingesteld op de 'Current Page'. dat zal vaak het geval zijn.

Stel dat je toch wilt refereren naar een andere webpagina, moet je deze uitvinken. Kun je hieronder de url kwijt.

Maar ik laat hem staan op Current Page.

Het kader is nu te groot voor de button. Deze kun je eenvoudig smaller maken.

Trek je niks aan van deze vreemde voorvertoning. Want het lijkt alsof je nu disproportioneel gaat schalen.

Maak de button gewoon veel kleiner, laat los. Hij wordt opnieuw berekend.

En dit is de minimale grootte waarop de button geplaatst kan worden.

Stel dat ik deze in de header wil plaatsen.

Dan open ik mijn lagen-venster.

En versleep de selectie van de button naar mijn header-laag.

En dan plaats ik hem natuurlijk ook daadwerkelijk ergens op de header.

Je ziet in de lijst bij Widgets > Social ook de mogelijkheid m een vimeo- of youtube film te plaatsen.

Stel dat ik een video wil plaatsen op één van mijn pagina's.

Dan keer ik terug naar mijn Plan-Mode. En activeer dan de pagina waarop ik mijn Youtube filmpje wil plaasten.

Klik en sleep deze in de pagina.

In de Options staat dat je de video-ID van de video moet invoeren.

Deze oet je ophalen bij YouTube. Surf naar de bewuste YouTube-pagina.

Hier staat deze video. Deze wil ik gaan laten opnemen.

Daarvoor wil ik deze url gaan delen. Dus je klikt op de knop voor Delen.

Loop naar beneden. Dan vind je hier de Video-ID.

Die moet je gaan kopiëren. Dat doe ik met Commando C. En dan keer ik weer terug naar Adobe Muse.

In het optie-palet plak ik bij de video-ID, met Commando V, het adres.

Enter om te bevestigen en de standaard afbeelding wordt nu vervangen door deze voorvertoning van de video.

Er zijn nog allerlei opties beschikbaar voor het vertonen en het gedrag van de video.

Je kunt bijvoorbeeld wel of niet kiezen om de afspeelknoppen te laten tonen. Die staat bij mij aan.

Net zo goed als dat deze ook op een Full-screen kan worden getoond.

Als je wilt dat de video automatisch wordt afgespeeld.

Zodra de bezoeker de pagina bezoekt zet je 'Autoplay' aan.

Wil je dat de video kan loopen, dus herhalend kan worden afgespeeld, vink je Loop aan.

Ik kan je aanraden om al deze instellingen een keer af te lopen.

te kiezen en te bekijken in de browser.

Om de werking van deze social widgets te bekijken en te controleren open ik de website in een browser.

Via File > Preview Site in Browser.

Bovenin de header staat mijn Like-button van Facebook. Die staat op elke pagina.

Onderaan de pagina staat mijn Muse-button. ook die staat natuurlijk op elke pagina.

Kom ik aan bij de pagina van Locatie. Vind ik daar mijn YouTube video.

Het is altijd aan te raden om video’s vanaf vimeo of youtube te laten streamen.

Hun streamingcapaciteit is vele malen groter, sneller en betrouwbaarder...

...dan dat je de video als een afbeelding zou embedden op je pagina en vanaf je eigen host zou streamen.

Bekijk en experimenteer met de overige social widgets van Adobe Muse.

Bestudeer goed de options van elke widget.