• Accademia
  • Partners
  • Piratevent
  • ContattI
  • Policy
Generic selectors
Exact matches only
Search in title
Search in content
Search in posts
Search in pages

Pirati Grafici | Community

Pirati Grafici | Community

Navighiamo nel mondo della grafica, della comunicazione e della creatività!

PiratiGrafici | Blog & Community
Per mari e oceani del mondo.

Apri in Google Maps
  • AHRRR
    • Grafica
      • Graphic Design
      • Adobe
      • Logo Design
      • Digital Art
      • Grafica 3D
      • Illustrazione
      • Creatività
      • Inspirational
      • Calligrafia
      • Risorse Free
    • Pubblicità
      • ADV
      • Fotografia
      • Guerrilla & ambient mkt
      • Spot Tv
      • Creative ADV
      • Autori
    • Stampa
      • Prestampa
      • Tipografia
    • Web
      • Social media marketing
      • UI e UX
      • App
      • Seo e web marketing
    • Rubriche
      • La settimana grafica
      • Essere Freelance
      • Ok il prezzo è giusto
      • Interviste
      • Libri
      • Video
      • Pappe e Pixel
      • Bug Adobe Creative Cloud
      • Pimp my parrot
      • Delete TV
    • Novità sulla nave
      • Tutte le news
      • Digital Design Network
      • Eventi
      • PIRATEVENT
      • Contest
      • Curiosità dal mondo
      • Trends
  • We Are Pirates
    • Tutto su di noi
    • Lo Staff dei Pirati
    • Gallery
    • Newsletter
    • Contatti
    • Policy
  • Progetti
    • Digital Design Network
    • yourbestbdv
    • #drawyourpride – invia il tuo contributo
    • Portfolio
    • Accademia del Covo
    • PIRATEVENT
    • Proponi un progetto
  • Blog & Stories
    • Blog
    • Novità sulla nave
    • La Settimana Grafica
    • Accademia del Covo
    • Social Wall
  • Partners
    • Partners dei Pirati
    • Fiscozen
    • Flyeralarm
    • Freepik
    • Juice Radio Italia
    • Diventa Partner
  • Segnalazioni
Betav. 2.5
Paolo Iammarino
mercoledì, 08 Giugno 2016 / Pubblicato il Coding, Grafica, Ui e ux design, Web

Adobe Muse: realizza il tuo primo sito web!

Cari i miei pirati niubbi oggi vedremo come con Adobe Muse possiamo realizzare il vostro primo sito web! Contenti? Felici? Fregauncavolo? Vabbè io ora l’articolo l’ho preparato e indiragionpercui beccatevelo!

Realizziamo la home page

Apriamo Adobe Muse. Ok fin qui siamo d’accordo. Poi andiamo su “File –> Nuovo” e si aprirà la finestra con le informazioni relative ad alcune impostazioni base del sito che stiamo per creare.
muse-nuovo-sito

  1. Larghezza fluida: indica se il sito deve essere responsive.
  2. Larghezza massima/minima e Altezza minima: queste voci sono strettamente correlate alla precedente e ci indicano le misure ENTRO le quali il sito deve essere o meno responsive.
  3. Margini e Spaziatura: indicano quanto bordo DENTRO e FUORI la pagina bisogna lasciare
  4. Risoluzione: ci permette di settare il sito con definizione “normale” oppure alta “hdpi”
  5. Una volta impostate queste voci clicchiamo su “ok” e vediamo cosa ci offre ora questo “wysiwyggoso” programma. Ti piace “wysiwyggoso”? Se ti piace “wysiwyggoso” scrivi anche tu all’Accademia della Crusca richiedendo a gran voce che venga adottata la parola “wysiwyggoso” e riceverai in omaggio un simpatico gaggètt!

muse-tree-01
La prima cosa che salta all’occhio è che troviamo due pagine preimpostate. Ora cerco di dirv… come dici scusa? vuoi fare pausa? Ma se ora hai iniziato! Zitt e fai attenzione!
La pagina di sopra indica la “home page”, quella meglio conosciuta come “index.html”. La pagina di sotto è una caratteristica utilissima di Muse. E chi conosce Adobe Indesign è avvantaggiato perché sa già di cosa sto parlando. La pagina “mastro” permette di creare una pagina tipo con degli elementi grafici comuni a tutte le pagine. Esempio, voglio inserire un pulsante sempre presente nel sito in altro a destra per la lingua? Lo inserisco nella mastro e il pulsante “lingua” apparirà magicamente in tutto le pagine dove avrò usato quella “pagina mastro”. Ed inoltre, decido che la grafica del pulsante è da modificare? Modifico solo il pulsante e il cambiamento sarà universale per tutti. Comodo no?
Creata la nostra home page analizziamone la relativa miniatura. “Home” è il nome della pagina vero e proprio. la scritta tra parentesi quadra indica QUALE pagine mastro abbiamo applicato, in questo caso la “A-Mastro”. Ai lati e sotto la miniatura della pagina possiamo notare dei “+” che ci serviranno a creare pagine di stesso livello o di livello inferiore alla pagina in questione dove ci troviamo ora (la index in questo caso).
adobe muse nuovo sito
 

Adobe Muse: la struttura del sito web

Cliccando sul tasto “+” in basso andiamo ad aggiungere una pagina in modo automatico e molto semplice. Dovremmo avere una schermata del genere a monitor:
adobe muse aggiungi pagina
Una volta aggiunta la pagina e cliccando di volta in volta Sul nome della stessa realizziamo man mano la struttura del nostro sito web, fino ad ottenere qualcosa del genere:
adobe muse creo la struttura del sito
E ora mi sono stancato di scrivere e se volete continuare dovrete aspettare un po’. Quanto “unpo’?”. Beh, quello che deciderò io. Tiè. Buonanotte fegatini di merluzzo miei… 🙂
Vostro, pirata Pao

Taggato in: adobe cc, Adobe Muse, ui, Web, wysiwyg

Che altro puoi leggere

In che modo i colori influenzano la nostra percezione delle cose?
L'importanza del colore nella percezione – Stephen Wildish
Sculptjanuary: Il resoconto e una selezione delle sculture.
Generic selectors
Exact matches only
Search in title
Search in content
Search in posts
Search in pages

Articoli recenti

  • Cromostereopsi, l’illusione visiva

  • viva magenta - pirati grafici

    Esploriamo Viva Magenta, il colore Pantone 2023

  • Digital Design Network – Il progetto nato per generare DDSGNR

  • Come uno Studio di Design ha cambiato la Spagna – Intervista con Pepe Cruz

  • Portfolio Reviews V

    Portfolio Reviews (V edizione) – video e partecipanti

Categorie disponibili

Tag

3D adobe advertising calligrafia calligrafo colori Contest creative pro show creatività design ernesto casciato facebook featured font fotografia fotolia free freelance grafica gratis illustrator illustrazione indesign intervista logo Logo design pantone pennelli photoshop pirati pirati grafici Portfolio primi passi pubblicità rebranding recensione redesign social media social network storia torino trend tutorial twitter video

LINK RAPIDI

  • Accademia del Covo
  • Social Wall
  • Partners
  • Novità sulla nave
  • Progetti
  • Segnalazioni
  • Blog & Stories
  • We Are Pirates
  • Privacy Policy

Iscriviti alla nostra Newsletter

Informativa Privacy Policy.

Controlla la tua casella di posta o la cartella spam per confermare la tua iscrizione

Sali a bordo, Pirata!

Skype tel?
Email: info@piratigrafici.com

Pirati Grafici | Blog & Community
Per i mari e oceani del mondo

Open in Google Maps

© 2019 PiratiGrafici – Tutti i diritti riservati. Piratigrafici.it è un blog multi-autore dedicato a Grafici, Web designer e Fotografi (all’arrembaggio)!
Da un’idea di Patrizia Anna Coccia CF: CCCPRZ83P70E435S / P.I. 02491570699 – Contatti: Facebook Community Page.  Site by Artlandis

Tutte le immagini presenti sul sito sono tratte da Freepik, concessi per l’uso ai Pirati Grafici, unica Community italiana in partnership esclusiva con Freepik Company

  • Accademia
  • Partners
  • Piratevent
  • ContattI
  • Policy
  • SOCIAL
Pirati Grafici | Community
TORNA SU

Pin It on Pinterest

Share This
  • Facebook
  • LinkedIn
  • Twitter
  • Pinterest
  • Gmail
Utilizziamo i cookie per essere sicuri che tu possa avere la migliore esperienza sul nostro sito. Se continui ad utilizzare questo sito accetti il loro e la nostra policy.Ok, ci sto.No CookiePrivacy policy
Revoca cookie