Projekt

Allgemein

Profil

Bearbeiten Historie

Wiki »

Dateiverwendung » Historie » Version 1

Redmine Admin, 21.09.2022 10:29

1 1 Redmine Admin 
h1. Dateiverwendung
2 





    3
    
    
    
h2. Generell





    4
    
    
    





    5
    
    
    
Sobald Sie eine Datei im Backend hinterlegt haben, können Sie diese auch in der Weboberfläche unter dem entsprechenden Ordner sehen.





    6
    
    
    
Für jede Datei haben Sie hierbei zwei Knöpfe: "Link in die Zwischenablage einfügen" und "Datei in neuem Tab aufrufen". Bitte bedenken Sie, dass je nach Dateityp der Browser für letztere Option auch einen Download startet,  da er selbst die Datei nicht anzeigen kann.





    7
    
    
    
Eigentlich ist für die Einbettung auch immer nur der erste Knopf für die Zwischenablage relevant. Nach Betätigen des Knopfes können Sie diesen Link ganz einfach in Ihrem Projekt einfügen und somit einbetten.





    8
    
    
    





    9
    
    
    
*Beispiel 1: In Ihrer Webseite wollen Sie ein Bild einbetten:*





    10
    
    
    
<pre>





    11
    
    
    
<img src="https://dam.cloud4you.biz/Files/cloud4you/c4y_pictogramm.png" alt="Sie sehen hier das Logo der cloud4you AG" />





    12
    
    
    
</pre>





    13
    
    
    
_Hier wurde in das "src"-Attribut der Link zum Bild eingefügt._





    14
    
    
    





    15
    
    
    
*Beispiel 2: Einbindung eines Hintergrunds auf Ihrer Webseite über CSS:*





    16
    
    
    
<pre>





    17
    
    
    
body {





    18
    
    
    
  background-image: url(https://dam.cloud4you.biz/Files/cloud4you/wallpaper/Hintergrund-c4y-1920x1200.jpg);





    19
    
    
    
  background-size: cover;





    20
    
    
    
}





    21
    
    
    
</pre>





    22
    
    
    
_Hier wurde für "background-image" mittels URL auf das DAM verwiesen._





    23
    
    
    
Wie einzelne Medien und Elemente auf Webseiten einzubetten sind, können Sie z.B. bei "W3Schools":https://www.w3schools.com/html/ lernen.





    24
    
    
    





    25
    
    
    
h2. Besonderheiten





    26
    
    
    





    27
    
    
    
h3. Random-Funktion





    28
    
    
    





    29
    
    
    
In jedem Verzeichnis, in dem sich mindestens eine Datei und nicht nur Ordner befinden, sehen Sie als abschließende Kachel immer die Option "Random-Link aufrufen". Auch hier haben Sie die Möglichkeit, den Link wieder in die Zwischenablage zu kopieren, oder aber diesen direkt in einem neuen Tab zu öffnen.





    30
    
    
    
Der Random-Link wird bei jedem Aufruf zufällig entscheiden, welche sich in dem Ordner befindliche Mediendatei tatsächlich ausgegeben wird. Aktuell erfolgt dies nicht rekursiv, somit müssen sich die gewünschten Dateien direkt im Ordner und nicht in weiteren Unterordnern befinden. 





    31
    
    
    
Generell ist es natürlich empfehlenswert, nur einen Typ von Medium in dem jeweiligen Ordner liegen zu haben, schließlich können Sie beispielsweise keine .mp3-Datei in einem <img>-Element wiedergeben. Verschiedene Bildformate sind aber z.B. möglich. 





    32
    
    
    





    33
    
    
    
*Beispiel: Einen kleinen Werbebanner auf in die Webseite einbinden:*





    34
    
    
    
<pre>





    35
    
    
    
<h3>Werbung</h3>





    36
    
    
    
<img src="https://dam.cloud4you.biz/Files/ads/.random" alt="Hier sollte eigentlich Werbung stehen" />





    37
    
    
    
</pre>





    38
    
    
    
_Hier wurde in das "src"-Attribut der Link zum Bild eingefügt._





    39
    
    
    





    40
    
    
    
h3. Bilder vorformatieren





    41
    
    
    





    42
    
    
    
Oftmals sind die abgelegten Bilder viel zu groß für den Einsatzzweck. Zwar haben die Browser keine Probleme, das Bild entsprechend zu skalieren, dennoch verlangsamen natürlich große Bilder durch ihre Dateigröße entsprechend die Performance der Webseite. Gleichzeitig wollen Sie aber evtl. nicht etliche Versionen des selben Bilds anfertigen, um alle Größen abzudecken. Deswegen hat das DigitalAssetManagement eine eingebaute Echtzeitverkleinerung. Um diese zu aktivieren, können Sie folgende Parameter verwenden:





    43
    
    
    





    44
    
    
    
* *Height*: Höhenangabe in Pixeln





    45
    
    
    
* *Width*: Breitenangabe in Pixeln





    46
    
    
    
* *Quality*: Konvertierungsqualität in Prozent (ohne Prozentzeichen angeben)





    47
    
    
    





    48
    
    
    
Wenn Sie nur die Höhe oder nur die Breite angeben (empfohlen), übernimmt das DAM das originale Bildverhältnis. Wird die Qualität nicht angegeben, steht sie standardmäßig auf 90%.





    49
    
    
    





    50
    
    
    
*Beispiel: Firmenlogo ganz klein in den Footer setzen*





    51
    
    
    
<pre>





    52
    
    
    
<footer>





    53
    
    
    
  <img src="https://dam.cloud4you.biz/Files/cloud4you/c4y_badge_neutral.png?Height=50&Quality=95" alt="Sie sehen hier das Logo der cloud4you AG" />





    54
    
    
    
  [...]





    55
    
    
    
</footer>





    56
    
    
    
</pre>





    57
    
    
    
_Hier wurde in das "src"-Attribut der Link mit Parametern zum Logo eingefügt._





    58
    
    
    
Ein beliebter Einsatzzweck sind hier beispielsweise Thumbnails etc. 





    59
    
    
    





    60
    
    
    
*ACHTUNG:* _Aktuell gehen beim Formatieren der Bilder die Transparenz-Effekte verloren (da Ausgabe als JPEG)._