thumb_NFU-logo_transp
 
      
Hur sätta till bilder i artiklar? PDF Skriv ut Skicka sidan


Det är inte det mest användarvänliga men det kanske beror på att det är svårt för systemet att gissa sig till hur man vill ha det ifall man inte med parameter inställningar berättar det för systemet. Vissa hjälpmedel saknas ännu på baptist.fi servern.

Jag ger här några tips om hur jag gjort det när jag satt in bilder

1. Börja med att öppna texteditorn för att skriva en artikel eller öppna en färdig artikel för att bara ladda upp nya bilder.

2. Jag föreslår också att man före man laddar upp bilder klipper ner dem till lämplig storlek. Detta för att inte belasta systemet och besökare med att vänta på att bilden laddas när det skulle ha gått lika bra med en lättare mindre bild.

4. Har konstaterat att om man skriver en artikel som också ska rymmas in på framsida så får bilderna/bildkollaget inte vara bredare än 520 pixlar.

5. I texteditorn så föreslår jag att man använder sig av tabell för att strukturera upp visningen så att man i dess rutor kan sätta in bilder.

tabelmodifie_tabell2 table_prop_desc

En viss förkunskap i html taggar hjälper också lite

Tabell struktur: ( i exemplet)
cols=antal kolumner (2)
rows=antal rader (2)
cellpadding=fyllning/marginal inom en tabellcell i antal pixlar (3)
cellspacing=fyllning/marginal mellan tabellceller i antal pixlar (3)
alignment(center,left,right) = tabellen placering på sidan (mitten,vänster,höger) (center)
Border=ram 0=osynlig 1-> bredd i antal pixlar (0)
Width/Height= hela tabellen bredd och höjd i pixlar (föreslår width=520) (height=200)
Tabel caption ger möjlighet att sätta rubrik på tabellen (x)

Sen när tabellen är gjord så kan man modifiera vissa parameterar via
html koden som blir synlig med [show/hide] eller igen via ovan visade  ruta.

Och med exempel parameterna blev html kode att se ut som följande

<table style="height: 200px; width: 520px;" align="center" border="0" cellpadding="3" cellspacing="3">
<caption></caption>
<tbody>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</tbody>
</table>
Härifrån kan du kanske se sammanhanget?
<table></tabel> tabell start och slut tag
<tr></tr> tabell radstart och slut>
<td></td> tabell cellstart och slut

Andra bra html taggar är
<br />tvingar radbyte detta i de fall att texteditor promt vill att du ska använda paragraf start och slut
Exemplet om du skriver i texteditorn och gör ett radbyte detta toklas då som paragraf byte.

text på rad ett

text på rad två


Se html:
<p>text på rad ett</p>
<p>text på rad två</p>


Men om du inte vill få in "paragraf"-mellanrum så hamnar du med [show/hide] att korrigera html till
<p>text på rad ett<br />
text på rad två</p>

6.Hur sätta in bilder?

  1. Sätt kursorn där du vill ha bilden antingen i en tabell cell eller före/efter text
  2. Klicka på sattinbild (svara ok på frågan "No GD Library installed" (detta saknas ännu på baptist.fi servern))
  3. De är att rekomendera att man gör egen bildkatalog före man laddar upp bilder med
    newfolder och ger den en beskrivande namn utan åäö.bildkatalog
  4. Ladda upp bilder till webbportalen med
    upload

    bilduppladdning
  5. Före du markerar bilden och väljer "Insert" så kan du även lätt modifiera bilden med att:
  1. Ändra dimenentionerna proportionellt eller ej
  2. Alignment d.v.s bildens placeing i förhållande till text
  3. Alternativ text d.v.s en extra beskrivande text om bilden och om webb-besökaren valt att inte visa bilder så visas denna text där istället.
  4. Överkurs:  Om man vill ha att när webbesökaren för sin muspekare över bilden så visas en annan bild så går detta att göra med "Rollover" "mouseover" och "mouseout"(dvs också en annan bild när muspekaren lämnar bilden). D.v.s max 3 bilder i en bild. Notera att bilderna bör vara av samma storlek!bildparametrar
  1. Också i texteditorn kan man modifiera och sätta till parametrar till bilden såsom "Insert/Edit link" att sätta till funktionen att om man klickar på bilden så länkas man till annat ställe t.ex till annan artikel.bildedit
    Välj här att länka till någon artikel eller skriv in en extern webbadress.
    angelnk
    Klicka på bilden ovan för att läsa artikeln