|
Tumbnails zijn
die kleine plaatjes die je soms ziet en als je er dan op klikt
komt er plotseling een grotere weergaven van tevoorschijn.
Hoe dat in zijn werk gaat leg ik dus hier even uit.
********************
We gaan
beginnen. Maak in psp een stuk of 3 plaatjes in de maat
zoals je wilt dat de vergroting eruit komt te zien.
In verband met het gewicht zou ik de vergroting zo rond de 500
of hooguit 600 pixels breed houden.
Denk eraan hoe meer gewicht, hoe langer het duurt voor iets
zichtbaar wordt.
Vooral mensen met telefoonklikken haken snel af als het TE lang
gaat duren.
Kleine plaatjes ervan hoef je niet te maken, dat doet
Frontpage voor je.
**********************.
De plaatjes zijn dus klaar en
zitten in een mapje in de verkenner, te wachten om te worden
ingebracht op je pagina.
In dit lesje willen 3 kleine plaatjes naast elkaar hebben en die
moeten na erop te hebben geklikt vergroten.
Open frontpage door op je pictogram te klikken en open je site
door links boven op het gele mapje te klikken.Dubbelklik in de
mappenlijst daarna op de pagina waarop je tumbnails wilt
aanbrengen, of neem om het even uit te proberen een nieuwe
pagina. (witte vierkantje links boven).

We gaan naar Tabel, (Boven in de werkbalk) Invoegen Tabel
en we kiezen 1 rij en 3 kolommen.
Met rechtsklikken op de rechterrand van de tabel kan je dus weer
kiezen via Eigenschappen Tabel of je de randen een ander
kleurtje wilt geven of dikker maken of helemaal geen rand
wilt hebben.

Door in de vakjes van de tabel te rechtsklikken (in de cellen
dus)
kan men via het uitrolmenu kiezen voor Eigenschappen van Cel en
beslissen of er daarin dus een ander achtergrondje of kleurtje
moet komen.
Het ziet er nu dus ongeveer zo uit.
Wil met
helemaal geen randen eromheen, dan zet men dus via rechtsklikken
op de tabel rand, en via eigenschappen Tabel de randdikte op 0.
****************************
Dat is allemaal klaar.
Klik nu in het midden van cel 1 Ga even naar de werkbalk en
klik daar op het knopje centreren . (het middelste knopje van de
3 met allemaal streepjes)

Nu ga je naar invoegen - figuur - uit bestand. Het staat nog niet
in je web dus naar het gele vierkantje rechtsonder en daarop
klikken.

Blader naar je map in de verkenner. Kies je eerste plaatje,
klik op openen en klik ok.
Het plaatje staat er nu groot in. Veel te groot dus.
*************************
Ga dan naar
de knop Extra (bovenin) en dan naar Pagina Opties.

Daar zie je, op het tevoorschijn komende tabblad,
bovenaan diverse tabbladen waaronder het woord:
autominiaturen. Klik daar even op.
Je krijgt dan dit te zien:

Je ziet dan
dus 3 kleine plaatjes , met en zonder rand, en 1 als knop.
*************************
De breedte
kan je er ook instellen.
Zelf heb ik dat meestal op 150 t/m 200 pixels staan. Moet je
even
uitproberen. Zet maar even 150 en vink maar even
"afgeschuinde
rand " aan. en klik op ok.
Je bent weer terug op je pagina met de grote foto.
********************
Klik nu met
links op de foto. Je ziet er nu zwarte vakjes omheen komen.
Nu komt de clou.
In de onderbalk zie je links plots wat knopjes
erbij komen.

Rechts naast die grote A zie je 2 plaatjes op elkaar.
Als je je muisknop daar even op laat rusten komt het woordje
autominiatuur al tevoorschijn.
Klik erop en je grote foto is nu plotseling klein
geworden.
*******************
Vind je de tumbnail nog te groot of te klein, klik je bovenin
op
het herstel pijltje.

Ga dan weer naar Extra - paginaopties en autominiaturen en
verander de instellingen ervan.
Klik ok .
Klik weer met
links op je plaatje om het te selecteren en
ga weer naar beneden naar het knopje autominiatuur in de
werkbalk.
**********************
Is het naar je zin dan ga je naar Bestand - Opslaan als.
Op de vraag antwoord je ja.
Meteen erna komt een volgend tabblad.
Hierop zie je
2x de naam van je plaatje
staan. De naam die jij het gegeven hebt (kort en in kleine
letters, en liefst aan elkaar.
En daaronder nogmaals de naam , maar nu met het woordje -small
erachter.
(betekent: klein)
Klik ok en het wordt opgeslagen.
Ga naar Bestand en naar Voorbeeld in Browser.
******************
Als je nu je
pagina ziet en je gaat met de muiscursor naar dat plaatje
veranderd de cursor in een handje.
Klik op het plaatje en je ziet je grote foto.
Er is
automatisch naar toe gelinkt.
***********************
Zelf
controleer ik altijd alles via Voorbeeld in browser. Je krijgt
dan, in tegenstelling tot alleen
Voorbeeld echt alles te zien zoals je bezoeker je pagina kan
zien.
We sluiten de
browser weer door op het kruisje rechtsboven te klikken en zijn
weer terug op de pagina.
Voeg nu via invoegen het 2e plaatje in en wel in de 2e cel.
Eerst even klikken en centreren.
Het bedekt bijna alles en is veel te groot.
Maar niet schrikken. Gewoon selecteren door er op te klikken, en
doe voor de rest als boven omschreven.
Alhoewel je nu niet meer de autominiatuur instellingen hoeft te
veranderen .
Alhoewel, als je het zou willen, kan dat natuurlijk wel.
Dus plaatje met links klikken selecteren en op de benedenbalk op
het autominiatuur knopje drukken.
Rechts naast de A weet je nog.
Dan naar bestand en weer Opslaan - Opslaan Als - Ja..
Ook deze keer wordt natuurlijk weer 2 keer het plaatje
opgeslagen.
Gewoon, en als xxxxxxxx-small.jpg
************************
Daarna voegen we plaatje no.3 op dezelfde manier in bij kolom 3.
Bestand -Opslaan Als - opslaan - Ja antwoorden en de plaatjes
opslaan.
In browser bij het voorbeeld kijken en uitproberen of ze goed
werken.
Wil je onder de plaatjes iets schrijven. dan neem je in bij de
start niet
1 rij met 3 kolommen, maar 2 rijen met 3 kolommen.
In de onderste cellen kan men dan de tekst plaatsen.
*************************
Hier een voorbeeld:
Succes.
Copyright: Maud de Graaf
|