Tumbnails maken

 

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:

 

fronthond-poes.jpg (7798 bytes)

 

Succes.




Copyright: Maud de Graaf