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.
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
8.
9.
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
14.
15.
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
18.
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