Så här skapar du en enkel personlig landningssida med hjälp av Adobe Muse

Det finns två huvudfaser involverade i webbdesignprocessen. Den första är att utforma sidans utseende och den andra översätter designen till den aktuella produkten - webbsidorna. Den första etappen kräver designkunskap medan andra etappen behöver kodningsexpertis. Problemet är att hitta en individ som har båda färdigheterna är svår.

För dem som har bättre ögon för design (och inget intresse för kodning), är det Muse från Adobe. Företaget hävdar att denna multi-platform AIR-applikation kan hjälpa någon att designa och publicera HTML-webbplatser utan att behöva skriva någon kod alls.

Börja planera din personliga målsida

En fråga innan vi börjar. Varför skulle någon använda ett webbbyggnadsverktyg som Muse när du kan använda WordPress och dess teman istället? Svaret är “anpassning”. Även om det finns bokstavligen tusentals WordPress-teman där ute, anpassar temat till verkligen passar våra behov är svårt. En annan anledning är att använda ett WordPress avancerat databassystem för en enkel och linjär webbplats skulle vara överkill.

Du kan ladda ner Muse från webbplatsen. Den är tillgänglig gratis tills v.1.0 släpps i början av 2012. Applikationen fungerar under Windows och Mac, men det kräver att ditt system har AIR-installerat.

För att bättre förstå hur Muse fungerar, låt oss försöka använda den för att skapa en enkel personlig målsida. Fem tips för att skapa en snygg ser personlig landningssida. Fem tips för att skapa en snygg och personlig landningssida Läs mer, något i linje med Flavours.me Flavorsme - Skapa din egen fria personliga webbsida Flavorsme - Skapa din egen fria personliga webbsida Läs mer eller About.me. Börja med att välja “Skapa ny webbplats” från startfönstret eller från Arkiv-menyn.

• Då kommer du att bli ombedd att anpassa din webbplats genom att välja sidbredd, antal kolumner, marginaler osv.

• Det första steget i att bygga en webbplats bestämmer hur många sidor den ska ha och vad förhållandet är mellan sidorna. Du kan enkelt lägga till, ta bort och omorganisera sidor i “Planen” fönster.

• Klicka på “+ (plus)” knappen för att lägga till, och “X” knappen för att stänga. Klicka på sidnamnet för att byta namn, dra och släpp sedan för att omorganisera.

• Nederst på sidan kan du se A-Master-sidan. Detta är mallen som kommer att användas över hela din webbplats. Så om det finns element som du vill behålla på alla dina sidor, skulle det vara så mycket enklare om du definierar elementen på A-Master istället för att upprepa dem om och om igen.

Börja bygga

• Om du dubbelklickar på en av sidorna öppnas den i en ny flik. Du kan börja bygga och designa sidorna med hjälp av verktygen längst upp i verktygsfältet.

• Andra verktyg som hjälper dig med i designprocessen är “paneler” till höger. Du kan visa eller gömma dessa paneler via fönstermenyn.

• För att bygga vår personliga målsida, låt oss ändra bakgrunden genom att infoga en bild. Du kan anpassa bilden genom att ändra skalan och positionen.

• Låt oss sedan lägga till en navigeringsmeny genom att välja den från Widget-panelen och sedan dra och släppa den i webbsidan.

• Du kan anpassa navigationsmenyn med hjälp av “alternativ“. Klicka på den lilla blå pilen för att öppna fönstret Alternativ.

• Du kan också ändra textutseendet (typ, färg, storlek) med hjälp av “Text” fliken i de högra panelerna.

• Då kan du lägga till texter och rektanglar med hjälp av verktygen i verktygsfältet. Dra dessa element till önskad position och anpassa dem via de rätta panelerna. Om du vill lägga till externa länkar (eller andra HTML-element) använder du “Infoga HTML” meny under “Objekt“.

• Skriv ner HTML-koden för länkarna i popupfönstret och klicka på OK för att lägga till den på webbplatsen.

• Liknande de andra elementen är den infogade HTML-koden mycket anpassningsbar. Tyvärr kan vi ändå inte ändra länkfärgen. Förhoppningsvis kommer den här funktionen att visas i en framtida version av appen.

• När allt är inställt kan du se resultatet genom att klicka på “Förhandsvisning” länk.

Det sista steget

• När allt är klart är du redo att lägga ut din webbplats på webben. För att göra det, använd “exportera som HTML” meny under “Fil“.

• Bestäm på platsen för att spara projektet och klicka på “Exportera” .

• Om du vill bifoga din personliga målsida till en webbadress du redan äger, använd en anständig FTP-klient. De 3 bästa fria FTP-klienterna för Windows De 3 bästa fria FTP-klienterna för Windows FTP är en användbar fildelningsmetod och go-to-metoden för att ladda upp filer till en webbhotell. Här är de bästa FTP-klienterna du kan ta tag i gratis. Läs mer för att ladda upp allt i mappen till ditt webbhotell konto. Eftersom olika webbhotell använder olika inställningar, vänligen kontakta din webbleverantör om detta.

Det här korta experimentet har visat oss att skapa en personlig målsida med Muse är lika enkelt som att lägga till och anpassa element. Men Muse kan också skapa mer komplicerade webbplatser med flera sidor. Det finns många exempel på webbplatser som visar vad Muse kan göra på deras “Monter” sida. För att lära dig mer om Muse, kan du besöka deras “Lära sig” sida.

Vad tycker du om Muse? Kommer du att försöka med det här verktyget för att hjälpa dig att bygga din webbplats? Dela dina tankar i kommentarerna nedan.

Utforska mer om: Adobe Air, webbdesign, webbutveckling, verktyg för webbansvariga.