[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:
(24057 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:
(23654 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:
(23650 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:
(23618 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:
(23593 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:
(21878 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:
(21875 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:
(21845 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:
(21700 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:
(21099 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:
(19812 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:
(16887 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)
Hier Klicken X
Hier Klicken

Aktuell

Affinity
glyphen-browser_300

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
07.02.2020 - 11.09.2020

Digicomp Academy AG, 8005 Zürich
Freitag, 07. Feb. 2020, 13.00 Uhr - Freitag, 11. Sept. 2020, 12.00 Uhr

Lehrgang

Bilden Sie sich zum zertifizierten Publishing-Multimedia-Profi aus. Neben Fotografie und Video befassen Sie sich mit der Medienproduktion, digitalen Publikationen und dem Webdesign für Desktop- und mobile Endgeräte. Mit dem Abschluss «Publisher Professional – Profil «Multimedia» verliehen durch die Digicomp Academy AG, bestätigen Sie Ihre Praxiserfahrungen und Qualifizierung in den genannten Themengebieten gegenüber Ihrem Arbeitgeber sowie Ihren Kunden.

Preis: CHF 10'500.-
Dauer: 30 Tage (ca. 210 Lektionen) – Unterricht findet jeweils am Freitag von 13 - 19 Uhr und Samstag von 09 - 17 Uhr statt

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/publishing-lehrgaenge/lehrgang-publisher-professional-profil-multimedia

Veranstaltungen
22.02.2020 - 04.07.2020

Lehrgang zielgerichtet auf die Zertifizierung zum Publisher Basic

Schulungsraum PubliCollege, Kronenhalde 9d, 3400 Burgdorf
Samstag, 22. Feb. 2020, 13.14 Uhr - Samstag, 04. Juli 2020, 13.15 Uhr

Projektseminar/Lehrgang

Ziele In der Medienproduktion unter Einbezug der aktuellen Publishing-Programme mitarbeiten. Voraussetzungen Sie möchten gestalterisch tätig sein und eigene grafische Ideen kompetent entwickeln sowie umsetzen; Medienproduktionen professionell planen und ausführen. Kompetenzen Nach Abschluss dieses Lehrgangs können Sie Printpublikationen aller Art von der Gestaltung über die Umsetzung bis zu druckfertige PDFs erstellen. Sie sind fähig, CI/CD-Vorgaben umzusetzen. Sie lernen die Grundlagen der grafischen Gestaltung kennen und setzen diese mit Adobe Photoshop, InDesign und Illustrator effizient um.

15 Halbtage, jeweils am Samstag von 08.30 bis 14 Uhr im Kursraum des PubliCollege, 3400 Burgdorf


Daten
Samstag, 22.2., 29.2., 14.3., 21.3., 28.3., 4.4., 25.4., 2.5., 9.5., 16.5., 6.6., 13.6., 20.6., 27.6., 4.7. 2020
Reservedatum am 23.5. 2020

Ja

Organisator: PubliCollege GmbH, 3400 Burgdorf

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

https://www.publicollege.ch/kursangebote/20-publisher-basic

Hier Klicken