mysqlfan: Webseite mit ALLEN Elementen offline funktionsfähig machen

Folgende Seite habe ich über den Browser offline gespeichert mit
Datei > Webseite speichern unter...

http://www.ndr.de/ratgeber/kochen/warenkunde/fischratgeber103.html

Probleme:

1. Die Schriftarten werden teilweise nicht korrekt dargestellt:

"Von Aal bis Zander: Was ist ökologisch korrekt?" ist auf der Webseite eine spezielle Schriftart, offline nur großformatiges Arial.

2. Dasselbe mit dem Menü: Auf der Webseite sind Kochen, Reise, Garten, ...
in einer Art "Arial Narrow", offline ganz anders.

3. Last but not least: Die Slider-Gallery-Show mit den Fischbildern funktioniert offline nicht.

Habe bereits die entsprechenden js-Dateien heruntergeladen, auch die, die in css-Dateien referenziert waren.

Leider gelingt es mir nicht, die Seite 1:1 darzustellen, wie es online der Fall ist.

Könnte jemand helfen und die Webseite offline speichern und so in ein zip-File laden, dass sie nach Extraktion komplett so funktionsfähig ist und aussieht, wie wenn man oben stehenden Link aufrufen würde?

  1. Update: Das mit den Schriftarten ist nun klarer:

    In der Datei ndrmerged.css wird referenziert auf den propritären Font NDRSansCondRegular:

    @font-face {
      font-family: "NDRSansCondRegular";
      src: local("##"), url("/resources/fonts/nd_cr_slim-webfont.woff") format("woff"), url("/resources/fonts/nd_cr_slim-webfont.ttf")
      font-weight: normal;
      font-style: normal; }

    h1 {
      font-family: "NDRSansCondRegular", sans-serif;
      font-size: 2em;
      line-height: 1.4em;
      margin-top: 0; }

    Die Dateien müssten heruntergeladen werden unter:

    http://www.ndr.de/resources/fonts/nd_cr_slim-webfont.woff
    http://www.ndr.de/resources/fonts/nd_cr_slim-webfont.ttf
    http://www.ndr.de/resources/fonts/nd_r-webfont.woff
    http://www.ndr.de/resources/fonts/NDR_Icons.woff
    http://www.ndr.de/resources/fonts/nd_r-webfont.ttf
    http://www.ndr.de/resources/fonts/NDR_Icons.ttf

    Wäre gut, wenn diese dann auch im entsprechenden Ordner abgelegt würden.
    Zur Not kann ich das aber auch noch selbst machen.

    Wichtiger wäre die Funktionsfähigkeit der Gallery.
    An der hakt es technisch komplett, vermutlich, weil auch noch die eine oder andere js-Datei fehlt.

    Wäre super dankbar, wenn jemand eine 1:1-Version in ein zip-File packen könnte.

    1. Hallo,

      Wäre gut, wenn diese dann auch im entsprechenden Ordner abgelegt würden.
      Zur Not kann ich das aber auch noch selbst machen.
      [Galerie] An der hakt es technisch komplett, vermutlich, weil auch noch die eine oder andere js-Datei fehlt.

      Es gibt meines Wissens kein magisches Tool, das diese Arbeit vollständig und korrekt macht. Es gibt Tools, die in die Richtung gehen, aber meiner Erfahrung nach ist viel händische Anpassung nötig.

      Wäre super dankbar, wenn jemand eine 1:1-Version in ein zip-File packen könnte.

      Ich vermute, wir müssten genauso wie du alle fehlenden Dateien manuell herunterladen und einbinden.

      Grüße
      Mathias