terug naar cursusinformatie

Flexibele afbeeldingen (Responsive Images)

Uit de cursus: Responsive websites maken met Adobe Muse

Introductie Website bouwen met Muse

Introductie Adobe 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)
De interface van Muse (Preview, Arrange)
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)
Navigatiebalk creëren (Widget Horizontal Menu)
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)
Afbeeldingen plaatsen en uitsnede bepalen (Place Images)
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)
Vormgeving van tekstlinks bepalen (Text Link Style)
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)
Werken met Widgets
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)
Flexibele afbeeldingen (Responsive Images)
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

Zoekmachine-optimalisatie (SEO-tools and rules)
Content van website beheren (Assets)
Essentiële bestanden verzamelen (Local Root Folder)
Publiceren met ftp (File Transfer Protocol)
Broncode exporteren (HTML, JavaScript & CSS)
Responsive websites maken met Adobe Muse
€ 30

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

Neem een “All you can learn” lidmaatschap en krijg toegang tot deze en nog veel meer cursussen!

Ga naar de lidmaatschappen