Benutzer-Werkzeuge

    ~~ RM: keiner ~~ UI: ---start--- ~~ IP:18.223.0.53~~

Webseiten-Werkzeuge


Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen RevisionVorhergehende Überarbeitung
Nächste Überarbeitung
Vorhergehende Überarbeitung
de:wiki:pictures [2011/09/28 04:34] – de:wiki:bilder umbenann in de:wiki:pictures (einheitlich englischer Seitenname) MWankede:wiki:pictures [2015/03/10 01:28] (aktuell) – Imagebox Beschreibung angepaßt MWanke
Zeile 1: Zeile 1:
-====== Bilder einbinden (Tutorial) ======+====== Bilder einbinden (Tutorial) ======
  
-Im Doku-Wiki gibt es mehrere Möglichkeiten Bilder einzubinden. +Im Doku-Wiki gibt es mehrere Möglichkeiten Bilder einzubinden. Dies gilt übrigens genauso für Dateien
 Eins haben sie aber gemeinsam: sie müßen erst einmal über den Media-Manager hoch geladen werden.  Eins haben sie aber gemeinsam: sie müßen erst einmal über den Media-Manager hoch geladen werden. 
 +(Übrigens gilt dies hier auch und sinngemäß für Dateien z.B. PDF's).
  
 {{  :de:wiki-bild-einfuegen.png?600|Media-Manager}} {{  :de:wiki-bild-einfuegen.png?600|Media-Manager}}
   - Zuerst im Editor auf das Bilderrahmen-Symbol (=Media-Manager) klicken.   - Zuerst im Editor auf das Bilderrahmen-Symbol (=Media-Manager) klicken.
   - Im kleinen Fenster dann auf 'Durchsuchen' klicken, auf der eigenen Platte das Bild im Requester auswählen.   - Im kleinen Fenster dann auf 'Durchsuchen' klicken, auf der eigenen Platte das Bild im Requester auswählen.
 +  - unter welchem Namen es abgelegt wird, steht eine Zeile tiefer. Diese kann (ggf. sollte) editiert werden. (Erlaubte und empfohlene Datei-Namen im Anhang).
   - Mit klicken auf den Hochlade-Button wird das Bild in den aktuellen Namensraum (Ordner) hochgeladen und ggf. automatisch umbenannt (->nur Kleinschreibung, keine Sonderzeichen). Danach erscheint es in der Medienliste mit technischen Daten und Vorschau-Bild.   - Mit klicken auf den Hochlade-Button wird das Bild in den aktuellen Namensraum (Ordner) hochgeladen und ggf. automatisch umbenannt (->nur Kleinschreibung, keine Sonderzeichen). Danach erscheint es in der Medienliste mit technischen Daten und Vorschau-Bild.
   - Dieses Vorschaubild dann anklicken. Das Fenster schließt sich und das Bild, besser gesagt die Syntax dazu, wird an der aktuellen Cursor-Position eingefügt.   - Dieses Vorschaubild dann anklicken. Das Fenster schließt sich und das Bild, besser gesagt die Syntax dazu, wird an der aktuellen Cursor-Position eingefügt.
  
-  {{:de:220px-amiga-logo.svg.png|}}+<code>{{:de:220px-amiga-logo.svg.png|}}</code>
  
 Im Normal-Modus sieht es dann so aus:\\  Im Normal-Modus sieht es dann so aus:\\ 
Zeile 18: Zeile 20:
 ====== Möglichkeiten ====== ====== Möglichkeiten ======
  
-  * links- und rechtsbündig, mittig  %%{{:de:links.png  |}} {{  :de:rechts.png |}} {{ :de:mittig.png |}}%%\\ man achte auf die Leerzeichen vor und hinter dem 'Bild-Namen' +  * links- und rechtsbündig, mittig  %%{{:de:links.png  |}} {{  :de:rechts.png|}} {{  :de:mittig.png  |}}%%\\ man achte auf die **zwei** Leerzeichen **vor** und/oder **hinter** dem 'Bild-Namen' 
-  * Anzeigengröße mit nachgestelltem Fragezeichen und Bildbreite in px  %%{{:de:links.png?150|}}%%+  * Anzeigengröße mit nachgestelltem Fragezeichen und Bildbreite in px  %%{{:de:links.png%%**?150**%%|}}%%
   * transparant oder in der Box   * transparant oder in der Box
  
-====== ImageBox ====== +===== ImageBox ===== 
-In der Imagebox bekommt das Bild einen Rahmen und einen weißen Hindergrund. Das kann bei transparenten Bilder wichtig sein. Zudem wird der Caption-Text darunter angezeigt. Ist das Bild verkleinert angezeigterscheint als Indiz dafür ein kleines Symbolmit dem durch Anklicken darauf das Bild groß dargestellt wird.+In der Imagebox bekommt das Bild einen Rahmen und einen weißen Hindergrund. Das kann bei transparenten Bilder wichtig sein. Zudem wird der Caption-Text darunter angezeigt. Das 'i' im kleinen Kreis ist ein Klick-Punkt, um das ganze Bild in voller Größe und mit einigen Mediendaten in einem extra Fenster anzu zeigen. Wenn man nur das Bild ansehen willreicht ein Klick auf das Vorschaubild selbst. In der Light-Box kann endweder zum nächsten Bild durchschalten oder, falls möglich, das Bild zu seiner ganzen Größe aufzoomen.
  
  [{{:de:220px-amiga-logo.svg.png?150|**Amiga**-Logo\\ in der Imagebox}}]  [{{:de:220px-amiga-logo.svg.png?150|**Amiga**-Logo\\ in der Imagebox}}]
Zeile 29: Zeile 31:
 Für die Box einfach ein! Paar eckige Klammern [ ] zusätzlich um das Image-Tag gruppieren.\\  Für die Box einfach ein! Paar eckige Klammern [ ] zusätzlich um das Image-Tag gruppieren.\\ 
  
-   [{{ImagePath|Caption-Text}}]+<code>[{{Bilder-Order-Pfad|sichtbarer Text}}]</code>
  
-Der 'Caption-Text' kann mit Wiki-Syntax formatiert werden.\\ +Der 'sichtbare Text' kann mit Wiki-Syntax formatiert werden.\\ 
 \\  \\ 
  
Zeile 38: Zeile 40:
 Standardmäßig sollte es hier so angewendet werden:\\ Standardmäßig sollte es hier so angewendet werden:\\
  
-  [{{  :de:220px-amiga-logo.svg.png?200|Amiga-Logo\\ **200px breit**}}]+<code>[{{  :de:220px-amiga-logo.svg.png?200|Amiga-Logo\\ **200px breit**}}]</code> 
 + 
 +Wobei die Frage, ob mit Box oder ohne, mehr vom Bild und/oder vom benötigtem Bildtext abhängt. 
 + 
 +==== Datei-Namen ==== 
 +Bitte aussagekräftige und eindeutige Namen vergeben, damit sie entsprechenden Artikeln und/oder Beschreibungen auch sofort wieder erkannt werden. Es gibt soundso viele Karten und soundso viele Bauteile usw....\\  
 +Generell gilt zudem die Kleinschreibung und als Trennung zwischen 'Wörtern' bitte den Unterstrich '_' benutzen. 
 +Für ein multilinguales Wiki sollten die Namen (wenn's geht) englisch sein. Sonderzeichen, Leerzeichen und Umlaute sind nicht erlaubt.
  
-Wobei die Frage ob mit Box oder ohne, mehr vom Bild und/oder vom benötigtem Bildtext abhängt. 
 \\  \\ 
-=== zu guter Letzt ===+====== zu guter Letzt ======
  
   * bitte aussagekräftige und scharfe Bilder   * bitte aussagekräftige und scharfe Bilder
   * keine Monster-Bilder, lieber dann zwei kleine   * keine Monster-Bilder, lieber dann zwei kleine
   * und keinen Bilder-Urwald   * und keinen Bilder-Urwald
 +\\ 
  
-{{  :awschriftzug.gif|amigawiki.de}}+{{  :awschriftzug.gif?nolink|www.amigawiki.de}}
 ====== Links ====== ====== Links ======
-  * [[de:syntax|Kurz-Syntax]] 
-  * [[de:wiki:syntaxlong|Syntax (lange Version)]] 
   * [[http://www.dokuwiki.org/de:mime|Liste möglichen Dateien (-Endungen)]]   * [[http://www.dokuwiki.org/de:mime|Liste möglichen Dateien (-Endungen)]]
-  * +  
 +{{page>quicklinks_syntax}}
Zuletzt geändert: 2013/02/24 06:11