Bouwblokken van elke website (Header, Content en Footer)

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

Volgende video: Introductie Adobe Muse

Geef een reactie of stel een vraag

Geef een antwoord

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.

Bijna elke website wordt tegenwoordig opgebouwd uit bouwblokken.

Namelijk de Head en de Footer.

En daar tussenin bevindt zich het zogeheten content-gebied.

Er zijn regels in webdesign welke informatie je plaatst in de Head en in de Footer.

Het lijkt me duidelijk dat het content-gebied dat deel van de pagina is waar de inhoud wordt getoond.

Deze inhoud wisselt natuurlijk van pagina tot pagina.

De Head gebruik je om de identiteit van de website te vertegenwoordigen.

Hier zet je het logo van de organisatie of het bedrijf neer.

De navigatiebalk met daarin links naar alle inhoudelijke pagina’s.

En overige typische inhoud van de Head is onder andere een winkelwagen-icoon.

De mogelijkheid tot inloggen, de slogun van het bedrijf, een zoekfunctie etcetera.

De Head hoeft niet perse horizontaal bovenaan te staan.

De albert heijn bijvoorbeeld heeft de Head aan de linkerkant van de pagina staan.

Scroll je naar beneden op een pagina dan zie je wel onderaan elke pagina de Footer terugkomen.

In de Footer plaats je algemene bedrijfsinformatie als de contactgegevens.

Links naar juridische documenten, algemene voorwaarden, het copyright.

Je ziet hier vaak ook links naar typische bedrijfspagina’s als de klantenservice, veelgestelde vragen...

... informatie voor de pers, vacatures etcetera.

Soms zie je hier ook een volledige sitemap in opgenomen.

De content van de Head en de Footer blijft eigenlijk voor de gehele website altijd hetzelfde.

Alleen het contentgebied wisselt per pagina.

Ik wil je adviseren om bij je ontwerp hier rekening mee te houden.

Ontwerp de inhoud van de Head en de Footer met de gewenste functionaliteit en de inhoud.

Denk hier goed over na.

Want het is de bedoeling dat deze delen van de pagina voor de gehele website onveranderlijk zijn en blijven.

Alleen het contentgebied krijgt een wisselende inhoud

Dus in dit gebied kun je per pagina variëren in layout en vormgeving.

Maar de kunst is wel om qua vormgeving duidelijke regels te stellen.

Zodat de look en feel van elke pagina hetzelfde is.

Consistente vormgeving in lettertype, corpsgrootte, kleur...

... en illustratiegebruik geven de website een professioneel karakter.

Bestudeer hoe ‘mooi’ uitziende websites vormgegeven zijn.

Laat je hierdoor inspireren.

Want zoals ontwerpers het zo mooi kunnen zeggen ‘beter goed gejat dan slecht bedacht’.

Dan bedoel ik natuurlijk niet dat je een goed ontwerp exact moet kopiëren.

Maar dat je dezelfde vormgevingsregels in je eigen ontwerp probeert toe te passen.