Responsive websites maken met Adobe Muse

Adobe is vanaf 2017 gestopt met verdere ontwikkeling van Adobe Muse en in 2020 stopte de ondersteuning voor gebruikers. Het programma is echter nog steeds te downloaden en heel goed bruikbaar om responsive websites te ontwerpen voor zij die geen code (willen) kennen. Adobe biedt als vervanging voor Adobe Muse nu Adobe XD aan, maar hiermee kun je geen websites online publiceren. Met Adobe XD kun je enkel prototypes maken voor websiteontwerpen.

Makkelijk websites maken met Adobe Muse

Leer hoe je met Adobe Muse prachtige responsive websites maakt en publiceert. Dankzij de eenvoudige interface kan iedereen zonder voorkennis van HTML-code, CSS en/of JavaScript toch snel en eenvoudig een responsive website creëren en online publiceren. Je kunt voor het ontwerp helemaal je eigen wensen en ideeën uitwerken. What you see is what you het, dus ontwerp je zonder beperkingen precies zoals jij de website hebben wilt. 

Dankzij Basispagina’s kun je snel meerdere pagina’s met eenzelfde layout creëren die consistent blijven, ook als je layout later toch nog wilt wijzigen.

Muse voorzien met widgets in handige en zeer gewilde functionaliteiten als het maken en vormgeven van onder andere fotogallerijen, navigatiemenu’s en social media. Je behoeft enkel de widget via eenvoudige invoervensters te vullen met jouw content en te kiezen uit verschillende opties en gedragingen.

Doel van de cursus

In deze 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. Uiteindelijk kun je precies de wbeistes maken zoals jij ze wil en online publiceren op jouw domeinnaam.

Wat ga je leren

• Statische-, vloeiende- of responsive website maken (Fixed, fluid and responsive)
• Bouwblokken van elke website (Header, Content en Footer)
• Interface, gereedschappen en workflow van Adobe Muse
• Webpagina’s maken en verwijderen (Flowchart, Plan Mode)
• Gebruik maken van hulplijnen (Rulers, Guides, Smart Guides)
• Navigeren door websites en -pagina’s (navigate sites & pages)
• Creëren en vormgeven van Master Pages
• Elementen positioneren en gedrag bepalen (Positioning & Resize)
•  Werken met lagen (Layers)
• Navigatiebalk creëren (Widget Horizontal Menu)
• Vormen tekenen en vormgeven (Rectangle & Ellipse Tool)
• Objecten selecteren, transformeren en dupliceren (Selection Tool)
• Afbeeldingen plaatsen en uitsnede bepalen (Place Images)
• Effecten toepassen (Effects)
• Werken met objectstijlen (Graphic Styles)
• Tekst importeren en alineaopmaak (Text-design)
• Tekst opmaken met teken- en alineastijlen (Character- en Paragraph Styles)
• Webfonts activeren en toepassen (Web Fonts)
• Lijsten toepassen en vormgeven (Lists, Bullets & Bullet Styles)
• Pagina’s opmaken en vormgeven
• Links creëren, vormgeven en beheren
• Vormgeving van tekstlinks bepalen (Text Link Style)
•  Paginalinks beheren van website (managing pagelinks)
• Interactiviteit toevoegen aan website
• Werken met buttons, rollovers, widgets, google maps en formulieren
• Website responsive maken voor desktop, tablet en smartphone
• Queries / breekpunten maken op Master Page (Breakpoints)
• Hamburgermenu maken
• Website publiceren en beheren
• Zoekmachine-optimalisatie (SEO-tools and rules)
• Publiceren met ftp (File Transfer Protocol)
• Broncode exporteren (HTML, JavaScript & CSS)

Duur en studiebelasting

De duur van deze videocursus is 6 uur met een studiebelasting van ca. 24 tot 30 uur. Onze video’s zijn met zorg gemonteerd. Hierin leggen we in een zo kort mogelijke tijd exact uit wat je moet weten. Echter om je deze technieken volledig eigen te maken zul je met al het geleerde moeten experimenteren en oefenen. Hiervoor kun je ofwel ons downloadbaar materiaal of eigen materiaal gebruiken. Houd rekening met een minimale studiebelasting van drie keer de videoduur.

Doelgroep van deze cursus

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

Lesmaterialen

De cursus bestaat uit video’s met downloadbaar oefenmateriaal. Al onze video’s zijn Nederlands gesproken en ondertiteld. Wij maken zoveel mogelijk gebruik van de Engelse Interface van de software maar we benoemen in onze uitleg ook de Nederlandse (vak)termen. Je dient zelf zorg te dragen voor de installatie van de benodigde software op je computer.

Opbouw van de cursus

Deze cursus is opgebouwd uit instructievideo’s verdeeld over hoofdstukken. Wij adviseren om de volgorde van de hoofdstukken en de video’s aan te houden aangezien latere video’s vaak teruggrijpen op geleerde kennis in eerder video’s.

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.

Toetsing

Deze cursus bevat geen (eind)toets. Je ontvangt bij afronding een certificaat als bewijs van deelname.

Certificaat / afronding

Na het succesvol volgen van deze cursus ontvang je een bewijs van afronding van House-of-Training. Bewaar dit deelnamebewijs bij je (LinkedIn) profiel, portfolio of online CV. Zo toon je aan iedereen jouw kennis, ambitie en talent.