Demosida om layout

Hantering av grafik och text

2011-02-01


 Snabblänkar    
  Loggor    Utskriftsvänlig sida    Top Banner   Tabeller    Punktlistor   
Citat    Rubriker    Textfärger    Kortlänkar    Tips    Ikoner  
Google Analytics    Redaktörsinfo  
Demosida om layout
 

 

 
Skriv ut         

 

Ikon för utskrifsvänlig sida med textlänk

Kodsnutt för de redaktörer som vill använda sig av utskriftsvänlig sida. kopiera hela tabellen. fungerar bäst om du öppnar "HTML" vyn och kopierar allt som finns i mellan taggarna <tabel> ... </table>

<table border="0" align="center">
<tbody>
<tr valign="middle">
<td valign="middle">
<p>&nbsp;<br /><a onclick="window.print();return false" href="
http://www.lapplands.se/lapplandsUI/secret/CMS/edit/whatever.htm"><img class="style1" style="float: left;" src="/Global/Jokkmokk/webgrafik-jokkmokk/Ikoner/skrivare.png" alt="" width="19" height="18" />Skriv ut</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>
</td>
</tr>
</tbody>
</table>

 

Dela länk med sociala nätverk som Facbook med kod från AddThis

 

AddThis kod som gör det möjligt att dela webbsidan med vänner som besökaren kan ha i Facebook, Twitter m.fl. Kopiera även här från "HTML" vyn allt som finns mellan taggarna 
<!-- AddThis Button BEGIN --> ......  <!-- AddThis Button END -->

<!-- AddThis Button BEGIN -->
<div class="addthis_default_style addthis_toolbox"><a class="addthis_button_compact" href="http://www.addthis.com/bookmark.php?v=250&amp;pubid=xa-4d6b718a7683ae04">Share</a> <span class="addthis_separator">|</span> <a class="addthis_button_preferred_1"></a><a class="addthis_button_preferred_2"></a><a class="addthis_button_preferred_3"></a><a class="addthis_button_preferred_4"></a></div>
<script src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4d6b718a7683ae04" type="text/javascript"></script>
<!-- AddThis Button END -->
 

 

 
Skriv ut         

 

 

 Information om TopBanner

Bannerbilden högst upp på sidorna för respektive LC ska ha pixeldimensionerna 940x189. Det är bra att tänka på att bilden som ni vill använda skall kunna beskäras så att den passar i höjd -breddförhållandena. I speciella fall kan Photoshop manipulera bilden så att den går att använda, se exempel på Pajalas topbanner där bilden manipulerats i bakgrunden.

exempel 1. Jokmokk Saltoloukta, exempel 2. Pajala bron

 bron fotomontage 3 940x189 pixlar


Punktlistor

 Denna

  • Punkt
  • Lista
  • Är kopierad
  • Från Word
  1. Denna
  2. Lista
  3. är skapad i
  4. Epi-server

Citat i text

 Detta är ett citat 

Textstorlek rubrik 6 som kan passa som bild och figurtexter

Horizontell linje


Rubriker

Rubrik1

Rubrik2

Rubrik3

Rubrik4

Normaltext


 Textfärger

Röd text går också att göra 

Grön text går också att göra

exempel på hur koden ser ut från html läget om man hanterar html-kodning 
<p><span style="color: green;">Grön text går också att göra</span></p>

Vanlig länk http://www.lapplands.se  

Kortlänkar till LC

www.lapplands.se/larcentra/kiruna
www.lapplands.se/larcentra/gellivare
www.lapplands.se/larcentra/pajala
www.lapplands.se/larcentra/jokkmokk

 

Tips

* använd stilmallar, tvätta texten om så behövs, "klistra in som text"
* förhandsgranska i Firefox, Chrome m.fl. "högerklick förhandsgranska" i nytt fönster
* använd tabeller för att styra hur text och bild placeras,
* spara dokument, bilder och filer på rätt plats, tänk efter då du skapar "sidfiler"
* undvik långa webbsidor, skrollning, del upp om det går.
* viktigaste högst upp, arbeta enligt den redaktionella modellen - Löpsedelsteknik http://www.hemlin.pp.se/Lopsedel.html
* namnge bilder, citat och länkar
* externa länkar och dokument öppnar i nytt webbläsarfönster
* Manual för redaktörer Editors-Manual-EPiServer.pdf
* webbredaktörer jobba effektivare med dubbla skärmar, se över din arbetsplats!
* arbeta gärna i helskärmsläge
* anmäl saker som inte fungerar, så Storstadens It kan rätta till felen 

 

Ikoner

Användbara ikoner för webbredaktörer

EPOST

 

TELEFON

 

SKRIVARE

 

FORMULÄR

KURSER

UTVÄRDERING

 

LÄNK

TEKNIK

 

KURSER

PROGRAM

   
       

 

Google analytics

"Google Analytics är ett webbanalysverktyg för företag som ger omfattande information om företagets webbtrafik och marknadsföringssatsningar."

Skaffa ett Gmail-konto så kan jag lägga till dig som är webbredaktör till Google analytics. Då får ni bra översikt över webbplatsen och hur den hittas på nätet. Fungerar bara om ni har Gmail. Läs gärna mer om vertyget här URL: http://www.google.com/analytics/

Test av punktlista

  • Få se om det fungerar
  • punkt två
  • punkt tre

 Exempel på Twitter widget

     
   
     

 

 Snabblänk: http://lkf.adobeconnect.com/epi-server/

Nyheter