Image insertion
From FundaWiki
Vejledning: Tekst og billeder i Content af Bjarne Ravn, Scandy.Com - br@scandy.com
Indsættelse af billeder og tekst på et Fundanemt web site baseret på Cascading Style Sheet (CSS) modsat sites baseret på tabeller. (som ikke kan anbefales)
Det er ikke umiddelbart indlysende at kombinere tekst og billeder i Fundanemt, derfor har jeg lavet den vejledning.
Skal du have billeder og tekst placeret uafhængig af hinanden, fx. et stort billede, der fylder hele Content (der hvor du har det meste af dine tekster/billeder på siden) og med en større tekst under billedet, er der ingen problemer.
Contents |
Du begynder med at indsætte en overskrift.
- Vælg eller opret den side du vil arbejde på.
- Lav typisk en overskrift på siden ved at vælge
- Rediger side
- Vælg Tekst
- Vælg fx. Overskrift 1 - Skriv din overskrift
- Vælg Gem og Luk
Indsæt et centerplaceret billede med brødtekst under/over:
- Vælg Billede
- Vælg Overskrifttype fx. Overskrift2 - skriv din overskrift
- Ved at vælge en overskrift på dit billede, sikrer du, at du begynder et nyt afsnit.
- Den underliggende tekst skal ikke have en synlig overskrift, hvis teksten skal høre til billedet som i dette eksempel.
- Nyt afsnit: Vælg JA
- Tryk: Vælg billede
- Nu åbner sig et vindue med de billedefiler, du allerede har oploadet til serveren.
- Vælg et billede.
- Har du ingen billeder på serveren, Vælg Gennemse og find et billede på din PC.
- Vælg: Overfør fil til serveren.
- Når overførslen er færdig, kan du vælge den ønskede billedefil.
- Vælg Indsæt.
- Luk.
- Skriv en sigende tekst i Alternativ tekst - en tekst der vil hjælpe blinde og søgemaskiner til at forså, hvad dit billede forestiller.
- Skriv eventuelt en billedetekst, som bliver vist under billedet.
- Under placering vælger du i dette tilfælde: Centerplacering med tekst over og under.
- Luft over/under: sættes til fx. 10 (ikke noget med px bagefter!)
- Du kan også bruge rammer og rammefarver efter behag.
- Gem og Luk
Indsættelse af brødtekst under billede:
- Vælg Tekst
- Overskrifttype: Ingen - Men husk at skrive en overskrift alligevel
- Nyt afsnit: ja
- Skriv din tekst i indhold
- Indsæt og luk
Indsættelse af tekst og billeder i samme afsnit:
Du begynder med at indsætte et fx. et højrejusteret billede.
- Vælg Billede
- Vælg Overskrifttype fx. Overskrift2 - skriv din overskrift
- Ved at vælge en overskrift på dit billede, sikrer du, at du begynder et nyt afsnit.
- Den underliggende tekst skal ikke have en synlig overskrift, hvis teksten skal vises til venstre for billedet.
- Nyt afsnit: Vælg NEJ
- Tryk: Vælg billede
- Nu åbner sig et vindue med de billedefiler, du allerede har oploadet til serveren.
- Vælg et billede.
- Har du ingen billeder på serveren, Vælg Gennemse og find et billede på din PC.
- Vælg: Overfør fil til serveren.
- Når overførslen er færdig, kan du vælge den ønskede billedefil.
- Vælg Indsæt.
- Luk.
- Skriv en sigende tekst i Alternativ tekst - en tekst der vil hjælpe blinde og søgemaskiner til at forså, hvad dit billede forestiller.
- Skriv eventuelt en billedetekst, som bliver vist under billedet.
- Under placering vælger du i dette tilfælde: Højreplacering af billede med brødtekst placeret til venstre.
- Luft over/under: sættes til fx. 10 (ikke noget med px bagefter!)
- Luft til siderne: sættes til fx. 10
- Du kan også bruge rammer og rammefarver efter behag.
- Gem og Luk
Indsættelse af brødtekst til venstre for billedet:
- Vælg Tekst
- Overskrifttype: Ingen - Men husk at skrive en overskrift alligevel
- Nyt afsnit: ja
- Skriv din tekst i indhold
- Indsæt og luk
Nu har du et afsnit med et højrestillet billede med en brødtekst til venstre.
Efterskrift:
Man kunne ønske sig, at det mere naturligt var teksten med en overskrift, der styrede et afsnit med tekst og billede. Det vil være mere indlysende. Jeg har endnu ikke løst problemet med flere billeder under hinanden, hvor de er fx. højrestillet med en venstrestillet brødtekst, der ikke er så "høj" som billederne tilsammen. Den kan gøres med tabeller, men det skal så kodes og er ikke hensigtmæssigt i et tabelfrit CMSystem.
