Statische-, vloeiende- of responsive website maken (Fixed, fluid and responsive)

uit de cursus Responsive websites maken met Adobe Muse

Statische-, vloeiende- of responsive website maken (Fixed, fluid and responsive)
4.5 (90%) 10 stem[men]

Hallo vreemdeling,

wat leuk dat je onze site bezoekt. Bekijk gerust een paar video's en als het je bevalt kun je altijd abonnee worden.

Automatisch afspelen

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

Iedereen kan een website 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.

What You See Is What You Get.
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.

Responsive webdesign voor smartphone, tablet en desktop.
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.

SEO en Website Publiceren.
Natuurlijk eindigen we met het optimaliseren van je website voor zoekmachines en het online zetten van de website. Een complete instructiecursus waarin je met nul kennis en ervaring uiteindelijk een professioneel ogende website leert maken.

Een van de eerste keuzes die je moet maken als je een website gaat ontwerpen.

Is of je een statische-, een vloeiende-, of responsive website wilt gaan maken.

Daarom leg ik nu eerst, in het kort, het verschil uit.

Ik heb hier een statisch ontworpen website.

De website heeft een vaste breedte.

Als de bezoeker het browservenster smaller maakt.

Dan verdwijnen op een gegeven moment delen van de website uit beeld.

Zou de bezoeker deze website bekijken op een tablet of mobiel.

Dan wordt deze pagina geschaald naar het formaat van dat scherm.

Je kunt je al voorstellen dat dan de tekst op de pagina eigenlijk niet meer leesbaar is.

De bezoeker zal dan moeten inzoomen op zijn scherm.

En met de swipe functie over de pagina moeten navigeren.

Niet echt gebruikersvriendelijk dus.

Dan open ik nu het vloeiende ontwerp.

Ik zet mijn beeld weer terug op %.

Opnieuw maak ik het venster smaller.

Zie je hoe de elementen op de pagina automatisch gaan schalen.

Om maar binnen het scherm te passen?

Er komt natuurlijk een moment dat het allemaal niet meer past.

En dan gaan elementen elkaar bedekken.

Of de kolommen worden zo smal dat het ook totaal niet prettig meer leesbaar is.

Daarvoor biedt het responsive webdesign uitkomst.

Deze is sowieso vloeiend.

Want maak ik het scherm smaller.

Dan passen de elementen zich proportioneel aan aan de nieuwe breedte.

Maar net op het moment dat dat niet meer voldoende is.

Wijzigt de layout en de vormgeving op de pagina.

Op die schermbreedte heeft de ontwerper een breekpunt aangemaakt.

Ook wel een querie genoemd door webdevelopers.

Een querie staat voor een bepaald gebied.

Bijvoorbeeld het gebied van tot pixels staat voor smartphone-schermen.

Het gebied tussen tot staat voor mini tablet en het staande tablet formaat.

Het gebied tussen de en staat voor een liggend tablet.

En kleine monitoren en ga zo maar door.

Je kunt dankzij deze breekpunt gebieden de website voor de verschillende formaten aanpassen qua layout en design.

Je kunt dus makkelijk een of koloms layout toepassen voor de monitor van een pc of laptop.

Maar op een tablet wijzig je de layout in een -koloms.

En op de smartphone bijvoorbeeld naar een -koloms.

Bijna alle websites worden tegenwoordig responsive vormgegeven.

Het slechte nieuws is. Dat het echt echt veel meer moeite, tijd en kennis vereist...

... om een goede responsive website te maken.

Het goede nieuws is dat jouw website er dan op elk apparaat goed uitziet.

En daar zal de bezoeker en ook jij weer heel blij van worden.

In deze cursus leren we sowieso hoe je een vloeiende website maakt.

En ik wijd een volledig hoofdstuk aan het responsive maken van het ontwerp.