Cum să creați o pagină de destinație simplă utilizând Adobe Muse

Există două etape principale implicate în procesul de proiectare a site-ului web. Primul este proiectarea aspectului paginilor, iar al doilea traduce design-ul în produsul real - paginile web. Prima etapă necesită abilități de proiectare, în timp ce a doua etapă necesită expertiză de codificare. Problema este că găsirea unei persoane care are ambele abilități este dificilă.

Pentru cei care au ochii mai buni pentru design (și nu interesează codarea), există Muse de la Adobe. Compania susține că această aplicație multi-platformă AIR poate ajuta pe oricine să proiecteze și să publice site-uri HTML fără a fi obligat să scrie orice cod.

Începeți să vă planificați pagina de destinație personală

O întrebare înainte de a începe. De ce ar folosi cineva un instrument de creare de web ca Muse atunci când puteți folosi WordPress și temele sale? Raspunsul este “personalizare”. Chiar dacă există literalmente mii de teme WordPress acolo, personalizarea temei într-adevăr satisface nevoile noastre este dificil. Un alt motiv este acela ca folosirea unui sistem de baze de date avansate WordPress pentru un site simplu si liniar ar fi o supraalimentare.

Puteți descărca Muse de pe site. Este disponibil gratuit până la lansarea versiunii v.1.0 la începutul anului 2012. Aplicația funcționează sub Windows și Mac, dar necesită instalarea sistemului AIR.

Pentru a înțelege mai bine modul în care funcționează Muse, să încercăm să o folosim pentru a crea o pagină de destinație simplă Cinci sfaturi pentru a crea o pagină rece a paginii personale de aterizare Cinci sfaturi pentru a crea o pagină rece de aterizare personală Citiți mai mult, ceva de genul Flavors.me Flavorsme - Creați-vă propria dvs. pagină personalizată personalizată Flavorsme - Creați-vă propria pagină personalizată gratuită personalizată Citește mai mult sau About.me. Începeți prin a alege “Creați un site nou” din fereastra de pornire sau din meniul Fișier.

• Apoi vi se va cere să personalizați site-ul dvs. alegând lățimea paginii, numărul de coloane, margini etc..

• Primul pas în construirea unui site web este de a decide câte pagini va avea și ce relație se află între pagini. Puteți adăuga, șterge și rearanja ușor paginile în “Plan” fereastră.

• Apasă pe “+ (la care se adauga)” butonul pentru a adăuga, și “X” pentru închidere. Faceți clic pe numele paginii pentru a redenumi, apoi glisați și fixați pentru a rearanja.

• În partea de jos a paginii, puteți vedea pagina A-Master. Acesta este șablonul care va fi utilizat pe întregul site. Deci, dacă există elemente pe care doriți să le păstrați pe toate paginile dvs., ar fi mult mai ușor să definiți elementele de la A-Master în loc să le repetați mereu.

Începeți construirea

• Dacă faceți dublu clic pe una dintre pagini, va fi deschisă într-o filă nouă. Puteți începe să construiți și să proiectați paginile utilizând instrumentele din bara de instrumente de sus.

• Alte instrumente care vă vor ajuta în procesul de proiectare sunt: “panouri” pe dreapta. Puteți afișa sau ascunde aceste panouri prin meniul ferestrei.

• Pentru a construi pagina noastră de destinație personală, să schimbăm fundalul introducând o imagine. Puteți personaliza imaginea modificând scara și poziția.

• Apoi, adăugăm un meniu de navigare selectând-o din panoul Widget, apoi trăgând-o în pagina web.

• Puteți personaliza meniul de navigare utilizând tasta “Opțiuni“. Faceți clic pe săgeata albastră mică pentru a apela fereastra Opțiuni.

• De asemenea, puteți schimba aspectul textului (tip, culoare, mărime) utilizând “Text” în panourile din dreapta.

• Apoi puteți adăuga texte și dreptunghiuri utilizând instrumentele de pe bara de instrumente. Glisați aceste elemente în poziția dorită și personalizați-le prin panourile din dreapta. Pentru a adăuga linkuri externe (sau alte elemente HTML), utilizați “Introduceți cod HTML” meniu sub “Obiect“.

• Notați codul HTML al legăturilor din fereastra de tip pop-up și faceți clic pe OK pentru al adăuga la site.

• Similar cu celelalte elemente, codul HTML inserat este foarte personalizabil. Din păcate, încă nu putem schimba culoarea linkului. Sperăm că această caracteristică va apărea într-o versiune viitoare a aplicației.

• După ce totul este setat, puteți vedea rezultatul dând clic pe “previzualizare” legătură.

Ultimul pas

• După ce totul este setat, sunteți gata să puneți site-ul dvs. pe web. Pentru a face acest lucru, utilizați “export ca HTML” meniu sub “Fişier“.

• Decideți asupra locației pentru a salva proiectul și faceți clic pe “Export” .

• Dacă doriți să atașați pagina dvs. de destinație personală la o adresă URL pe care o dețineți deja, utilizați orice client FTP decent Cel mai bun 3 clienți FTP gratuit pentru Windows Cei mai buni 3 clienți FTP gratuit pentru Windows FTP sunt o metodă utilă de partajare a fișierelor și metoda go-to pentru încărcarea fișierelor într-o gazdă web. Aici sunt cei mai buni clienți FTP pe care îi puteți descărca gratuit. Citiți mai multe pentru a încărca totul în interiorul dosarului în contul dvs. de găzduire web. Deoarece diferiți furnizori de servicii de găzduire utilizează setări diferite, vă rugăm să consultați furnizorul dvs. de hosting despre acest lucru.

Acest experiment scurt ne-a arătat că crearea unei pagini personale de destinație utilizând Muse este la fel de simplă ca adăugarea și personalizarea elementelor. Dar și Muse este capabil să creeze site-uri mai complicate cu mai multe pagini. Există numeroase exemple de site-uri care arată ce poate face Muse “Showcase” pagină. Pentru a afla mai multe despre Muse, le puteți vizita “Învăța” pagină.

Ce crezi despre Muse? Veți încerca acest instrument pentru a vă ajuta să vă construiți site-ul? Împărtășiți-vă gândurile în comentariile de mai jos.

Explorați mai multe despre: Adobe Air, Web Design, Dezvoltare Web, Instrumente pentru webmasteri.