Responsive websites maken met Adobe Muse

Cursusduur

06:00:26

Niveau

Beginner

deel deze cursus:

Responsive websites maken met Adobe Muse
30

Leer hoe je met Adobe Muse prachtige responsive websites maakt en publiceert.

Cursusprogramma

  • Introductie Website bouwen met Muse
    • Algemene cursusinformatie
    • Statische-, vloeiende- of responsive website maken (Fixed, fluid and responsive)
    • Bouwblokken van elke website (Header, Content en Footer)
  • Starten met Adobe Muse
    • Voorkeuren instellen voor Muse
    • Nieuw webdocument aanmaken
    • Webpagina’s maken en verwijderen (Flowchart, Plan Mode)
    • Gebruik maken van grid en hulplijnen (Rulers, Guides, Smart Guides)
    • Eigenschappen voor website instellen (Site Properties)
    • Navigeren door websites en -pagina’s (navigate sites & pages)
  • Vormgeven van de Master Page
    • Stramienpagina toepassen (A-Master page)
    • Elementen positioneren en gedrag bepalen (Positioning & Resize)
    • Werken met lagen (Layers)
    • Logo plaatsen in de header (Add Image)
    • Navigatie controleren
    • Meerdere basispagina’s toepassen (Extra Master pages)
  • Kaders en afbeeldingen vormgeven
    • Vormen tekenen en vormgeven (Rectangle & Ellipse Tool)
    • Objecten selecteren, transformeren en dupliceren (Selection Tool)
    • Objecten uitlijnen (Align)
    • Bestandsformaten van afbeeldingen en illustraties (image-formats)
    • Afbeelding plaatsen in illustratiekader (Place in frame)
    • Afbeeldingen als achtergrondafbeelding (Background-image)
    • Effecten toepassen (Effects)
    • Werken met objectstijlen (Graphic Styles)
    • Kennismaken met Responsive design
  • Teksten opmaken en vormgeven 
    • Tekst typen en vormgeven (Type Tool)
    • Tekst importeren en alineaopmaak (Text-design)
    • Tekst opmaken met alineastijlen (Paragraph Styles)
    • Tekst opmaken met tekenstijlen (Character Styles)
    • Webfonts activeren en toepassen (Web Fonts)
    • Gebruik maken van Glyphs
    • Lijsten toepassen en vormgeven (Lists, Bullets & Bullet Styles)
    • Tekstomloop toepassen (Wrap)
  • Werken met kleur en kleurverloop
    • Basiskennis webkleur ( RGB, HSB, Websafe colors)
    • Kleuren maken en beheren (Swatches, Color Themes)
    • Kleurverlopen maken en toepassen (Gradients)
  • Pagina’s opmaken en vormgeven
    • Homepagina opmaken en vormgeven (Homepage design)
    • Sprekers-pagina vormgeven en Lijnen creëren (page design)
    • Sessie-pagina opmaken en vormgeven (page design)
    • Footer opmaken en vormgeven (footer design)
  • Links creëren, vormgeven en beheren
    • Interne en externe Hyperlinks maken (In- & external hyperlinks)
    • Bestands- en email link maken (file & email-link)
    • Linken naar ankers (Anchor-link)
    • Paginalinks beheren van website (managing pagelinks)
  • Interactiviteit toevoegen aan website
    • Muse buttons en rollovers maken (State buttons)
    • Photoshop button importeren (Photoshop Button)
    • Staten vormgeven van een widget (State options)
    • Layout van een widget wijzigen
    • Interactieve kaart met Tooltip-widget (Tooltip)
    • Navigatiemenu vormgeven (Navigation widgets)
    • Social Media (Social widgets)
    • Fotoalbum maken (Slideshow widget)
    • Routekaart plaatsen (Google maps)
    • Email formulier maken (Forms)
  • Responsive design
    • Statisch of responsive webdesign (Fixed & Fluid Width)
    • Afmetingen wijzigen van elementen (Resize)
    • Elementen vastzetten (Pinning)
    • Queries / breekpunten maken op Master Page (Breakpoints)
    • Master Page responsive vormgeven (Master Page)
    • Hamburger menu maken voor mobiel (mobile-friendly menu)
    • Responsive desktop layout
    • Responsive tablet layout
    • Responsive mobile layout
  • Website publiceren en beheren
    • Content van website beheren (Assets)
    • Essentiële bestanden verzamelen (Local Root Folder)
    • Publiceren met ftp (File Transfer Protocol)
    • Broncode exporteren (HTML, JavaScript & CSS)