Introduktion Designverktyget: Övning 1-3 Lägg till innehåll i steg

Steg3ny.png

Förberedelser och material

Nu kommer du att få lägga till innehåll i steg.

Du rekommenderas att ha tillgång till:

  • 2-4 olika bilder eller ladda ned dessa exempel nedan:

älgjon.PNG
Älgjon - Fabeldjur som symboliserar en designer.
  • En kort text eller kopiera textexemplet nedan:

    • Lorem ipsum är en “placeholder” som har sitt ursprung i 1500-talet av Cicero, ett exempel ur texten följer nedan:
      "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."

Redigera ett steg

  1. Klicka på avsnittet “Början” och lokalisera steget “Första steget”

  2. Klicka på ikonen med pennan som ritar ett streck bredvid soptunna-ikonen.

  3. Du kommer nu att befinna dig i själva steget. Under menyn “Lägg till innehållselement” klickar du nu på knappen “Text”

  4. Du har nu lagt till ett element för att lägga till text. Gå ned med muspekaren på elementet och klicka på ikonen med pennan som ritar ett streck. Du öppnar då textredigeraren.

  5. I fältet för textredigeraren skriver du kort: “Detta är ett test”

  6. Klicka sedan på den gröna knappen spara, se efter den gröna bannern högst uppe i webbläsarfönstret att steget är sparat.

  7. Klicka sedan på granska för att se en basal vy av hur elementet ser ut.

Klistra in text

  1. I brödsmulelänken ovanför namnet “Första steget” klickar du på “Början” för att komma tillbaka till översikten för avsnitt.

  2. Gå nu in på “Andra steget” genom att klicka på ikonen med pennan som ritar ett streck.

  3. Lägg till ett innehållselement för text.

  4. Kopiera Lorem ipsum stycket ovan eller klistra in din egen text.

  5. Spara steget.

Ha för vana att spara ditt arbete med jämna mellanrum. Designverktyget sparar inte ditt arbete i någon form av utkast utan använder sig endast av manuell sparning.

Lägg till bild i steg

  1. Gå in på steget “Andra steget”

  2. Klicka på “Bild” under lägg till innehållselement

  3. Klicka på kugghjulet i det tillagda elementet

  4. Klicka på “Ladda upp”

  5. Hitta din bild i utforskaren

  6. Klicka på lägg till i elementets fönster.

Lägg till både bild och text i steg

  1. Gå in på avsnittet “Slutet” och “Näst sista steget”

  2. Klicka på pennan så du kan redigera steget

  3. Lägg till ett element för text och lägg in valfri text eller klistra in exempeltexten från högre upp på denna sida

  4. Lägg till ett element för bild, klicka på kugghjulet och lägg till en annan bild än den du tidigare lade in

  5. Klicka på “Spara” för att spara ändringarna i steget.