Spickzettel Bilder verlinken - Versionsgeschichte

Katarina am 30. August 2009 um 20:49 Uhr

2009-08-30T20:49:32Z

Katarina am 18. August 2009 um 20:07 Uhr

2009-08-18T20:07:25Z

Katarina: Die Seite wurde neu angelegt: Das wiki bietet viele Möglichkeiten zur Gestaltung Deiner Seiten. U.a. hast Du die Möglichkeit in ein Foto einen 'unsichtbaren' Link zu setzen, welcher den Leser bei...

2009-07-16T23:20:04Z

Die Seite wurde neu angelegt: Das wiki bietet viele Möglichkeiten zur Gestaltung Deiner Seiten. U.a. hast Du die Möglichkeit in ein Foto einen 'unsichtbaren' Link zu setzen, welcher den Leser bei...

Neue Seite

Das wiki bietet viele Möglichkeiten zur Gestaltung Deiner Seiten.
U.a. hast Du die Möglichkeit in ein Foto einen 'unsichtbaren' Link zu setzen, welcher den Leser beim Anklicken direkt auf eine andere Seite führt oder ein anderes Bild öffnet.

'''Vorweg:''' 
Am besten, Du öffnest zur Bearbeitung zwei oder drei Wiki-Links mehr.

Nehmen wir zur Einführung ein einfaches Beispiel:[[Bild:Diego Ok2008.jpg |right||250px|]]

'''Aufgabe:''' 
Beim Anklicken des Diego-Fotos soll sich seine Wiki-Seite öffnen. 
Klick mal auf das Foto hier. Und? Passiert eigentlich noch nichts ... 

1. Generell musst dafür das Foto einmal in Wiki hochgeladen werden. 
Jetzt benötigst Du noch für das Foto einen URL-Link.

2. Mittels des [http://www.bthost.de// BT Host] lade ich nun das Diego-Bild von meinem Server hoch und erzeuge einen URL_Link.

3. Nun kommt das wichtigste Werkzeug zum Einsatz - [http://toolserver.org/~dapete/ImageMapEdit/ImageMapEdit.html?de Der Imagemap-Editor]

4. Füge nun den URL-Link Deines Fotos in den Imagemap-Editor unter "Von URL laden" ein und klick auf '''LADEN'''.

[[Bild:ImageMap-Editor.jpg||left|400px|]] [[Bild:ImageMap step2.jpg||right|400px|]]

voilà --> Diegos Bild erscheint.

5. Unter der Rubrik "Bereiche" im ImageMap-Editor findest Du den Button '''"POLYGOL"'''

6. Polygol anklicken. Der Mauszeiger 'verwandelt' sich in ein Kreuz. [[Bild:ImageMap 3.jpg||right|400px|]]

7. Jetzt gehst Du damit auf das Diego-Bild in den ImageMap-Editor.

'''STOPP'''

Markiere nun das Foto mit 4 Klicks wie folgt: 

- 1 Klick links oben 
- 1 Klick rechts oben 
- 1 Klick rechts unten 
- 1 Klick links unten 

'''BITTE REIHENFOLE BEACHTEN:'''

Und? Dein Foto sollte jetzt mit einem roten Quadrat überzogen sein. 
Wenn nicht, gehe zurück in den '''Optionsbereich''' auf '''Bereiche löschen''' 
und klicke dann wiederum auf POLYGOL und markiere das Bild nocheinmal.

8. Alles rot? [[Bild:ImageMap step4.jpg||right|400px|]]
Jetzt geh im ImageMap-Editor in die Rubrik: '''ImageMap-Code'''

Du kopierst jetzt '''alles''', was im Kasten steht und fügst diesen Code auf Deine Wiki-Seite ein.

9. In der Wiki Bilderdatenbank findest Du Dein hochgeladenes Wiki-Bild.
Kopier nur die Bild-Adresse - '''lass aber Bild: weg'''.

10. Füge diese direkt hinter '''image:''' aus der ImageMap-Editor-Datei ein.

11. Hinter dem poly-Code steht eine Klammer. In diese fügst Du nun die wiki-Titelseite oder Bildadresse ein, die beim Anklicken des Bildes aufpoppen soll.

'''<imagemap>
Image:Diego Ok2008.jpg|408px|center| Diego

poly 19 24 581 16 579 384 20 388 [[Diego Ribas da Cunha]]

desc none
</imagemap>'''

And now? Push Diego - push him And?
DONE and SAVE!
Congratulations

Eigentlich alles ein wenig Spielerei, oder?

Die Option erlaubt es Dir, auch Bilder mit Videos zu verlinken sowie von einem Bild auf mehrere Seiten zu verweisen.

Viel Spaß

[[Kategorie:Wiki Hilfe]]

← Nächstältere Version		Version vom 30. August 2009, 20:49 Uhr
Zeile 1:		Zeile 1:
	<small>[[Worumwiki:Hilfe \| Wiki-Hilfe]] -		<small>[[Worumwiki:Hilfe \| Wiki-Hilfe]] -
−	[[Spickzettel Tabellen \| Tabellen ]] - [[Spickzettel Formatierungen \| Formatierungen, Layout]] - [[Spickzettel Gestalten  · Schrift \| Testgestaltung]] - [[Spickzettel Bilder einbinden \| Bilder einbinden]] - [[Spickzettel Bilder verlinken \| Bilder miteinander verlinken (für Fortgeschrittene)]]</small>	+	[[Spickzettel Tabellen \| Tabellen ]] - [[Spickzettel Formatierungen \| Formatierungen, Layout]] - [[Spickzettel Gestalten  · Schrift \| Testgestaltung]] - [[Spickzettel Bilder einbinden \| Bilder einbinden]] - [[Spickzettel Bilder verlinken \| Bilder miteinander verlinken (für Fortgeschrittene)]]- [[Spickzettel Links \| Links ]] </small>

← Nächstältere Version		Version vom 18. August 2009, 20:07 Uhr
Zeile 1:		Zeile 1:
		+	<small>[[Worumwiki:Hilfe \| Wiki-Hilfe]] -
		+	[[Spickzettel Tabellen \| Tabellen ]] - [[Spickzettel Formatierungen \| Formatierungen, Layout]] - [[Spickzettel Gestalten  · Schrift \| Testgestaltung]] - [[Spickzettel Bilder einbinden \| Bilder einbinden]] - [[Spickzettel Bilder verlinken \| Bilder miteinander verlinken (für Fortgeschrittene)]]</small>
		+
		+
		+
		+
	Das wiki bietet viele Möglichkeiten zur Gestaltung Deiner Seiten.		Das wiki bietet viele Möglichkeiten zur Gestaltung Deiner Seiten.
	U.a. hast Du die Möglichkeit in ein Foto einen 'unsichtbaren' Link zu setzen, welcher den Leser beim Anklicken direkt auf eine andere Seite führt oder ein anderes Bild öffnet.		U.a. hast Du die Möglichkeit in ein Foto einen 'unsichtbaren' Link zu setzen, welcher den Leser beim Anklicken direkt auf eine andere Seite führt oder ein anderes Bild öffnet.