Hop til teksten

IT FJERNUNDERVISNING
- IT kurser når Du har tid!

Grafik

Her handler det om:

  • Filformater og størrelser
  • Indsæt grafik
  • Gem
  • Egenskaber for billeder
  • Billedværktøjslinjen

 

Generelt om anvendelse af billeder på hjemmesider

Billeder har blandt andet følgende anvendelsesområder på hjemmesider:

  • Grafiske elementer (streger, pictogrammer og lign.)
  • Tekster - hvis man vil skrive med en font man ikke er sikker på er installeret hos gæsten, eller hvis man vil arbejde med specielle tekst effekter
  • Fotografier og grafer
  • Animerede figurer

Min helt personlige holdning er, at man skal minimere brugen af de to første anvendelsesområder mest muligt - specielt teksterne, da erfaringen viser, at det altid giver problemer, når man vil tilføje nye tekster eller rette i eksisterende.

 

Filformater og størrelser

På Internettet arbejder vi grundlæggende med 3 forskellige billedformater:

  • gif - bruges til billeder med få farver. Kan dels animeres og dels udstyres med en gennemsigtig farve
  • png - en ny version af gif med samme egenskaber og anvendelsesområder
  • jpg - bruges til billeder med mange farver.

 

Grundlæggende handler det jo om at have billeder, der fylder så lidt som muligt og derfor er så hurtige som muligt at downloade. Gif og png er gode formater til at pakke billeder med få farver og jpg er god til at pakke billeder med mange farver (fotos).

 

Indsæt billede

Inden man går i gang med at indsætte billeder på hjemmesiden skal man naturligvis have fat i disse billeder - der er mange kilder til billeder - man kan

  • finde dem på Internettet - HUSK ophavsretten!
  • tage dem med digitalkamera
  • tegne dem selv i et tegneprogram
  • scanne dem

Men uanset hvordan man gør skal de i første omgang ligge lokalt på din computer. Senere bliver de flyttet til web-serveren, men det skal Expression have lov til at klare.

INDSÆT ALDRIG BILLEDER DIREKTE FRA WORD !!
 - de skal rundt om et grafik program og gemmes som gif, jpg eller png filer først.

Når man ger vil indsætte et billede på sin side kan det ske via billedknappen på værktøjslinjen: . Det giver denne dialog:

Når du har valgt billedet bliver det indsat på din side (der for markøren stod) - det var jo ikke så svært. Vi kigger om lidt på de muligheder der er for at redigere sådan et billede i Expression, men først skal vi lige have gemt siden - med billedet.

Når du indsætter billeder fremkommer denne dialog

Der hjælper med at sætte vigtig information på billedet. Sørg for at skrive noget om, hvad billedet forestiller i begge felter.

Gem sider med billeder

Når man gemmer sider, hvor man har indsat billeder fra harddisken fremkommer denne dialog

Brug den til at sørge for at dine billeder kommer til at ligge i passende mapper på web-sitet.

 

Egenskaber for billeder

Når man har indsat et billede kan man justere egenskaberne for billedet ved at højeklikke på billedet og vælge Picture Properties. Det giver nedenstående dialog. Kig først på nedenstående:

Der er et par vigtige elementer på denne dialog:

  • Text: her kan du skrive den tekst, der fremkommer når brugeren hviler sin mus på billedet. Det er i øvrigt også den tekst, som blinde får læst op, hvis de besøger din hjemmeside med et program til oplæsning af hjemmesider. Her bør man ALTID skrive noget! (Samme information, som du udfyldte i forbindelse med du indsatte billedet).
  • Hyperlink: giver mulighed for at knytte et link til billedet.

Billeder er bogstaver!

Et billede man har indsat på sin side opfører sig grundlæggende som et bogstav!

Det betyder, at man ikke umiddelbart kan lave tekstombrydning omkring et billede (det giver jo ikke meget mening at lave tekstombrydning omkring et bogstav). Denne opførsel kan man lave lidt om på via nedenstående vindue:

Det er specielt "Wrapping style", der er interessant - Left og Right vil henholdsvis venstre og højre stille billedet og tillade tekstombrydning omkring billedet. ALLE de andre handler om hvordan billedet (som bogstav) skal opføre sig i forhold til de øvrige bogstaver!.

Billedværkstøjslinjen

Via menuen View | Toolbars | Pictures kan man få vist en værktøjslinje, der er rigtig nyttig i arbejdet med billeder

Den ser sådan her ud:

Lad os kigge mulighederne igennem fra en kant af.

 indsætter et nyt billede

 genererer automatisk et minibillede

 har man flere billeder oven på hinanden kan man med denne knap flytte et billede op

 har man flere billeder oven på hinanden kan man med denne knap flytte et billede ned

 rotation og spejling

 justering af kontrast og lysstyrke

 beskæring

 markering af gennemsigtig farve - virker kun for gif og png billeder

 skifter til sort/hvid billede

 Sætter kant på billedet

 EN VIGTIG KNAP!!! - hvis man beskærer eller ændrer størrelse på sit billede har det igen indflydelse på størrelsen af billedfilen før man klikker på denne knap!

 giver mulighed for at lave såkaldte "hotspots" på billedet - det er områder på billedet, som man kan tilknytte hyperlinks til.

 genetabler - sætter billedet tilbage til udgangspunktet

Når du har betalt for kurset får du adgang til øvelser til hver lektion. Og når du har fået godkendt din besvarelse får du desuden adgang til mine løsningsforslag med ekstra tips og trix.