[Tutorial] Wie mache ich einen Screenshot in Webtechnik und Webdesign
von
Lukas
• ( Admin | Beiträge: 333 )
Da es notwendig für das Schreiben eines guten Tutorials ist Screenshots zu machen, möchte ich hier einen kleinen Einblick in die Welt der Screenshots geben ^^
Also, los gehts:
1. das Bild, was auf eurem Screenshot erscheinen soll, müsst ihr jetzt auf eurem Monitor sehen
(wollt ihr also z.B. ein Screenshot von eurem Desktop haben, so drückt gleichzeitig die Windowstaste
und D)
2. Um das Bild,welches ihr auf dem Screenshot verewigen wollt, in den Speicher zu bekommen, drückt ihr die 'Druck-Taste', manchmal auch als 'Print' oder 'Printscreen' bezeichnet,auf eurer Tastatur

3. Nun öffnen ihr Paint, dazu drückt ihr die Windowstaste auf eurer Tastatur, anschließend klickt ihr auf 'Ausführen', dort tippt ihr jetzt mspaint ein und klickt auf OK,
somit hat sich nun das Paint Fenster geöffnet, nun drückt ihr gleichzeit die linke STRG Taste und V,
dies fügt das zuvor in den Speicher verschobene Bild (Screenshot) in das paint fenster ein
4. Jetzt könnt ihr das Bild noch mit Paint bearbeiten, darauf wie dies funktioniert möchte ich jetzt nicht genauer eingehen
5. seid ihr fertig mit dem Bearbeiten, speichert ihr das Bild (den Screenshot), dazu drückt ihr im Paint Fenster gleichzeitig die linke STRG-Taste und S,
jetzt wählt er den Ort aus, auf dem das Bild auf eurem Rechner gespeichert wird und gebt dem Bild einen Namen, als Dateityp wählt ihr '24-Bit-Bitmap', das garantiert minimalen Qualitätsverlust
(öffnet bzw bearbeitet ihr den Screenshot mit einem Professionellen Bildbearbeitungsprogramm, wie z.B. Photoshop, dann speichert ihr das bild als .gif ->kein qualitätsverlust und bild ist von nicht allzu großer kb zahl)
6. nun ladet ihr das Bild ins Internet, d.h. auf einen privaten Webserver oder mit Hilfe eines Bilderhosters
(Beispiele für Bilderhoster findet ihr hier)
ich empfehle für solche Dinge immer imageshack, da kann man auch ne schöne kleine ansicht die zu vergrößern geht in den Beitrag einfügen....
7. und da sind wir auch schon bei unserem letzten Punkt, um den Screenshot in einen Beitrag hier im Forum einzufügen, benutzt ihr den IMG Button im Beitrag-schreiben-menü, oder ihr tippt manuell ein:
Diese Variante funktioniert so beschrieben nur mir Windows!
Für andere Betriebssysteme kann ich aufgrund unzureichender Erfahrungen leider keine Anleitung geben, aber ich denke mit google.de lässt sich da einiges machen,
was ich auch noch empfehlen kann, ist das Addon Screengrab für den Mozilla Firefox (das gibts hier)
also viel Spaß, ich hoffe ich hab das ausreichend erklärt, so schwer ist das screenshotten ja nicht
habt ihr noch Fragen? dann raus damit
mfg C2H5COOH
Also, los gehts:
1. das Bild, was auf eurem Screenshot erscheinen soll, müsst ihr jetzt auf eurem Monitor sehen
(wollt ihr also z.B. ein Screenshot von eurem Desktop haben, so drückt gleichzeitig die Windowstaste
und D)
2. Um das Bild,welches ihr auf dem Screenshot verewigen wollt, in den Speicher zu bekommen, drückt ihr die 'Druck-Taste', manchmal auch als 'Print' oder 'Printscreen' bezeichnet,auf eurer Tastatur

3. Nun öffnen ihr Paint, dazu drückt ihr die Windowstaste auf eurer Tastatur, anschließend klickt ihr auf 'Ausführen', dort tippt ihr jetzt mspaint ein und klickt auf OK,
somit hat sich nun das Paint Fenster geöffnet, nun drückt ihr gleichzeit die linke STRG Taste und V,
dies fügt das zuvor in den Speicher verschobene Bild (Screenshot) in das paint fenster ein
4. Jetzt könnt ihr das Bild noch mit Paint bearbeiten, darauf wie dies funktioniert möchte ich jetzt nicht genauer eingehen
5. seid ihr fertig mit dem Bearbeiten, speichert ihr das Bild (den Screenshot), dazu drückt ihr im Paint Fenster gleichzeitig die linke STRG-Taste und S,
jetzt wählt er den Ort aus, auf dem das Bild auf eurem Rechner gespeichert wird und gebt dem Bild einen Namen, als Dateityp wählt ihr '24-Bit-Bitmap', das garantiert minimalen Qualitätsverlust
(öffnet bzw bearbeitet ihr den Screenshot mit einem Professionellen Bildbearbeitungsprogramm, wie z.B. Photoshop, dann speichert ihr das bild als .gif ->kein qualitätsverlust und bild ist von nicht allzu großer kb zahl)
6. nun ladet ihr das Bild ins Internet, d.h. auf einen privaten Webserver oder mit Hilfe eines Bilderhosters
(Beispiele für Bilderhoster findet ihr hier)
ich empfehle für solche Dinge immer imageshack, da kann man auch ne schöne kleine ansicht die zu vergrößern geht in den Beitrag einfügen....
7. und da sind wir auch schon bei unserem letzten Punkt, um den Screenshot in einen Beitrag hier im Forum einzufügen, benutzt ihr den IMG Button im Beitrag-schreiben-menü, oder ihr tippt manuell ein:
[IMG]hier den kompletten link, den ihr vom Bilderhoster erhalten habt und schließt wieder mit [/IMG]
Diese Variante funktioniert so beschrieben nur mir Windows!
Für andere Betriebssysteme kann ich aufgrund unzureichender Erfahrungen leider keine Anleitung geben, aber ich denke mit google.de lässt sich da einiges machen,
was ich auch noch empfehlen kann, ist das Addon Screengrab für den Mozilla Firefox (das gibts hier)
also viel Spaß, ich hoffe ich hab das ausreichend erklärt, so schwer ist das screenshotten ja nicht

habt ihr noch Fragen? dann raus damit
mfg C2H5COOH



