{"id":340,"date":"2019-08-20T07:09:37","date_gmt":"2019-08-20T05:09:37","guid":{"rendered":"https:\/\/mainetcare.de\/?p=340"},"modified":"2024-10-14T19:29:30","modified_gmt":"2024-10-14T17:29:30","slug":"wie-man-einen-screenshot-der-kompletten-homepage-macht","status":"publish","type":"post","link":"https:\/\/mainetcare.de\/website-pflege\/wie-man-einen-screenshot-der-kompletten-homepage-macht\/","title":{"rendered":"Wie man einen Screenshot der kompletten Homepage macht"},"content":{"rendered":"\n
Liebe Leser,<\/p>\n\n\n\n
es gibt immer wieder Situationen, in denen man schnell mal Bildschirmaufnahmen, oder so genannte Screenshots, von Webseiten machen m\u00f6chte. Zum Beispiel ist es n\u00fctzlich, wenn man einen bestimmten Zustand der Website oder Fehler dokumentieren will.<\/p>\n\n\n\n
Oder Sie sind gerade Auftraggeber in einem Web-Projekt und wollen Ihrer Agentur Anmerkungen zum Stand schicken. Manchmal sehen Websites auf verschiedenen Browsern (Chrome, Firefox, Edge, Safari, Opera, etc.) anders aus – um Kommunikationsmissverst\u00e4ndnissen aus dem Weg zu gehen ist die Visualisierung mit einem Screenshot die beste Methode, um \u00fcber Zust\u00e4nde reden zu k\u00f6nnen.<\/p>\n\n\n\n
Das Problem ist meistens: Bei l\u00e4ngeren Seiten sieht man nur den jeweiligen Ausschnitt und nicht die komplette Seite, daher sind die Bordmittel von Windows oder Mac OS an dieser Stelle m\u00fchselig.<\/p>\n\n\n\n
Mit dem “Drucken” Befehl im Web-Browser k\u00f6nnen Sie zwar die komplette Seite ausdrucken, aber sie sieht meistens anders aus als auf dem Bildschirm, zudem haben Sie Unterbrechungen durch Seitenkopf und Seitenende.<\/p>\n\n\n\n
Zum Gl\u00fcck gibt es daf\u00fcr jede Menge L\u00f6sungen auf dem Markt. Einmal eingerichtet kann man diese Methode dann immer wieder benutzen. Die Screenshots dann per E-Mail zu versenden dauert mit dem richtigen Tool gerade mal 2-3 Minuten.<\/p>\n\n\n\n
Hier ist eine Schritt f\u00fcr Schritt Anleitung f\u00fcr den Firefox-Browser auf dem Desktop. <\/strong> Andere Anleitungen folgen bald \ud83d\ude42<\/p>\n\n\n\n
Installation des Screenshot-Plugins f\u00fcr Firefox:<\/h2>\n\n\n\n\n
\u00d6ffnen Sie den Firefox-Browser, klicken Sie auf das Men\u00fc-Symbol (Hamburger-Icon) auf der rechten Seite und klicken Sie auf “Add-Ons”. Es erscheint die Seite Ihrer vorhandenen Erweiterungen.<\/li>\n\n\n\n
Klicken Sie auf der linken Seite auf “Erweiterungen”<\/li>\n\n\n\n
In dem Textfeld rechts neben “Weitere Erweiterungen suchen” geben Sie “FireShot” ein und dr\u00fccken Sie die Return-Taste. Die entsprechende Erweiterung m\u00fcsste jetzt als erstes Suchergebnis angezeigt werden.<\/li>\n\n\n\n
Klicken Sie auf die \u00dcbrschrift des Plugins (in unserem Fall “Vollst\u00e4ndige Website Screenshots (Herzchen, Herzchen usw.)” um die Detailseite zu \u00f6ffnen.<\/li>\n\n\n\n
Auf der Detailseite klicken Sie auf den Button “Zu Firefox hinzuf\u00fcgen”.<\/li>\n\n\n\n
Sie m\u00fcssen jetzt das Hinzuf\u00fcgen noch einmal best\u00e4tigen, indem Sie oben rechts auf das kleine Fenster die Aktion “Hinzuf\u00fcgen” klicken. Ein kleiner Hinweis: Die Voreinstellungen f\u00fcr dieses Plugin sind bereits sehr gut gew\u00e4hlt. Ich empfehle Ihnen, das K\u00e4stchen “Ausf\u00fchren der Erweiterung im privaten Fenstern erlauben” ausgeschaltet zu lassen.<\/li>\n\n\n\n
Fertig – jetzt kann der Spa\u00df beginnen. Sie m\u00fcssten jetzt das Icon des Screenshot-Apparillos in Ihrer Plugin-Leiste sehen.<\/li>\n<\/ol>\n\n\n
\n <\/picture><\/figure><\/div>\n\n\n
Aufzeichnen der Homepage als PDF (oder Bild)<\/h2>\n\n\n\n
Nun wollen wir einmal einen Screenshot einer kompletten Website aufnehmen. Als Beispiel dient uns “bahn.de”, die nie mit zu wenig Inhalt auf der Startseite geizt.<\/p>\n\n\n\n
\n
Geben Sie in dem Adressfenster von Firefox “bahn.de” ein. Die Startseite der Deutschen Bahn wird geladen.<\/li>\n\n\n\n
Klicken Sie oben rechts auf das neue Icon. Es erscheint ein Drop-Down Men\u00fc, in dem Sie den Befehl “Ganze Seite aufnehmen” (Gleich als erstes) ausw\u00e4hlen.<\/li>\n\n\n\n
Die Aufnahme startet sofort. Die Seite scrollt jetzt automatisch bis ans Ende und dabei werden alle sichtbaren Bereiche aufgenommen und automatisch aneinander gereiht, so dass eine volle Aufnahme entsteht.<\/li>\n\n\n\n
Anschlie\u00dfend erhalten Sie wieder einen Dialog, in dem Sie gefragt werden, in welchem Format die Ausgabe gespeichert werden soll. Ich empfehle Ihnen PDF, dann k\u00f6nnen Sie es sp\u00e4ter noch zus\u00e4tzlich bearbeiten oder mit Schlagworten versehen.<\/li>\n<\/ol>\n\n\n\n <\/picture><\/figure>\n\n\n\n
Viel Spa\u00df, Euer Gerry<\/p>\n","protected":false},"excerpt":{"rendered":"
Gerry der Web-G\u00e4rtner beantwortet die Frage, wie man einen Screenshot einer kompletten Homepage anfertigt.<\/p>\n","protected":false},"author":3,"featured_media":354,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[22],"tags":[110,93,101],"class_list":["post-340","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-website-pflege","tag-bildbearbeitung","tag-tipps-und-anleitungen","tag-umgang-mit-dem-web-browser"],"acf":[],"_links":{"self":[{"href":"https:\/\/mainetcare.de\/wp-json\/wp\/v2\/posts\/340"}],"collection":[{"href":"https:\/\/mainetcare.de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mainetcare.de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mainetcare.de\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/mainetcare.de\/wp-json\/wp\/v2\/comments?post=340"}],"version-history":[{"count":3,"href":"https:\/\/mainetcare.de\/wp-json\/wp\/v2\/posts\/340\/revisions"}],"predecessor-version":[{"id":28728,"href":"https:\/\/mainetcare.de\/wp-json\/wp\/v2\/posts\/340\/revisions\/28728"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mainetcare.de\/wp-json\/wp\/v2\/media\/354"}],"wp:attachment":[{"href":"https:\/\/mainetcare.de\/wp-json\/wp\/v2\/media?parent=340"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mainetcare.de\/wp-json\/wp\/v2\/categories?post=340"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mainetcare.de\/wp-json\/wp\/v2\/tags?post=340"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
![\"Screenshot](\"https:\/\/mainetcare.de\/wp-content\/uploads\/2019\/08\/screenshot_einer_homepage__18.43.55.jpg\")
<\/picture><\/figure><\/div>\n\n\n![\"Screenshot](\"https:\/\/mainetcare.de\/wp-content\/uploads\/2019\/08\/Screenshot_einer_homepage_speichern.jpg\")
<\/picture><\/figure>\n\n\n\n![\"Screenshot](\"https:\/\/mainetcare.de\/wp-content\/uploads\/2019\/08\/screenshot_einer_homepage__18.43.55.jpg.webp)
<\/picture><\/figure><\/div>\n\n\n![\"Screenshot](\"https:\/\/mainetcare.de\/wp-content\/uploads\/2019\/08\/Screenshot_einer_homepage_speichern.jpg.webp)
<\/picture><\/figure>\n\n\n\n