Benutzer-Werkzeuge

Webseiten-Werkzeuge


tutorial:quickpage2

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen RevisionVorhergehende Überarbeitung
Nächste Überarbeitung
Vorhergehende Überarbeitung
tutorial:quickpage2 [2010/12/01 15:02] roitutorial:quickpage2 [2017/07/13 11:47] (aktuell) – [Layout-Bilder erstellen] roi
Zeile 1: Zeile 1:
-===== Quickpage =====+===== Quickpage =====
  
-==== Layout-Bilder erstellen ====+==== Browser ====
  
-Ein kleines Problem beim einfügen von selber erstellten Layout-Bilder ist das spezielle Seitenverhältnis.+Bitte Verwenden Sie immer die Aktuellste Version Ihres Browsers.
  
-Wir haben einen kurze Anleitung anhand eines Beispiels wie Sie mit dem Gratis Bildprogramm IrfanView +Wir Empfehlen **NICHT** den Internetexplorer zu verwenden, der macht am meisten Probleme.
  
-[[http://www.irfanview.com|IrfanView]]+Firefox, Chrom funktionieren am besten.
  
-einfach Bilder ins richtige Format bringen können. 
  
-Zuerst muss man, wenn nicht schon vorhanden, den IrfanView herunterladen und installieren.+==== Layout-Bilder erstellen ====
  
-[[tutorial:irfanview|Irfanview installieren]]+Ein kleines Problem beim Einfügen von selber erstellten Layout-Bilder ist das spezielle Seitenverhältnis von 704 X 270 Pixeln. 
 + 
 +Hier finden Sie eine Anleitung, wie Sie mit dem Gratis Bildprogramm IrfanView  [[http://www.irfanview.com|IrfanView]]  Bilder ins richtige Format bringen können. 
 + 
 +Voraussetzung ist, dass Sie IrfanView installiert haben. [[tutorial:irfanview|Irfanview installieren]]
  
 Als Ausgangslage dient uns dieses Bild: Als Ausgangslage dient uns dieses Bild:
Zeile 22: Zeile 25:
  
 Wenn wir nun dieses Bild einfach mit Wenn wir nun dieses Bild einfach mit
-//Bild->Grösse// ändern auf 704*207 ändern (der Schalter "Proportional" darf nicht angekreuzt sein)+//Bild->Grösse// ändern auf 704*270 ändern (der Schalter "Proportional" darf nicht angekreuzt sein)
  
 {{:tutorial:chor_groesse_aendern.jpg|chor_groesse aendern}} {{:tutorial:chor_groesse_aendern.jpg|chor_groesse aendern}}
Zeile 30: Zeile 33:
 {{:tutorial:chor_704x270-gestaucht.jpg|chor_704x270-gestaucht}} {{:tutorial:chor_704x270-gestaucht.jpg|chor_704x270-gestaucht}}
  
-Wir müssen also einen Proportionalen Bildausschnitt wählen.+Wir müssen also einen proportionalen Bildausschnitt wählen.
  
-Hier hilft uns IrfanView mit seinen Rahmen Funktionen.+Hier hilft uns IrfanView mit seinen Rahmen-Funktionen.
  
 Zuerst unter Zuerst unter
 //Bearbeiten-> spezielle Markierung erstellen//  (auch über Ctrl+C erreichbar) //Bearbeiten-> spezielle Markierung erstellen//  (auch über Ctrl+C erreichbar)
-die gewünschte Grösse von 704x270 Pixel einstellen.+die gewünschte Grösse von 704x270 Pixel einstellen. Diese Auswahl bestätigen Sie mit dem Button "Auf Bild anwenden".
  
-<note important>INfoBeim ersten mal können Sie den Button "Aktuelle Werte speichern" drücken, so muss man beim nächsten mal die Werte nicht +{{:tutorial:chor_spezielle-markierung-erstellen.jpg|spezielle Markierung erstellen}}
  
-mehr eintragen</note>+<note important>Info: Beim ersten Mal können Sie den Button "Aktuelle Werte speichern" drücken, dann müssen Sie beim nächsten Mal die Werte nicht erneut eintragen</note>
  
- 
-Im Fenster-Abschnitt "Info:" sind auch gleich die Wichtigsten Informationen wie man 
- 
-- den Rahmen positionieren und  
- 
--proportional in der Grösse ändern kann 
-enthalten 
- 
-Sonst einfach den Button "Auf Bild anwenden" drücken. 
  
 {{:tutorial:chor_mit_rahmen.jpg|Chor_mit Rahmen}} {{:tutorial:chor_mit_rahmen.jpg|Chor_mit Rahmen}}
Zeile 56: Zeile 50:
 Den Rahmen mit der Rechten Maustaste verschieben bis der Ausschnitt passt und/oder die Ctrl-Taste drücken und den Rahmen mit der Maus proportional in der Grösse ändern. Den Rahmen mit der Rechten Maustaste verschieben bis der Ausschnitt passt und/oder die Ctrl-Taste drücken und den Rahmen mit der Maus proportional in der Grösse ändern.
  
 +<note important>Wichtig ist dass Sie den Ausschnitt nicht kleiner als 704*270 machen. Der Web-Browser vergrössert sonst das Bild automatisch auf 704*270 und das Bild schaut unscharf aus.</note>
 +
 +Oben in der blauen Titelzeile sehen Sie die aktuelle Grösse des Rahmens.
  
 Wenn der Ausschnitt stimmt mit: Wenn der Ausschnitt stimmt mit:
Zeile 63: Zeile 60:
 {{:tutorial:chor_freistellen.jpg|chor_freistellen}} {{:tutorial:chor_freistellen.jpg|chor_freistellen}}
  
-Wenn der Rahmen mit der Maus in der Grösse geändert wurde muss die Bildgrösse nochmals angepasst werden+Wenn der Rahmen mit der Maus in der Grösse geändert wurdemuss die Bildgrösse nochmals angepasst werden
  
-//Bild->Grösse ändern// auf 704*207 anpassen +//Bild->Grösse ändern// auf 704*270 anpassen 
  
 {{:tutorial:chor_groesse_aendern.jpg|Grösse ändern}} {{:tutorial:chor_groesse_aendern.jpg|Grösse ändern}}
  
-Nun dürfen wir das, da die Proportionen nicht geändert werden.+Dieses Mal wird das Bild durch die Grössenänderung nicht verzerrt, da die Proportionen nicht geändert werden.
  
 {{:tutorial:chor_704x270-freigestellt.jpg|chor_704x270-freigestellt}} {{:tutorial:chor_704x270-freigestellt.jpg|chor_704x270-freigestellt}}
  
-Nun müssen wir das Bild nur noch speichern fertig ist unser Header-Bild+Nun müssen wir das Bild nur noch speichern fertig ist unser Header-Bild
 + 
 +==== Sie können keine Bilder hochladen ==== 
 + 
 +Um Bilder hochladen zu können muss das Flash-Player Add-on aktiviert sein. 
 + 
 +Das wird aber gerne vom Firefox deaktiviert wenn es nicht aktuell ist. 
 + 
 +Schauen Sie doch mal unter:\\ 
 +**Menü Extra -> Add-Ons -> Plugins** 
 + 
 + 
 +Hier finden Sie den Flash Player und dieser muss aktiviert sein. 
 + 
 +{{:tutorial:flash-1.png|Flash aktiv?}} 
 + 
 +gegebenenfalls aktualisieren sie den Player. Das können Sie auch unter add-on prüfen: 
 + 
 +{{:tutorial:flash-2.png|Flash aktualisieren}} 
 + 
 + 
  
tutorial/quickpage2.1291212177.txt.gz · Zuletzt geändert: 2010/12/01 15:02 von roi

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki