FrontPage / Grundlæggende formatering / Grafik

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 FrontPage 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:

Hvis det er et billede du har liggende på din lokale computer kan du klikke på mappe symbolet  og få adgang til harddisken og på den måde vælge billedet. 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 FrontPage, men først skal vi lige have gemt siden - med billedet.

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, hvor to af fanerne er interessante. 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!
• Hyperlink: giver mulighed for at knytte et link til billedet.

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 alignment elementet 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

Når man markerer et billede fremkommer der en værktøjslinje i bunden af skærmen, der giver mulighed for at lave forskellig redigering på billedet.

Lad os kigge mulighederne igennem fra en kant af.

 indsætter et nyt billede

 giver mulighed for at skrive tekst oven på et billede - virker kun for gif billeder. Generelt bør den slags billedbehandling foregå i et grafik program

 genererer automatisk et minibillede

 giver mulighed for fri placering af billedet - meget sjovt, men skal bruges med omtanke!

 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

 laver et vandmærke af billedet

 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

<<- Hyperlinks

Tabeller ->>