hjälp! min webbplats är responsiv! (gbg)

Choose among many Layouts Right-click on slide and select Layout

Insert client logo 1.  Select placeholder 2.  Choose Insert from top menu 3.  Choose Picture from file 4.  Select client logo 5.  Click OK

To view drawing guides 1.  Right click on slide and select

’Grid and Guides...’ 2.  Check ’Display drawing

guides on screen’ 3.  Select OK

Insert image in background 1. Click on image placeholder

2. Choose Insert/Click Picture-button 3. Select image and click OK

Size of image=1500x844 px (2000x1126 px for even better quality)

Hjälp min webb är responsiv!

Ida Franceen, Interface Developer Maja Myrenås, Project Manager

© Creuna

Choose among many Layouts Right-click on slide and select Layout

Darker colours You’re basically free to use the different saturations

of the colours, but we still recommend these second to darkest ones

Our five basic colours Yellow, Blue, Red, Green and Grey

These are the colours we use for backgrounds

Change background colour 1. Click on slide

2. Choose Format Background 3. Select Fill and choose your colour

4. Click OK

Gissa Procenten!

Choose among many Layouts Right-click on slide and select Layout

Choose among many Layouts Right-click on slide and select Layout

In some cases you may want background images and you can repeat the agenda throughout

the presentation and highlight the coming section

Insert image in background 1. Click on lower Picture icon

2. Find image, select OK Size of image=1500x844 px

(2000x1126 px for even better quality)

Desktop 36% Mobil 64%

Desktop 72% Mobil 28%

Desktop 57% Mobil 43%

Choose among many Layouts Right-click on slide and select Layout

Our five basic colours Yellow, Blue, Red, Green and Grey

These are the colours we use for backgrounds

Darker colours You’re basically free to use the different

saturations of the colours, but we still recommend these second to darkest ones

Change colour of numbering 1.  Select all text with numbering

2. Choose Format/Bullets and Numbering 3. Select colour from ‘Color’ dropdown.

4. Click OK

Change background colour 1. Right click outside slide

2. Choose Format Background 3. Select Fill and choose your colour

4. Click OK

Agenda

© Creuna

1  En kort blick bakåt 2  Vad är responsiv webb? 3  Hur jobba med innehåll i stort 4  …och i din editor 5  Testa och utvärdera ditt innehåll

Choose among many Layouts Right-click on slide and select Layout

Darker colours You’re basically free to use the different saturations

of the colours, but we still recommend these second to darkest ones

Our five basic colours Yellow, Blue, Red, Green and Grey

These are the colours we use for backgrounds

Change background colour 1. Click on slide

2. Choose Format Background 3. Select Fill and choose your colour

4. Click OK

Förr i tiden…

© Creuna

Choose among many Layouts Right-click on slide and select Layout

Darker colours You’re basically free to use the different saturations

of the colours, but we still recommend these second to darkest ones

Our five basic colours Yellow, Blue, Red, Green and Grey

These are the colours we use for backgrounds

Change background colour 1. Click on slide

2. Choose Format Background 3. Select Fill and choose your colour

4. Click OK

© Creuna

Choose among many Layouts Right-click on slide and select Layout

Darker colours You’re basically free to use the different saturations

of the colours, but we still recommend these second to darkest ones

Our five basic colours Yellow, Blue, Red, Green and Grey

These are the colours we use for backgrounds

Change background colour 1. Click on slide

2. Choose Format Background 3. Select Fill and choose your colour

4. Click OK

© Creuna

Choose among many Layouts Right-click on slide and select Layout

Choose among many Layouts Right-click on slide and select Layout

Choose among many Layouts Right-click on slide and select Layout

Choose among many Layouts Right-click on slide and select Layout

Darker colours You’re basically free to use the different saturations

of the colours, but we still recommend these second to darkest ones

Our five basic colours Yellow, Blue, Red, Green and Grey

These are the colours we use for backgrounds

Change background colour 1. Click on slide

2. Choose Format Background 3. Select Fill and choose your colour

4. Click OK

© Creuna

Nuförtiden

Choose among many Layouts Right-click on slide and select Layout

Choose among many Layouts Right-click on slide and select Layout

Responsiv eller

Följsam design?

Choose among many Layouts Right-click on slide and select Layout

Choose among many Layouts Right-click on slide and select Layout

In some cases you may want background images 1. Click on Picture icon

2. Find image, select OK Size of image=1500x844 px

(2000x1126 px for even better quality)

Click Increase Indent button to get predefined ‘quote-name’ font

Måste man bygga responsivt?

Choose among many Layouts Right-click on slide and select Layout

Darker colours You’re basically free to use the different saturations

of the colours, but we still recommend these second to darkest ones

Our five basic colours Yellow, Blue, Red, Green and Grey

These are the colours we use for backgrounds

Change background colour 1. Click on slide

2. Choose Format Background 3. Select Fill and choose your colour

4. Click OK

Innehållet

Choose among many Layouts Right-click on slide and select Layout

80% skumläser

Foto: Flickr.com / MichaelFitz

Choose among many Layouts Right-click on slide and select Layout

viktigaste först - skippa allt som är irrelevant

Choose among many Layouts Right-click on slide and select Layout

Choose among many Layouts Right-click on slide and select Layout

Choose among many Layouts Right-click on slide and select Layout

Choose among many Layouts Right-click on slide and select Layout

Hamburgermeny överallt?

Choose among many Layouts Right-click on slide and select Layout

http://theoatmeal.com

Choose among many Layouts Right-click on slide and select Layout

http://theoatmeal.com

Choose among many Layouts Right-click on slide and select Layout

Darker colours You’re basically free to use the different saturations

of the colours, but we still recommend these second to darkest ones

Our five basic colours Yellow, Blue, Red, Green and Grey

These are the colours we use for backgrounds

Change background colour 1. Click on slide

2. Choose Format Background 3. Select Fill and choose your colour

4. Click OK

Redigera innehåll

Choose among many Layouts Right-click on slide and select Layout

Lär dig HTML

Choose among many Layouts Right-click on slide and select Layout

In some cases you may want background images and you can repeat the agenda throughout

the presentation and highlight the coming section

Insert image in background 1. Click on lower Picture icon

2. Find image, select OK Size of image=1500x844 px

(2000x1126 px for even better quality)

16 bra taggar att hålla koll på

Lätt! <h1>-<h6> <p> <a> <img>

<strong> <b> <em> <i> <table> <tr> <th> <td> <ul> <ol> <li>

<blockquote>

Choose among many Layouts Right-click on slide and select Layout

Editor

Choose among many Layouts Right-click on slide and select Layout

Choose among many Layouts Right-click on slide and select Layout

Choose among many Layouts Right-click on slide and select Layout

Choose among many Layouts Right-click on slide and select Layout

Choose among many Layouts Right-click on slide and select Layout

Bara Att Klistra In

Choose among many Layouts Right-click on slide and select Layout

Choose among many Layouts Right-click on slide and select Layout

Men min sajt är gammal!

Choose among many Layouts Right-click on slide and select Layout

To add pre-formatted bullet text please use the Increase/Decrease Indent

buttons found in the Top-PowerPoint menu

Att beställa en responsiv webb

Tät dialog med redaktörerna tidigt

Utbildningar Innehållsverkstäder

Choose among many Layouts Right-click on slide and select Layout

Darker colours You’re basically free to use the different saturations

of the colours, but we still recommend these second to darkest ones

Our five basic colours Yellow, Blue, Red, Green and Grey

These are the colours we use for backgrounds

Change background colour 1. Click on slide

2. Choose Format Background 3. Select Fill and choose your colour

4. Click OK

Gör jag rätt?

Choose among many Layouts Right-click on slide and select Layout

Choose among many Layouts Right-click on slide and select Layout

To add pre-formatted bullet text please use the Increase/Decrease Indent

buttons found in the Top-PowerPoint menu

Hur testar jag?

Använd riktiga apparater Simulator t. ex. Screenfly Ändra storleken på din webbläsare

Choose among many Layouts Right-click on slide and select Layout

© Creuna

Arbets-skrivbordet! :p

Choose among many Layouts Right-click on slide and select Layout

Our five basic colours Yellow, Blue, Red, Green and Grey

These are the colours we use for backgrounds

Darker colours You’re basically free to use the different

saturations of the colours, but we still recommend these second to darkest ones

Change colour of numbering 1.  Select all text with numbering

2. Choose Format/Bullets and Numbering 3. Select colour from ‘Color’ dropdown.

4. Click OK

Change background colour 1. Right click outside slide

2. Choose Format Background 3. Select Fill and choose your colour

4. Click OK

Sammanfattning

© Creuna

+ Stäng inte ute någon, göm inget! + Viktigaste innehållet först, och på direkten. + Märk upp innehållet rätt. + Testa i riktiga telefoner och surfplattor. + Följ upp med statistik, och optimera!

Choose among many Layouts Right-click on slide and select Layout

Change background colour 1. Click on slide

2. Choose Format Background 3. Select Fill and choose your colour and click OK

Make a new slide to add or change the icons by using graphics from www.iconmonstr.com

Our five basic colours Yellow, Blue, Red, Green and Grey

These are the colours we use for backgrounds

Darker colours You’re basically free to use the different saturations of

the colours, but we still recommend these second to darkest ones

Frågor?

© Creuna

Make a new slide to add or change the icons by using graphics from www.iconmonstr.com