Hands-on Digital Publishing 2017

 

Overview

Do you have some Word, ODF, or XML documents, maybe with some images or videos, that you want to publish to the web or publish as an epub? This course will show you how to do precisely that - make a good-looking website or epub from your documents. This is a hands-on course that complements the Publishing With XML course, and follows on from the Hands-on Introduction to XML course.

We'll use XSLT 2 to transform sample files into HTML5, style the pages to look good using some of the new features available in CSS, and (if time permits) add some simple interactivity using JavaScript. We'll show you how to make your website respond well to different screen sizes and devices, and how to create a simple epub from the HTML and CSS. We'll use Ruby as a scripting language to pull all the pieces together. We will supply computers with the software installed, and you can take the code you develop home with you.

Prerequisites: You should know at least as much XSLT as is taught in the Hands-on Introduction to XML, but advanced XSLT knowledge is not necessary. You should also know as much CSS as is taught in the Hands-On Introduction. We do not expect you to know JavaScript or Ruby. Experience in Perl, Python, Ruby, or some other scripting language is an advantage, but not required. We'll teach you enough to give you a good introduction to how powerful even a small amount of scripting can be.

This course is chaired by Lauren Wood and taught by Lauren Wood, Matt Patterson, Norm Walsh, and Peter Flynn.

Classes for 2017

The Hands-on Digital Publishing course runs on and .

HTML and CSS: framework for websites and ePubs

Taught by Lauren Wood.

HTML5 is now the basis of both websites and ePubs. There is a lot of choice in which elements to use and how to use them. This class will show some of the most important elements in HTML5 and introduce you to some of the newer concepts. Most websites these days use some sort of framework and we'll introduce you to some of the most popular. We'll also cover how to write HTML5 that is compatible with XML.

CSS3 is used as the basis for styling both modern websites and ePubs. It has features to enable designs that look good on a desktop browser, your smartphone, or another mobile device. This class will cover many of the useful features in CSS3, as well as some of the common design frameworks and the design principles used in creating sites that look good on multiple screen sizes.

Exercise: On paper, you'll mock up some of the basic features of a web site. You'll annotate this with HTML elements and preliminary ideas on design.

Converting XML to HTML

Taught by Norm Walsh.

There are certain things to watch for when converting XML to HTML. For standard schemas there are often existing transformation stylesheets that are far more than you need for your website or your ePub. This class will present guidelines for converting from a standard XML format to the HTML that you need.

Exercise: We will provide some XML sample files for you to convert to HTML using XSLT, and the basic stylesheet to get you started.

Word and other sources of XML — Maintaining a flow of information

Taught by Peter Flynn.

Word and OpenOffice files are often inputs to the publishing process, but by default they are intended to be read by humans, not programs. Both of them use XML to store the content and appearance, but to use the files in a production environment they need machine-readable metadata to identify the structure. This is usually in the form of named styles which provide both formatting and functional identity.

Wordprocessor file are largely 'flat', with no hierarchical structure and no containment. The first part of the class presents some guidelines to optimise the document styling and minimise editorial intervention. A worked example is combined with exercises to create a styled document ready for input.

The second part explains some of the techniques for transforming styled wordprocessor files with XSLT2 into a target XML format. Often this will be XHTML, but it could equally be DocBook, TEI, JATS, or another common vocabulary. This part shows how get the most out of the document content, and also covers the use of intermediate formats that can sometimes be useful to handle the lack of containment. The final exercise is to write the XSLT2 to transform the example document from the earlier exercise.

We provide some helper functions and model solutions. This class is based on XSLT2, and identifies features not available in XSLT1.

Creating ePubs

Taught by Peter Flynn.

The core (preferred) ePub syntax has a substantial overlap with XHTML. This class will touch on some of the major features. It will contain 'just enough' ePub information to allow you to create an ePub in the hands-on exercise.

Automate, script, and unzip

Taught by Matt Patterson.

There are lots of steps involved with creating a website or ePub. Many of these can be automated using a scripting language. This class will show you how to use Ruby to automate those small tasks such as pulling the actual XML out of a Word XML file (which is really a zip file), copy the file to another directory, and run the XSLT transformation.

Putting it all together

Taught by Lauren Wood, Matt Patterson, Norm Walsh, and Peter Flynn.

This class will show how all the pieces fit together. You will use the HTML and CSS you designed and the XSLT you wrote to create a website (or ePub).