Here are a couple of things to do when you are designing HTML5 for portrait for publish from BrightAuthor (BA).
- In your web software (i.e. Dreamweaver) make sure you set your page up for 1080 x 1920 (reverse of landscape 1920x1080)
- If you publish this as is the page will not display correctly when output[ut using BA in portrait mode. To get it to display correctly you need to rotate the WHOLE page in Dreamweaver. This will not affect the authoring in Dreamweaver – it will look just the same but when you preview it will rotate – very cool. To get this rotate to happen you need to encapsulate the whole body into a <div> </div> region.
Step 1: Author page in 90 degree rotation (1080 x 1920)
Step 2: encapsulate all your body content between <div> </div> tags
Step 3: In the <style> </style> area add a webkit 90 degree rotation
NOTE: you can use any angle above – i.e. 270, -90, etc. Video will not work!!! You need to also align you div to top and left “0”
Step 4: In BrightAuthor make a new preso and set it to portrait and use the HTML .html file. It should work very well.