Pres e literatuur

401 views

Published on

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
401
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Pres e literatuur

  1. 1. Online Publishing<br />The Influence of New Media onLiterature<br />Tineke Moonens<br />HildeMeurrens<br />Christopher Uebelhor<br />Ruben Laureys<br />
  2. 2. Content & target audience<br />CONTENT: <br />Website = guide to find info aboute-literature<br />Stimulateinteractionwith and participation of the reader<br />Manuals (Find a bookyoulike; Literary trailers)<br />TARGET AUDIENCE: <br />Teenagers and youngpeople<br />Lack of interest in literature<br />“Natural habitat” = new media & Internet<br /> New media + literature = makeliterature more attractiveforyoungsters.<br />
  3. 3. Teamwork<br />Search on the net  11 topics, 12 pages  division of the work<br />
  4. 4. Tasks<br />Teamwork<br />
  5. 5. Pages: changes<br />Overlap  merge pages<br />ebooks + online books = ebook<br />interactivefiction + hypertexts = interactivefiction<br />Drop page<br />Notenough info oninstallation art<br />Add page<br />Aboutus & our website<br />Add page<br />General info one-literature<br />
  6. 6. Pages: changes<br />Finalnumber of pages: 11<br />
  7. 7. Professional guidebook on layout <br /> (‘Webdesign: van concept naar realisatie’)<br />BACKGROUND:<br />White = clean, pureness<br />Blue, green, red = Basic colors<br />Calming and peaceful<br />Sidebar: returning element<br /> A great background doesn’tcatch the eye<br />Layout<br />
  8. 8.
  9. 9. Navigation between pages: buttons<br />Photoshop: no actual buttons  images created in Photoshop<br />Background: fragments from Manifesto del Futurismo - Marinetti<br /> intentionally illegible (cf. sidebar-> consistency)<br /> Foreground: name of page<br /><ul><li>Javascript: when mouse moves over image, new image with additional icons appears (cf. sidebarconsistency)</li></ul>Layout<br />
  10. 10. Layout: content<br />Comfort of the reader  increase attractiveness<br />Visual aids: videos and pictures<br />Reducedsize content division; limit text (white space = calming)<br />Contrast: black text - white background<br />Paragraphs<br />Internalnavigation<br />Onlonger pages (ebooks; interactivefiction)<br />On ‘Find a bookyoulike’<br />
  11. 11. Layout: content<br />Font: Trebuchet MS (Helvetica Family); 16<br />Easy to read: sober, sans-serif<br />Roundness (~ background)<br />Sources: smaller font size (distinctioncontent-sources)<br />Writingstyle<br />No abbreviations, no jargon<br />Target audience ~ address in person to stimulate active participation<br />
  12. 12. Layout: content<br />Keep the reader active<br />Hyperlinks  refer to interesting websites<br />Stimulation to try out applications (chatterbots, literaryblogs,...)<br />Polls<br />(www.poll4you.com)<br />
  13. 13. HOMEPAGE:<br />First sentencesintroduceentire website<br />Bold = eye-catching<br />Address the audience<br />Search engines<br />Limit text<br />‘Aboutus’= separate page<br />Navigationsuffices to introduceunderlying pages<br />Polls: activateaudiencebefore and after reading<br />Competition = stimulates participation<br />Layout content: illustration<br />
  14. 14.
  15. 15.
  16. 16. Editing<br />Pages<br />Consistent length<br />Synchronized writing styles<br />CSS-rules<br />Consistency<br />More flexibilitythanexternal sheets<br />Language<br />
  17. 17. Problems<br />Right sidebar<br />Smaller screens sidebar invisible in browser<br />Zoom out  overlap withtext<br />Solution: <br />detachsidebarfrom background<br />Separate divisionfloating right<br />Improvement: lessbusy<br />
  18. 18.
  19. 19. Problems<br />Spry<br />Don’tfunction in browser<br />Interferencewithjavascript of embeddedFLV-videos<br />Solution: put Spry-scriptabovevideo-scripts in the source code<br /> (executedfirst)<br />
  20. 20. Problems<br />‘Blooks’: large gap between top of the page and text<br />Problem: right sidebaroutside container<br />Solution: adapt code; put sidebarinside the container<br />

×