Kom godt i gang med responsivt design i Adobe Muse

Læs denne artikel for at komme i gang med responsivt design i Adobe Muse. Få at vide, hvordan du opretter responsive websites til alle slags enheder.

Bemærk:

Adobe Muse tilføjer ikke længere nye funktioner og slutter med at tilbyde support 26. marts 2020. Find flere oplysninger og hjælp på Adobe Muses FAQ om ophør af tjeneste.

Når du laver et responsivt website, kan det være nyttige at tilføje brudpunkter baseret på en specifik enhed, operativsystem eller mærkeprodukt. Det kan dog medføre større vedligeholdelse af definere brudpunkter på baggrund af disse faktorer. I stedet bør layoutet og indholdet på dit website bestemme, hvor og hvordan du tilføjer brudpunkter.

Læs videre for at lære mere om den anbefalede designtilgang til at oprette et responsivt website med Adobe Muse.

Opret et website. Vælg Flydende bredde i dialogboksen Nyt website.

Angiv sidedimensioner for at undgå blanktegn og andre designproblemer. Klik på Avancerede indstillinger for at indstille min. og maks. sidebredde samt min. højde på dit website.

Vælg Flydende bredde i dialogboksen Nyt website.
Vælg Flydende bredde i dialogboksen Nyt website.

 

 

 

Åbn en masterside eller en individuel side. Bemærk, at standardbrudpunktet er 960 pixels.

Bemærk, at standardbrudpunktet er 960 pixels.
Bemærk, at standardbrudpunktet er 960 pixels.

 

 

 

Gå i gang med at arrangere dine sideelementer såsom tekst, billeder, diasshows og widgets i dette brudpunkt.

Arranger din webside.
Arranger din webside.

 

 

 

Brug skrubben til at simulere forskellige browserbredder. Se, hvordan dit website vises i forskellige browserbredder.

Brug skrubben til at se, hvordan dit website vises i forskellige browserbredder.
Brug skrubben til at se, hvordan dit website vises i forskellige browserbredder.

 

 

 

Uanset hvor dit design brydes, kan du tilføje et brudpunkt. Bemærk f.eks., at tekstboksen går ud af bredden i det forrige billede, når du trækker skrubben. Tilføj et brudpunkt ved den bredde, hvor designet bryder.

Tilføj et brudpunkt, når dit design brydes.
Tilføj et brudpunkt, når dit design brydes.

 

 

 

Juster layoutet i det nye brudpunkt således, at dit website ser velarrangeret ud.

Tilpas dit layout ved brudpunktet
Tilpas dit layout ved brudpunktet

 

 

 

Fortsæt for at se en forhåndsvisning af dit website med min. bredden. Tilføj brudpunkter og juster dit layout, hvor det er påkrævet.

Med denne designtilgang ser dit website godt ud i alle browserbredder på alle slags enheder. Dit design er uafhængigt af en bestemt enhedsstørrelse eller skærmstørrelse.

Adobe-logo

Log ind på din konto