Responsive websites maken met Adobe Muse
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.
Ga naar Responsive websites maken met Adobe MuseIn de cursus worden de volgende onderdelen behandeld:
Has Sub:
- 1 Voorkeuren instellen voor Muse
- 2 Nieuw webdocument aanmaken
- 3 Webpagina’s maken en verwijderen (Flowchart, Plan Mode)
- 4 Gebruik maken van hulplijnen (Rulers, Guides, Smart Guides)
- 5 Eigenschappen voor website instellen (Site Properties)
- 6 De interface van Muse (Preview, Arrange)
- 7 Navigeren door websites en -pagina’s (navigate sites & pages)
- 8 Stramienpagina toepassen (A-Master page)
- 9 Elementen positioneren en gedrag bepalen (Positioning & Resize)
- 10 Werken met lagen (Layers)
- 11 Logo plaatsen in de header (Add Image)
- 12 Navigatiebalk creëren (Widget Horizontal Menu)
- 13 Navigatie controleren
- 14 Meerdere basispagina’s toepassen (Extra Master pages)
- 15 Vormen tekenen en vormgeven (Rectangle & Ellipse Tool)
- 16 Objecten selecteren, transformeren en dupliceren (Selection Tool)
- 17 Objecten uitlijnen (Align)
- 18 Bestandsformaten van afbeeldingen en illustraties (image-formats)
- 19 Afbeeldingen plaatsen en uitsnede bepalen (Place Images)
- 20 Afbeelding plaatsen in illustratiekader (Place in frame)
- 21 Afbeeldingen als achtergrondafbeelding (Background-image)
- 22 Effecten toepassen (Effects)
- 23 Werken met objectstijlen (Graphic Styles)
- 24 Kennismaken met Responsive design
- 25 Tekst typen en vormgeven (Type Tool)
- 26 Tekst importeren en alineaopmaak (Text-design)
- 27 Tekst opmaken met alineastijlen (Paragraph Styles)
- 28 Tekst opmaken met tekenstijlen (Character Styles)
- 29 Webfonts activeren en toepassen (Web Fonts)
- 30 Gebruik maken van Glyphs
- 31 Lijsten toepassen en vormgeven (Lists, Bullets & Bullet Styles)
- 32 Tekstomloop toepassen (Wrap)
- 33 Basiskennis webkleur ( RGB, HSB, Websafe colors)
- 34 Kleuren maken en beheren (Swatches, Color Themes)
- 35 Kleurverlopen maken en toepassen (Gradients)
- 36 Homepagina opmaken en vormgeven (Homepage design)
- 37 Sprekers-pagina vormgeven en Lijnen creëren (page design)
- 38 Sessie-pagina opmaken en vormgeven (page design)
- 39 Footer opmaken en vormgeven (footer design)
- 40 Interne en externe Hyperlinks maken (In- & external hyperlinks)
- 41 Bestands- en email link maken (file & email-link)
- 42 Vormgeving van tekstlinks bepalen (Text Link Style)
- 43 Linken naar ankers (Anchor-link)
- 44 Paginalinks beheren van website (managing pagelinks)
- 45 Muse buttons en rollovers maken (State buttons)
- 46 Photoshop button importeren (Photoshop Button)
- 47 Werken met Widgets
- 48 Staten vormgeven van een widget (State options)
- 49 Layout van een widget wijzigen
- 50 Interactieve kaart met Tooltip-widget (Tooltip)
- 51 Navigatiemenu vormgeven (Navigation widgets)
- 52 Social Media (Social widgets)
- 53 Fotoalbum maken (Slideshow widget)
- 54 Routekaart plaatsen (Google maps)
- 55 Email formulier maken (Forms)
- 56 Statisch of responsive webdesign (Fixed & Fluid Width)
- 57 Afmetingen wijzigen van elementen (Resize)
- 58 Elementen vastzetten (Pinning)
- 59 Flexibele afbeeldingen (Responsive Images)
- 60 Queries / breekpunten maken op Master Page (Breakpoints)
- 61 Master Page responsive vormgeven (Master Page)
- 62 Hamburger menu maken voor mobiel (mobile-friendly menu)
- 63 Responsive desktop layout
- 64 Responsive tablet layout
- 65 Responsive mobile layout
- 66 Zoekmachine-optimalisatie (SEO-tools and rules)
- 67 Content van website beheren (Assets)
- 68 Essentiële bestanden verzamelen (Local Root Folder)
- 69 Publiceren met ftp (File Transfer Protocol)
- 70 Broncode exporteren (HTML, JavaScript & CSS)
- 71 Statische-, vloeiende- of responsive website maken (Fixed, fluid and responsive)
- 72 Bouwblokken van elke website (Header, Content en Footer)
- 73 Introductie Adobe Muse