Hvordan lage en enkel personlig destinasjonsside ved hjelp av Adobe Muse

Det er to hovedfaser involvert i webdesignprosessen. Den første er utformingen av sidenees utseende, og den andre er å oversette designet til selve produktet - nettsidene. Den første fasen krever design ferdigheter mens andre etasje trenger kodingskompetanse. Problemet er å finne en person som har begge ferdigheter, er vanskelig.

For de som har bedre øyne for design (og ingen interesse for koding), er det Muse fra Adobe. Selskapet hevder at denne multi-plattformen AIR-applikasjonen kan hjelpe noen å designe og publisere HTML-nettsteder uten å måtte skrive noen kode uansett.

Begynn å planlegge din personlige destinasjonsside

Et spørsmål før vi begynner. Hvorfor ville noen bruke et webbyggingsverktøy som Muse når du kan bruke WordPress og dens temaer i stedet? Svaret er “tilpasning”. Selv om det er bokstavelig talt tusenvis av WordPress-temaer der ute, tilpasser temaet til egentlig passe våre behov er vanskelig. En annen grunn er at bruk av et WordPress avansert databasesystem for et enkelt og lineært nettsted ville være overkill.

Du kan laste ned Muse fra nettsiden. Den er tilgjengelig gratis til v.1.0-utgivelsen tidlig i 2012. Programmet fungerer under Windows og Mac, men det krever at systemet har AIR-installert.

For bedre å forstå hvordan Muse fungerer, la oss prøve å bruke den til å lage en enkel, personlig destinasjonsside. Fem tips for å lage en kul, ser personlig destinasjonsside. Fem tips for å lage en kul, ser personlig destinasjonsside Les mer, noe i tråd med Flavours.me Flavorsme - Lag din egen gratis personlige nettside Flavorsme - Lag din egen gratis personlige nettside Les mer eller About.me. Start med å velge “Opprett nytt nettsted” fra oppstartvinduet eller fra Fil-menyen.

• Deretter blir du bedt om å tilpasse nettstedet ditt ved å velge sidebredde, antall kolonner, marginer osv.

• Det første trinnet i å bygge et nettsted er å avgjøre hvor mange sider det vil ha og hva forholdet er mellom sidene. Du kan enkelt legge til, slette og omorganisere sider i “Plan” vindu.

• Klikk på “+ (i tillegg til)” knappen for å legge til, og “X” knappen for å lukke. Klikk på sidenavnet for å gi nytt navn, og dra og slipp for å omorganisere.

• Nederst på siden kan du se A-Master-siden. Dette er malen som vil bli brukt på hele nettstedet ditt. Så hvis det er elementer du vil beholde på alle sidene dine, ville det være så mye enklere hvis du definerer elementene på A-Master i stedet for å gjenta dem om og om igjen.

Begynn å bygge

• Hvis du dobbeltklikker på en av sidene, åpnes den i en ny kategori. Du kan begynne å bygge og designe sidene ved å bruke verktøyene øverst på verktøylinjen.

• Andre verktøy som vil hjelpe deg i designprosessen er “paneler” til høyre. Du kan vise eller skjule disse panelene via Vindu-menyen.

• For å bygge vår personlige destinasjonsside, la oss endre bakgrunnen ved å sette inn et bilde. Du kan tilpasse bildet ved å endre skala og posisjon.

• Deretter la vi legge til en navigasjonsmeny ved å velge den fra Widget-panelet, og deretter dra og slippe det inn på nettsiden.

• Du kan tilpasse navigasjonsmenyen ved hjelp av “alternativer“. Klikk på den lille blå pilen for å ringe til Alternativer-vinduet.

• Du kan også endre tekstutseendet (type, farge, størrelse) ved hjelp av “Tekst” fanen i de høyre panelene.

• Deretter kan du legge til tekster og rektangler ved hjelp av verktøyene på verktøylinjen. Dra disse elementene til ønsket stilling, og tilpass dem via de riktige panelene. Hvis du vil legge til eksterne koblinger (eller andre HTML-elementer), bruker du “Sett inn HTML” meny under “Gjenstand“.

• Skriv ned HTML-koden til koblingene i popup-vinduet, og klikk OK for å legge det til nettstedet.

• I likhet med de andre elementene, er den innsatte HTML-koden svært tilpassbar. Dessverre kan vi fortsatt ikke endre koblingsfargen. Forhåpentligvis vil denne funksjonen vises i en fremtidig versjon av appen.

• Etter at alt er satt, kan du se resultatet ved å klikke på “Forhåndsvisning” link.

Det siste trinnet

• Etter at alt er satt, er du klar til å sette nettstedet ditt ut på nettet. For å gjøre det, bruk “eksporter som HTML” meny under “Fil“.

• Bestem på stedet for å lagre prosjektet, og klikk “Eksport” .

• Hvis du vil legge til din personlige destinasjonsside til en nettadresse du allerede eier, bruk en anstendig FTP-klient. De 3 beste gratis FTP-klientene for Windows De 3 beste gratis FTP-klientene for Windows FTP er en nyttig fildelingsmetode og go-to-metoden for opplasting av filer til en webverten. Her er de beste FTP-klientene du kan hente gratis. Les mer for å laste opp alt inne i mappen til din web hosting konto. Siden ulike vertsleverandører bruker forskjellige innstillinger, vennligst kontakt din hostingleverandør om dette.

Dette korte eksperimentet har vist oss at det å lage en personlig destinasjonsside ved hjelp av Muse er like enkelt som å legge til og tilpasse elementer. Men Muse kan også skape mer kompliserte nettsteder med flere sider. Det er mange eksempler på nettsteder som viser hva Muse kan gjøre på deres “Vise frem” side. For å lære mer om Muse, kan du besøke deres “Lære” side.

Hva synes du om Muse? Vil du prøve dette verktøyet for å hjelpe deg med å bygge ditt nettsted? Del dine tanker i kommentarene nedenfor.

Utforsk mer om: Adobe Air, Webdesign, Webutvikling, Verktøy for nettredaktører.