View
367
Download
1
Category
Preview:
DESCRIPTION
Har du också tittat på besökssiffrorna för webben och insett att nära hälften av besökarna surfar in med en smartphone eller surfplatta? Responsiva lösningar, webbsidor som anpassar layout efter besökarnas skärmar har funnits i ett par år nu, men hur ser egentligen dina texter, bilder och diagram ut på en iPad Mini, HTC One eller Smart-TV? Den här dragningen riktar sig till dig som är webbredaktör eller på annat sätt jobbar praktiskt med innehållet på en webbplats. Du får tips på hur du jobbar för att ditt innehåll ska funka och se bra ut – för alla! Talare Maja Myrenås Project Manager Creuna Ida Franceen Interface Developer Creuna
Citation preview
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
Recommended