[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: 1539

1. Mär 2016, 10:19
Beitrag # 1 von 12
Bewertung:
(24313 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:
(23910 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: 1539

3. Jun 2016, 13:46
Beitrag # 3 von 12
Beitrag ID: #550144
Bewertung:
(23906 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:
(23874 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: 1539

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


als Antwort auf: [#550145]

HTML5 Publikationen erstellen – Kein Plug, kein System notwendig

planer2017
Beiträge gesamt: 3

3. Apr 2017, 15:37
Beitrag # 6 von 12
Beitrag ID: #556748
Bewertung:
(22134 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: 1539

3. Apr 2017, 15:55
Beitrag # 7 von 12
Beitrag ID: #556749
Bewertung:
(22131 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: 3

3. Apr 2017, 17:20
Beitrag # 8 von 12
Beitrag ID: #556752
Bewertung:
(22101 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: 1539

5. Apr 2017, 10:03
Beitrag # 9 von 12
Beitrag ID: #556789
Bewertung:
(21956 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: 1539

11. Mai 2017, 19:54
Beitrag # 10 von 12
Beitrag ID: #557394
Bewertung:
(21355 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: 1539

9. Jun 2017, 06:34
Beitrag # 11 von 12
Beitrag ID: #557901
Bewertung:
(20068 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: 1539

12. Sep 2017, 14:34
Beitrag # 12 von 12
Beitrag ID: #559412
Bewertung:
(17143 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

Aktuell

Farbmanagement
06_MYIRO_300x300

Veranstaltungskalender

Hier können Sie Ihre Anlässe eintragen, welche einen Zusammenhang mit den Angeboten von HilfDirSelbst.ch wie z.B. Adobe InDesign, Photoshop, Illustrator, PDF, Pitstop, Affinity, Marketing, SEO, Büro- und Rechtsthemen etc. haben. Die Einträge werden moderiert freigeschaltet. Dies wird werktags üblicherweise innert 24 Stunden erfolgen.

pdf-icon Hier eine kleine Anleitung hinsichtlich Bedeutung der auszufüllenden Formularfelder.

Veranstaltungen
25.05.2020 - 29.05.2020

Experten teilen mit Dir ihr Wissen

Online
Montag, 25. Mai 2020, 11.00 Uhr - Freitag, 29. Mai 2020, 17.45 Uhr

Seminar

Möchtest du deine Online-Reichweite vergrössern und deine digitale Präsenz optimieren? Dann könnte dich der #DigitalMarketingSummit vom 25. bis 29. Mai 2020 interessieren. An 10 Sessions zu verschiedenen Themen erhältst du je drei sofort umsetzbare Tipps. Montag 25.05.2020 Facebook für Unternehmen LinkedIn Profil und mehr Dienstag 26.05.2020 Twitter für Unternehmen Inhalt & Funktion der Webseite überprüfen Mittwoch 27.05.2020 E-Commerce (mit WooCommerce) Grundlagen für die Digitalisierung Donnerstag 28.05.2020 Google Search Ads (SEA) Google My Business (Maps Eintrag) Freitag 29.05.2020 Xing für Unternehmen Storytelling mit Instagram

Teilnahme Gratis!!
Anmeldung unter: https://digital.rogerruckstuhl.ch/digital-marketing-summit

Ja

Organisator: Roger Ruckstuhl Digital Marketing

Kontaktinformation: Eric Mächler, E-Mailinfo AT ericmaechler DOT com

https://digital.rogerruckstuhl.ch/digital-marketing-summit/

Digital Marketing Summit für Selbständige, Einzelunternehmer Dienstleister & Serviceanbieter
Veranstaltungen
02.06.2020 - 03.06.2020

Digicomp Academy AG, Limmatstrasse 50, 8005 Zürich
Dienstag, 02. Juni 2020, 08.30 Uhr - Mittwoch, 03. Juni 2020, 17.00 Uhr

Kurs

Dieser Basic-Kurs ist der perfekte Einstieg in die Welt von InDesign, dem vielseitigen Layout-Programm. Sie lernen, wie InDesign aufgebaut ist, wie saubere Dokumente erstellt werden und wie man korrekt mit gelieferten InDesign-Projekten umgeht.

Preis: CHF 1'400.–
Dauer: 2 Tage

Nein

Organisator: Digicomp Academy AG

Kontaktinformation: Isil Günalp, E-Mailisil.guenalp AT digicomp DOT ch

https://www.digicomp.ch/weiterbildung/software-anwendungs-trainings/adobe-trainings/desktop-publishing/adobe-indesign-cc/kurs-indesign-cc-basic

Neuste Foreneinträge


EPS mit Konvertierungsoptionen

Grepstil-Problem mit Positiven Lookahead

Grobes ICC-Profil aus wenigen gemessenen Farben

PDF (Speisekarte) auf Android-Tablet anzeigen, Adobe Reader im Kiosk-Modus möglich?

Ausschneiden und automatisch Hintergrund ersetzen

Zeichnungen miteinander verschmelzen in AI CS6

Umriss Anzeige einer Schrift in Negativ

Tabulator Tastendruck automatisch einfügen

Dateien kopieren

Feldberechnung: null ausblenden
medienjobs