PDF handling

Before using these methods, it is important to have a fairly good grasp of working with Basic pages.

Currently, on the Intranet, there is no issue with inserting a pdf into a page using the  tools.  On the public site, however, for accessibility reasons, unless a pdf passes an accessibility check (100%), it can only be offered as an alternative to an accessible version (HTML) which must be encountered first by the user.

Occasionally, there is a need to "convert" an existing pdf into a web page.  This is because most people at RMC still think in terms of paper printing and the web is an afterthought, so the pdf is created first, with no consideration for accessibility.

Many of these are simply posters.  These are easy enough, as they are usually for events, and we publish them as "Articles."  Others are huge documents like the RMC brochure, which will take a bit of work, including coding, to recreate.

Event posters / articles

  1. Convert the poster to an image, 500 to no more than 800 pixels wide. This can be done by the Graphics department, or you can open the pdf, Zoom out, and take a screen capture and save that as a .jpg or .png .
  2. Have *all* the text in the poster on hand for insertion as text into the Body of the page.  Separate French from English.
  3. Determine if there will be a teaser in a landing page, and determine the text for the Summary, in each official language.  Given that the full college name should be in the meta Description for search engines, you may want an additional different text to place in that meta tag, instead of the default which is taken from the Summary.
  4. Start a new page, using the Article content type. English first, as usual.
  5. Fill in the usual fields, and add the poster image into the Photos field.  This will, by default, appear to the left of the Body content, which should be organized semantically.  
  6. Save, Add the Translation, and replace the text on the French side.
  7. Submit for publication.

Promotional materials

If you wish the web page to resemble your brochure or other material, or have a column layout, it will probably require coding. For large documents, this can be a long process.

  1. Prepare any and all of the images that will be used.
  2. Have the text ready or copy it from the pdf.
  3. Normally, you would use a Basic page content type.
  4. As always, create the English side first, and when it is complete, save and "Add" the Translation. As always, waiting until you are completely happy with the English side before you even start on the French will save you a lot of formatting.
  5. Use the WET-BOEW grid system and possibly Panels to create the layout in code (using Ace Editor) as you go down the page, inserting images and text on the way.  Remember to switch back to Basic HTML before saving, so that the image code will be parsed.
  6. Save early and often, and proceed as with any other web page.

 

 

 

Date modified: