VCA_INTERACTIVEMEDIA

Interactive Media Research Journal

(A.K.A. WWWayposts)

See Demo

USING THE TEMPLATE

YOU WILL NEED TO DOWNLOAD THE THREE FILES IN THIS DIRECTORY

SET UP YOUR DIRECTORY WITH THE SAME STRUCTURE

FILL IN YOUR SPREADSHEET (GOOGLE SHEETS OR .xls)

For each entry, the data needed = CSS_Class | Entry Title | BodyText | Image link(s) | Image Caption(s) | a link | keywords. Your imges can be local, or on the web

DOWNLAD FROM SHEETS AS .csv OR SAVE YOUR .xls file AS .csv TO THE SAME DIRECTORY AS YOUR .html

LAUNCH LIVE PREVIEW OF THE .html FILE

YOU SHOULD SEE A SCROLLABLE WWWAYPOSTS AND WHEN YOU PRESS CND+P (CTRL+P) YOU WILL SEE THAT THE .html IMPAGINATES TO SEPARATE PAGES

IF YOU ARE HAPPY WITH THE OUTCOME, SAVE AS PDF. CHECK THE OUTCOME, LOOP BACK OVER PREVIOUS STEPS UNTIL YOU ARE HAPPY.

SUBMIT PDF TO CANVAS

IF YOU UPLOAD YOUR RESEARCH JOURNAL TO YOUR GITHUB (YOU ARE WELCOME TO BUT NOT OBLIGED) YOU CAN ADD THE LINK AS AN EXTRA REFERENCE IN YOUR FINAL PROJECT?FOLIO

NOTES

This template is quite customisable, each entry is a section at 100vh when viewed on a browser, so it makes a double page spread ‘full page’. You have a div on the left and a div on the right. There are two possible css classes you can use from the template which effectively ONLY change the format of the images on the left hand page. (others you could request or make yourself) left will place a single image full page on the left hand page THIS IS GOOD FOR POTRAIT ORIENTED CONTENT leftDoubleImage will place two images stacked on the left hand page. THIS IS GREAT FOR HORIZONTAL IMAGES On either style page, captions appear in a single text block.

Note that this is a primitive & simple template, it is far from perfect, and you are VERY welcome to suggest edits/improvements and/or adapt your .html to suit your own style.