[GastForen Programme Print/Bildbearbeitung Digital Publishing HTML5 Publikationen erstellen – Kein Plug, kein System notwendig

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Print/Bildbearbeitung - Photos, Layout, Design
Themen
Beiträge
Moderatoren
Letzter Beitrag

HTML5 Publikationen erstellen – Kein Plug, kein System notwendig

mguenther
Beiträge gesamt: 1517

1. Mär 2016, 10:19
Beitrag # 1 von 12
Bewertung:
(18710 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Guten Morgen,

Quark hat heute QuarkXPress 2016 vorgestellt, dass im zweiten Quartal dieses Jahres erscheinen soll.

Interessant für digitales Publishing sind HTML5 Publikationen, die man einfach aus QuarkXPress 2016 erstellen kann. Entweder, indem man ein Printlayout umwandelt oder indem man ein neues Layout in jeglicher Größe erstellt und dann mit Inhalten und Effekten füllt.

So gut wie alle Typografieeinstellungen, also z.B. manuelle Unterschneidungen, am Grundlinienraster ausrichten, Blocksatz etc. bleiben im exportierten HTML5 erhalten und werden 1:1 in modernen Browsern dargestellt. Als Text natürlich.

Außerdem kann man natürlich Effekte wie Slidesshows, Popups, Animationen etc. hinzufügen.

Alles wird als HTML5 exportiert, also ist zum Anzeigen und Nutzen kein Plug-in notwendig.

Exportiert wird lokal, auch die Voransicht wird lokal erzeugt. Es ist also kein System oder Lösung notwendig und damit auch keine wiederkehrenden Kosten und auch keine Kosten "pro Download".

Nach dem Exportieren hat man einen Ordern, der HTML Seiten, Bilder, JavaScript, CSS etc. enthält. Diesen kann man auf jeden beliebigen Webserver kopieren.

Der "Reader", also die Steuerung der Seiten mit Zoommöglichkeit, Blätterfunktion, Miniaturen als Seitensteuerung und anderes ist einfach per Texteditor konfigurierbar (JSON Datei).

Zwei Videos dazu hier:
- Printlayout als HTML5 Publikation konvertieren: https://youtu.be/RAQROm6Jy_8
- Neue HTML5 Publikationen erstellen: https://youtu.be/46S9yjQyamA

Was man dazu braucht? Nur QuarkXPress 2016.

Fragen? Bitte fragen! ;-)

Gruß
Matthias


Vorschlag einer CreativePro Suite (ohne Miete): http://www.planetquark.com/2017/05/18/the-non-rental-suite/Kompendium für agiles Publishing, Storytelling, digitale Haptik etc.: http://goo.gl/XzCy8e
X

HTML5 Publikationen erstellen – Kein Plug, kein System notwendig

Onkel Ho
Beiträge gesamt: 5

3. Jun 2016, 13:34
Beitrag # 2 von 12
Beitrag ID: #550143
Bewertung:
(18307 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo,

habe mich das erstmals an der html-Funktion versucht. Leider nur teilweise erfolgreich.
Wenn ich mein Ergebnis über Vorschau ausprobiere, funktioniert alles perfekt.
Exportiere ich die Datei und öffne dann die index.html-Datei bringt mir Safari die Fehlermeldung: Ungültige Konfiguration - Abbruch des Starts.
Was mache ich falsch?

Gruß
Andreas

Ach so. Ich benutze MacOS 10.11.5.


als Antwort auf: [#547491]

HTML5 Publikationen erstellen – Kein Plug, kein System notwendig

mguenther
Beiträge gesamt: 1517

3. Jun 2016, 13:46
Beitrag # 3 von 12
Beitrag ID: #550144
Bewertung:
(18303 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Andreas,

um den Webviewer zu starten müssen bestimmte JavaScripte laufen und die laufen nicht, wenn du die index.html Datei lokal doppelklickst.

Also entweder über die eingebaute Vorschau gehen (dann wird im Hintergrund ein kleiner Webserver gestartet) oder auf einen Webserver (z.B. den eingebauten in OS X) legen und dann von dort öffnen.

Ein weiteres Beispiel einer HTML5 Publikation:
http://www.pha-creative.co.uk/...hures/twb/index.html

Gruß
Matthias


Vorschlag einer CreativePro Suite (ohne Miete): http://www.planetquark.com/2017/05/18/the-non-rental-suite/Kompendium für agiles Publishing, Storytelling, digitale Haptik etc.: http://goo.gl/XzCy8e


als Antwort auf: [#550143]

HTML5 Publikationen erstellen – Kein Plug, kein System notwendig

Onkel Ho
Beiträge gesamt: 5

3. Jun 2016, 14:11
Beitrag # 4 von 12
Beitrag ID: #550145
Bewertung:
(18271 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Matthias,

wieder was gelernt. Funktioniert einwandfrei.
Vielen Dank für die prompte Antwort.

Gruß
Andreas


als Antwort auf: [#550144]

HTML5 Publikationen erstellen – Kein Plug, kein System notwendig

mguenther
Beiträge gesamt: 1517

3. Jun 2016, 14:41
Beitrag # 5 von 12
Beitrag ID: #550148
Bewertung:
(18246 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen


als Antwort auf: [#550145]

HTML5 Publikationen erstellen – Kein Plug, kein System notwendig

planer2017
Beiträge gesamt: 2

3. Apr 2017, 15:37
Beitrag # 6 von 12
Beitrag ID: #556748
Bewertung:
(16531 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Matthias,
ich habe den html5-Export auch gerade mal ausprobiert und es klappt ganz gut! Nur: gibt es vielleicht eine Möglichkeit, dass man eine erstellte Broschüre für den html5-Export im Format verändert, so dass man für die Bildschirmdarstellung das Ganze dann einfach größer dargestellt bekommt? Ich weiß, man kann das Format zwar beim Export verändern, das Format des Inhalts der Broschüre bleibt aber gleich klein – es gibt also dicke weiße Ränder. Muss ich also den Inhalt jeder Seite zuerst manuell auf die gewünschte Größe bringen?

Grüße,
Lutz


als Antwort auf: [#550148]

HTML5 Publikationen erstellen – Kein Plug, kein System notwendig

mguenther
Beiträge gesamt: 1517

3. Apr 2017, 15:55
Beitrag # 7 von 12
Beitrag ID: #556749
Bewertung:
(16528 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Lutz,

meinst du dynamisch, je nach Geräte (also responsive)?
Oder vorm Export, also um z.B. ein DIN Lang auf 16:10 oder 3:2 umzubauen?
Oder ein einfaches Vergrößern?

Letzteres sollte automatisch passieren, da ja HTML kannst du auch mal Command+0 drücken, um deinen Browser wieder auf 100% zu bringen. Auf mobile Phones geht auch Zwei-Finger-Swipe.

Umbauen kannst du es auch (vorm Export), in QuarkXPress 2017 geht das mit Hilfe (adaptives Skalieren).

Und responsive geht erst ab QuarkXPress 2017 (das ja noch nicht verfügbar ist): https://youtu.be/lwNuIqWFffE?t=10m8s

Gruß
Matthias


Vorschlag einer CreativePro Suite (ohne Miete): http://www.planetquark.com/2017/05/18/the-non-rental-suite/Kompendium für agiles Publishing, Storytelling, digitale Haptik etc.: http://goo.gl/XzCy8e


als Antwort auf: [#556748]

HTML5 Publikationen erstellen – Kein Plug, kein System notwendig

planer2017
Beiträge gesamt: 2

3. Apr 2017, 17:20
Beitrag # 8 von 12
Beitrag ID: #556752
Bewertung:
(16498 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Matthias,
eigentlich meinte ich das einfache Vergrößern. Und du hast natürlich recht: man kann per Command + die Seiten vergrößern, nur werden die Bilder dann etwas unschärfer.
Umbauen muss ich vor dem Export noch mit 2016, adaptives Skalieren ist dann erst mit QXP 2017 möglich?

Grüße,
Lutz


als Antwort auf: [#556749]

HTML5 Publikationen erstellen – Kein Plug, kein System notwendig

mguenther
Beiträge gesamt: 1517

5. Apr 2017, 10:03
Beitrag # 9 von 12
Beitrag ID: #556789
Bewertung:
(16353 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Lutz,

Command+Plus ist ja der Befehl an den Browser, die Inhalte größer darzustellen. Wenn du Bilder in besserer Qualität auch vergrößert brauchst, müsstest du in höherer Auflösung exportieren. Auch das wird in QuarkXPress 2017 gehen.

Viele Funktionen des adaptiven Skalieren kannst du auch in QuarkXPress 2016 ausprobieren, dazu die Skalierungspalette nutzen und die Checkbox "Layout" einschalten.

Gruß
Matthias


Vorschlag einer CreativePro Suite (ohne Miete): http://www.planetquark.com/2017/05/18/the-non-rental-suite/Kompendium für agiles Publishing, Storytelling, digitale Haptik etc.: http://goo.gl/XzCy8e


als Antwort auf: [#556752]

HTML5 Publikationen erstellen – Kein Plug, kein System notwendig

mguenther
Beiträge gesamt: 1517

11. Mai 2017, 19:54
Beitrag # 10 von 12
Beitrag ID: #557394
Bewertung:
(15752 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hier ist ein deutschsprachiges Beispiel einer HTML5 Publikation:
https://eisenbahn-kurier.de/...mer_6860/landscape/1

Leider hat sich der Verlag entschieden, die Seiten als Bilder einzubetten, so dass Text nicht Text ist.

Gruß
Matthias


Vorschlag einer CreativePro Suite (ohne Miete): http://www.planetquark.com/2017/05/18/the-non-rental-suite/Kompendium für agiles Publishing, Storytelling, digitale Haptik etc.: http://goo.gl/XzCy8e


als Antwort auf: [#556789]

HTML5 Publikationen erstellen – Kein Plug, kein System notwendig

mguenther
Beiträge gesamt: 1517

9. Jun 2017, 06:34
Beitrag # 11 von 12
Beitrag ID: #557901
Bewertung:
(14465 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hier ist ein Beispiel das Quark selbst erstellt hat:
http://files.quark.com/...arkXPress/index.html

Es ist responsive, zeigt also andere Layouts, je nachdem wie groß das Browserfenster ist bzw. welches Gerät dies anzeigt.

Gruß
Matthias


Vorschlag einer CreativePro Suite (ohne Miete): http://www.planetquark.com/2017/05/18/the-non-rental-suite/Kompendium für agiles Publishing, Storytelling, digitale Haptik etc.: http://goo.gl/XzCy8e


als Antwort auf: [#557394]

HTML5 Publikationen erstellen – Kein Plug, kein System notwendig

mguenther
Beiträge gesamt: 1517

12. Sep 2017, 14:34
Beitrag # 12 von 12
Beitrag ID: #559412
Bewertung:
(11540 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen


als Antwort auf: [#556748]
(Dieser Beitrag wurde von mguenther am 12. Sep 2017, 14:34 geändert)
X
Hier Klicken

Farbmanagement

Farbmanagement
din_300

Veranstaltungen

Hier können Sie Ihre Anlässe eintragen, welche einen Zusammenhang mit den Angeboten von HilfDirSelbst.ch haben. Die Einträge werden moderiert freigeschaltet. Dies wird werktags üblicherweise innert 24 Stunden erfolgen. pdf-icon Hier eine kleine Anleitung.

Veranstaltungen
13.12.2018 - 20.12.2018

3400 Burgdorf, BE
Donnerstag, 13. Dez. 2018, 09.00 Uhr - Donnerstag, 20. Dez. 2018, 09.00 Uhr

Workshop

Schritt für Schritt: Planen, konzipieren und Umsetzen einer responsiven Website mit Wordpress: Lokalen Server einrichten; Frontend/Backend; Vorgehen Schritt für Schritt bis zur fertigen Site.

2-Tages-Workshop CHF 990.00

Ja

Organisator: PubliCollege GmbH

Kontaktinformation: Beat Kipfer, E-Mailinfo AT publicollege DOT ch

www.publicollege.ch

Websites erstellen mit Wordpress und Elementor Pro
Veranstaltungen
13.12.2018

Impressed GmbH, Hamburg
Donnerstag, 13. Dez. 2018, 10.00 - 10.30 Uhr

Webinar

Wir stellen Ihnen in diesem kostenlosen ca. halbstündigen Webinar das neue Enfocus Switch PDF Review Modul zur Freigabe von PDF-Druckdaten vor. Wir zeigen Ihnen, wie Sie die Lösung in bestehende Enfocus Switch-Workflows einbinden und somit die Freigabeprozesse mit Ihren Kunden erheblich beschleunigen können.

Ja

Organisator: Impressed GmbH

Kontaktinformation: Detlef Grimm, E-Mailschulungen AT impressed DOT de

https://www.impressed.de/schulung.php?c=sDetail&sid=250

Enfocus Switch PDF Review Modul
Hier Klicken