I gang med MUSE
Muse er et program fra Adobe til fremstilling af websites, for de som ikke ønsker at arbejde med koder. De fremstillede websites baserer sig naturligvis på HTML, CSS, Javascript mm., du har blot ikke adgang til at se og redigere i disse fra Muse. Programmet er udviklet af folk bag Adobe InDesign, så hvis du kender dette program, vil du sikkert kunne genkende både begreber og brugerflade. Formålet med dette materiale er ikke at lave en tilbundsgående manual til programmet, det vil føre for vidt. Vi forsøger at give en introduktion til de oftest anvendte værktøjer og funktioner ud fra vores egne erfaringer, dels som brugere og dels som undervisere. Materialet er udviklet til Adobe CC og er tænkt til brug både som e-learning, blended learning og som klasseundervisning. Omfanget svarer til ca. 3 undervisningsdage (24 lektioner), men det kan naturligvis svinge, alt efter hvilke forudsætninger og erfaringer brugerne har i forvejen. Der er instruktionsvideoer og navigationssedler til alle opgaver. Rigtig god fornøjelse! Syddansk Erhvervsskole Odense-Vejle, Februar 2014 2
Åbn programmet -> Opret en mappe på dit P drev og kald den Muse. -> Åbn Muse. Opstartsviduet i Muse. Du kan åbne et eksisterende website, eller lave et nyt. Der er meget god hjælp og inspiration at hente på Adobes side. Vælg punktet Kom godt i gang hvis du vil se Adobes instruktionsvideoer (på engelsk). Vælg -> Opret nyt sted. 3
Vælg her Desktop, tablet eller telefon. Programmet foreslår selv indstillinger til de enkelte medier, men disse kan du ændre. Sticky Footer betyder at siden, hvis den er mindre en minimumshøjden, udvides til at ligge 36 px fra bunden af skærmen. 4
Når du vælger et nyt website, er dette hvad du får: Denne side er forsiden i dit website. Mastersiden som alle sider er baseret på. Der kan arbejdes med flere mastere i det samme website Der er oprettet en masterside og en forside. Du kan selv navngive filerne, dette foregår ved at dobbeltklikke på den sorte tekst under figuren. Filnavnene svarer til sidens titel. Programmet starter i visningen Plan, som giver et visuelt billede af websitets struktur. Design er visningen hvor selve arbejdet på siderne foregår. Preview giver et billede af hvorledes siden vil fremstå i browseren. Publish bruges hvis sitet skal uploades til Adobes server business-catalyst.com Se mere herom i afsnittet upload. Arkivér sitet. Vælg -> File-> Save site as, navngiv det firstsite og placér det i mappen Muse 5
Her ses filens navn. Thumbnails viser sidens indhold. Master Bagde viser hvilken master siden er tilknyttet. -> Dobbeltklik nu på masteren. Visningen skifter fra Plan til Design, og der kan nu arbejdes på masteren. Farven på siden er hvid som default. Ændres i Fill. Der er lagt en sort ramme om siden som default. Ændres i Stroke. Baggrundfarven (body) er grå som default. Ændres i Browser Fill. De blå hjælpestreger refererer til de mål der blev valgt ved oprettelsen af sitet. Se side 5. 6
Lav nu et par ændringer på masteren, og skift mellem Plan og Design visning for at se, at disse bliver tilføjet forsiden (Home). Prøv at ændre baggrundsfarven (Browser Fill) til sort. Prøv at ændre sidens farve (Fill) til et vandret farveforløb gående fra blå til lilla. I visningen Plan er det tydeligt at se, at ændringerne lavet på masteren er overført til siden. 7
Tekst Tilføj en tekst på masteren -> Vælg tekstværktøjet. -> Placér cursoren på siden i øverste venstre hjørne (inden for margin). -> Træk en tekstboks i hele sidens bredde. Du kan ændre boksens størrelse ved at trække i håndtagene med den sorte pil. -> Vælg tekstværktøjet. -> Skriv I gang med Muse. Nu skal teksten typograferes. -> Markér teksten. -> Vælg text (skrifttype): Arial -> Vælg størrelse: 36 px -> Vælg justering: Centreret -> Vælg farve: Rød I visningen Plan ses overskriften både på masteren og på siden. Når du laver ændringer på masteren, overføres disse til siderne. 8
Billeder Indsæt et billede på masteren Muse understøtter de gængse billedformater til internettet; gif, jpg og png. Det er en god ide at oprette en mappe til dine grafikfiler, på den måde er det lettere at bevare overblikket når sitet vokser. Billedet muselogo.jpg skal indsættes på masteren. -> Kopier mappen grafik og placér den i mappen Muse. -> Vælg rektangelværktøjet og træk en box på siden i øverste højre hjørne inden for margin. Når du lægger billedet ind i en box, kan du flytte det rundt på siden efterølgende. -> Vælg Fill -> Image. -> Vælg billedet du ønsker at indsætte, her muselogo.jpg Som default blliver der sat en sort ramme om boksen, den kan du fjerne. -> Vælg 0 i Stroke. 9