This document discusses the development of a website aimed at introducing young people to e-literature. It was created by a team who divided up tasks like researching topics and editing pages. The 11-page website provides guides and interactive elements to attract its target audience. It uses a clean layout with basic colors and consistent navigation buttons. The content is written simply and includes visual elements like videos and polls to actively engage readers. The team addressed issues like incompatible code and formatting problems on smaller screens to improve the user experience.

1. Online Publishing The Influence of New Media onLiterature Tineke Moonens HildeMeurrens Christopher Uebelhor Ruben Laureys

2. Content & target audience CONTENT: Website = guide to find info aboute-literature Stimulateinteractionwith and participation of the reader Manuals (Find a bookyoulike; Literary trailers) TARGET AUDIENCE: Teenagers and youngpeople Lack of interest in literature “Natural habitat” = new media & Internet New media + literature = makeliterature more attractiveforyoungsters.

3. Teamwork Search on the net  11 topics, 12 pages  division of the work

4. Tasks Teamwork

5. Pages: changes Overlap  merge pages ebooks + online books = ebook interactivefiction + hypertexts = interactivefiction Drop page Notenough info oninstallation art Add page Aboutus & our website Add page General info one-literature

6. Pages: changes Finalnumber of pages: 11

7. Professional guidebook on layout (‘Webdesign: van concept naar realisatie’) BACKGROUND: White = clean, pureness Blue, green, red = Basic colors Calming and peaceful Sidebar: returning element A great background doesn’tcatch the eye Layout

10. Layout: content Comfort of the reader  increase attractiveness Visual aids: videos and pictures Reducedsize content division; limit text (white space = calming) Contrast: black text - white background Paragraphs Internalnavigation Onlonger pages (ebooks; interactivefiction) On ‘Find a bookyoulike’

11. Layout: content Font: Trebuchet MS (Helvetica Family); 16 Easy to read: sober, sans-serif Roundness (~ background) Sources: smaller font size (distinctioncontent-sources) Writingstyle No abbreviations, no jargon Target audience ~ address in person to stimulate active participation

12. Layout: content Keep the reader active Hyperlinks  refer to interesting websites Stimulation to try out applications (chatterbots, literaryblogs,...) Polls (www.poll4you.com)

13. HOMEPAGE: First sentencesintroduceentire website Bold = eye-catching Address the audience Search engines Limit text ‘Aboutus’= separate page Navigationsuffices to introduceunderlying pages Polls: activateaudiencebefore and after reading Competition = stimulates participation Layout content: illustration

16. Editing Pages Consistent length Synchronized writing styles CSS-rules Consistency More flexibilitythanexternal sheets Language

17. Problems Right sidebar Smaller screens sidebar invisible in browser Zoom out  overlap withtext Solution: detachsidebarfrom background Separate divisionfloating right Improvement: lessbusy

19. Problems Spry Don’tfunction in browser Interferencewithjavascript of embeddedFLV-videos Solution: put Spry-scriptabovevideo-scripts in the source code (executedfirst)

20. Problems ‘Blooks’: large gap between top of the page and text Problem: right sidebaroutside container Solution: adapt code; put sidebarinside the container