|
Egenskaber for billeder - FrontPage 98
|
|
Ved at højreklikke på billederne ( i FP -Editor) og vælge Images
Properties -> Appearance , kan du ændre justeringen
(aligment) for billederne. Se også siden Image
Properties.
Her skal du se forskellige eksempler på hvordan billeder justeres i forhold til den
omgivende tekst. |
Default |
Her er indsat eWebCity logoet med aligment som Default
uden valg af
Aligment.Default værdien er Absbottom.
|
Venstre |
Her er logo'et indsat med med venstre justering
. Bemærk, når du prøver dette, at FP98 indsætter en lille
pil -> som peger mod venstre (venstre justering) . Hvis jeg nu flytter min
markør til højre for pilen og fortsætter med at skrive placeres teksten fint til højre
for billedet.
Ved at vælge Images Properties -> Appearance har jeg sat Spacing til 10 px.
På samme måde kan du højrejustere billedet, så teksten løber på venstre side af
billedet. |
|
Det fungerer fint med venstre og højrejustering af billeder.
Men hvis du skal indsætte flere billeder på din web-side, vil jeg anbefale dig at
indsætte tekst og billed i hver sin tabel celle, for at få fuld kontrol
over det. |
Top |
Her er grafik elementet justeret til 'Top'
teksten kommer nu til at flugte med grafikelementets top. Men bemærk at jeg
kan ikke skrive til venstre og højre for billedet. |
|
Grafik som links |
|
Du kan nemt lave dine grafik elementer om til hyperlinks.
Marker (klik på) elementet i FP Editor og vælg 'Create or edit hyperlink' ligesom
når du laver almindelige links.
Når grafik elementet laves
til et hyperlink, indsætter FrontPage automatisk en ramme (border)
omkring grafik-elementet. Denne ramme kan du fjerne igen - under Image Properties ->
Appearance , og sætte Border Thickness til 0. |
|
Image Toolbar |
|
Når du klikker én gang på et grafik element i FP Editor ,
åbnes nederst i vinduet Images Toolbar.
Med Images Toolbar kan du vende og dreje din grafik, ændre belysning og kontrast,
ændre farvegrafik til sort-hvid etc. Prøv dig frem med de forskellige funktioner ...... |
|
Thumbnails (minuture)
|
|
Hvis du skal indsætte flere billeder på din web-side, bør
du tænke på at din web-side hurtig skal kunne indlæses i browseren, samt at hele siden
helst skal kunne ses i browservinduet. Begge dele opnås ved at anvende 'Thumbnails' som
vist nedenfor. |
|
|
Genvej CTRL +T |
- Indsæt dit billede på normal vis -
- klik på billedet og vælg
nu menuen 'Tools' -> Auto Thumbnail'. FrontPage
opretter nu et lille kopi af dit billede, som automatisk laves til et hyperlink til dit
originalbillede. Når du gemmer web-siden , vil du se at FrontPage har oprettet en ny
grafik fil hvor filnavnet er udvidet med '...._small.jpg' .
- Du kan indstille width og Height for Thumbails under menuen 'Tools' ->
'Options'
|
|
Bemærk : hvis billedet som du indsætter o laver til
Thumbnail ikke på forhånd befandt sig i din image-mappe, får du et problem som du kan
se i nedenstående kode-eksempel.
Hyperlinket til originalbilledet, angiver den fulde sti, dvs.
C:/FrontPage Webs ...etc , mens mit Thumbnail er vist rigtig med en relativ
sti-angivelse, dvs. 'images/nature1_small.jpg' |
|
<a href="file:///C:/FrontPage Webs/Content/frontpage98/images/nature1.jpg">
<img src="images/nature1_small.jpg"
alt="nature1.jpg (95348 bytes)" border="2" width="100"height="65"></a> |
|
Løsningen herpå er enkel. I HTML-koderne fjerne du den
absolutte sti angivelse : C:/FrontPage Webs/content etc ... så stien bliver
'images/nature1.jpg' |
eksempel |
Billedet her er kopieret (højreklik
-kopier) fra en anden webside, og hereffterindsat på siden her i FrontPage Editor (Ctrl
+V).
Herefter henviser img src for både thumbnail og original billed til web-adressen
hvorfra jeg kopierede billedet. Når jeg nu gemmer min web-side i FP-Editor, får
jeg mulighed for at gemme mit thumbnail i images mappen . Men originalbilledet / det store
billed , hentes fortsat fra webadressen . Prøv at se kilde koderne til siden her. Så kan
du se hvad jeg mener.
Det er selvfølig ikke særlig smart. Derfor bør man altid starte med at gemme
sine original fotos etc. i imagesmappen , inden man indsætter dem på web-siden
og derefter lave dem til thumbnails. |