Come creare una semplice pagina di destinazione personale utilizzando Adobe Muse

Ci sono due fasi principali coinvolte nel processo di progettazione del sito web. Il primo è progettare l'aspetto delle pagine e il secondo è tradurre il design nel prodotto reale: le pagine web. La prima fase richiede abilità progettuali, mentre la seconda fase richiede esperienza nella codifica. Il problema è che trovare una persona con entrambe le abilità è difficile.

Per coloro che hanno occhi migliori per il design (e nessun interesse per la codifica), ci sono Muse di Adobe. La società sostiene che questa applicazione AIR multipiattaforma può aiutare chiunque a progettare e pubblicare siti Web HTML senza dover scrivere alcun codice di sorta.

Inizia a pianificare la tua pagina di destinazione personale

Una domanda prima di iniziare. Perché qualcuno dovrebbe usare uno strumento di costruzione web come Muse quando invece è possibile usare WordPress e i suoi temi? La risposta è “personalizzazione”. Anche se ci sono letteralmente migliaia di temi WordPress, personalizzando il tema veramente adattarsi ai nostri bisogni è difficile. Un altro motivo è che l'utilizzo di un sistema di database avanzato WordPress per un sito semplice e lineare sarebbe eccessivo.

È possibile scaricare Muse dal sito Web. È disponibile gratuitamente fino alla versione v.1.0 all'inizio del 2012. L'applicazione funziona con Windows e Mac, ma richiede che il tuo sistema abbia installato AIR.

Per capire meglio come funziona Muse, proviamo ad usarlo per creare una semplice pagina di destinazione personale Cinque consigli per creare una pagina di atterraggio personale dall'aspetto frugale Cinque consigli per creare una pagina di atterraggio personale dall'aspetto fresco Ulteriori informazioni, qualcosa sulla falsariga di Flavors.me Flavorsme - Crea la tua pagina web personalizzata gratuita Flavorsme - Crea la tua pagina web personalizzata gratuita Leggi di più o About.me. Inizia scegliendo “Crea un nuovo sito” dalla finestra di avvio o dal menu File.

• Quindi ti verrà chiesto di personalizzare il tuo sito scegliendo la larghezza della pagina, il numero di colonne, i margini, ecc.

• Il primo passo nella costruzione di un sito web è decidere quante pagine avrà e quale sarà la relazione tra le pagine. Puoi facilmente aggiungere, eliminare e riorganizzare le pagine in “Piano” finestra.

• Clicca il “+ (più)” pulsante per aggiungere, e il “X” pulsante per chiudere. Fare clic sul nome della pagina per rinominare, quindi trascinare e rilasciare per riorganizzare.

• In fondo alla pagina, puoi vedere la pagina A-Master. Questo è il modello che verrà utilizzato nel tuo sito. Quindi se ci sono elementi che vuoi conservare su tutte le tue pagine, sarebbe molto più semplice se definisci gli elementi in A-Master invece di ripeterli più e più volte.

Inizia a costruire

• Se fai doppio clic su una delle pagine, verrà aperta in una nuova scheda. Puoi iniziare a costruire e disegnare le pagine usando gli strumenti nella barra degli strumenti in alto.

• Altri strumenti che ti aiuteranno nel processo di progettazione sono i “pannelli” sulla destra. Puoi mostrare o nascondere questi pannelli tramite il menu Finestra.

• Per costruire la nostra pagina di destinazione personale, cambiamo lo sfondo inserendo un'immagine. È possibile personalizzare l'immagine cambiando la scala e la posizione.

• Successivamente, aggiungiamo un menu di navigazione selezionandolo dal pannello Widget, quindi trascinandolo e rilasciandolo nella pagina web.

• Puoi personalizzare il menu di navigazione usando il “Opzioni“. Fare clic sulla piccola freccia blu per richiamare la finestra Opzioni.

• Puoi anche cambiare l'aspetto del testo (tipo, colore, dimensione) usando il “Testo” scheda nei pannelli di destra.

• Quindi puoi aggiungere testi e rettangoli usando gli strumenti sulla barra degli strumenti. Trascina questi elementi nella posizione desiderata e personalizzali tramite i pannelli di destra. Per aggiungere collegamenti esterni (o altri elementi HTML), utilizzare “Inserisci HTML” menu sotto “Oggetto“.

• Annotare il codice HTML dei collegamenti nella finestra pop-up e fare clic su OK per aggiungerlo al sito.

• Simile agli altri elementi, il codice HTML inserito è altamente personalizzabile. Purtroppo, non possiamo ancora cambiare il colore del link. Speriamo che questa funzione venga visualizzata in una versione futura dell'app.

• Dopo aver impostato tutto, puoi vedere il risultato cliccando su “Anteprima” collegamento.

L'ultimo passo

• Dopo aver impostato tutto, sei pronto per pubblicare il tuo sito sul Web. Per farlo, usa il “esporta come HTML” menu sotto “File“.

• Scegliere la posizione in cui salvare il progetto e fare clic “Esportare” .

• Se desideri allegare la tua pagina di destinazione personale a un URL che già possiedi, utilizza qualsiasi client FTP decente I 3 migliori client FTP gratuiti per Windows I 3 migliori client FTP gratuiti per Windows FTP sono un metodo di condivisione file utile e il metodo go-to per caricare file su un host web. Ecco i migliori client FTP che puoi prendere gratuitamente. Leggi di più per caricare tutto all'interno della cartella sul tuo account di hosting web. Poiché diversi provider di hosting utilizzano impostazioni diverse, consultare il provider di hosting in merito.

Questo breve esperimento ci ha mostrato che creare una pagina di destinazione personale con Muse è semplice come aggiungere e personalizzare elementi. Ma Muse è anche in grado di creare siti più complicati con più pagine. Ci sono molti esempi di siti web che mostrano ciò che i Muse possono fare con loro “vetrina” pagina. Per saperne di più su Muse, puoi visitare i loro “Imparare” pagina.

Cosa ne pensi di Muse? Proverai questo strumento per aiutarti a costruire il tuo sito web? Condividi i tuoi pensieri nei commenti qui sotto.

Scopri di più su: Adobe Air, Web Design, Sviluppo Web, Strumenti per i Webmaster.