Adobe Muse

Wat ga je leren

In de klas heb ik veel onderdelen van Adobe Muse uitgelegd. Kon je het niet volgen, wil je het graag nog eens herhalen of zoek je verdieping, dan vind je hieronder op de site van Adobe prima uitleg. Dit is wel in het Engels.

1. Set up a new site (3 min)

2. Create a site map (4 min)

3. Easily add navigation (3 min)

4. Create hyperlinks (2 min)

5. Create headers and footers (5 min)

6. Create a responsive website (11 min)

7. Preview your site in Muse (1 min)

Maak stap 1 van de opdracht: Bouw een website

Ter info: je bouwt een basis website.

Ga verder met de laatste 3 Tutorials:

1. Create rollover effects with the State Button widget (5 min)

2. Create a flexible web design with the responsive Composition widget (6 min)

3. Create wireframes of websites in Adobe Muse (site)

Maak nu stap 2 van de opdracht: Bouw een website

Ter info: nu voeg je de volgende elementen aan de website toe: rollover effect aan de knoppen, responsive design en meer inhoud.

Ben je al verder dan de rest en wil je je kennis verdiepen, ga dan hieronder verder, of maak de expert opdracht: YYY, zie ook rechtsboven.

1. Wireframe

   1. Wireframe Showcase

   2. Adobe: Create wireframes of websites in Adobe Muse

   3. Tutorial van The Idea Refinery: Creating a Wireframe in Muse:

      1. Part 1 importeer van een voorbeeldsite in Muse en

      2. Part 2 maak een wireframe van je voorbeeldsite

2. Rollover Buttons

   1. Tutorial van The Idea Refinery: Create Dynamic Rollover State Button

      1. Part 1 (11min): subtile transistion of the button

      2. Part 2 (7 min): dynamic pop-up on hoover over a the button

3. Responsive websites

   1. FrankWatching: Wat je móet weten over responsive webdesign

   2. Responsive Web Design.is: Guidelines

   3. Medium: The most used Responsive Breakpoints (of mine)

4. Adobe Tutorial: Set beautiful type for your website

5. Adobe Muse User Guide

6. Websites die tijdens de uitleg van Muse zijn gemaakt:

   1. http://mvi0.businesscatalyst.com/services.html,

   2. http://demowvisser.businesscatalyst.com/index.html