SlideShare una empresa de Scribd logo
1 de 20
Online Publishing The Influence of New Media onLiterature Tineke Moonens HildeMeurrens Christopher Uebelhor Ruben Laureys
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.
Teamwork Search on the net  11 topics, 12 pages  division of the work
Tasks Teamwork
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
Pages: changes Finalnumber of pages: 11
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
Navigation between pages: buttons Photoshop: no actual buttons  images created in Photoshop Background: fragments from Manifesto del Futurismo - Marinetti                         intentionally illegible (cf. sidebar-> consistency)     Foreground: name of page ,[object Object],Layout
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’
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
Layout: content Keep the reader active Hyperlinks  refer to interesting websites Stimulation to try out applications (chatterbots, literaryblogs,...) Polls (www.poll4you.com)
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
Editing Pages Consistent length Synchronized writing styles CSS-rules Consistency More flexibilitythanexternal sheets Language
Problems Right sidebar Smaller screens sidebar invisible in browser Zoom out  overlap withtext Solution:  detachsidebarfrom background Separate divisionfloating right Improvement: lessbusy
Problems Spry Don’tfunction in browser Interferencewithjavascript of embeddedFLV-videos Solution: put Spry-scriptabovevideo-scripts in the source code 	(executedfirst)
Problems ‘Blooks’: large gap between top of the page and text Problem: right sidebaroutside container Solution: adapt code; put sidebarinside the container

Más contenido relacionado

Más de culturelestudies

Party against aids presentatie
Party against aids presentatieParty against aids presentatie
Party against aids presentatie
culturelestudies
 
Hadermann.speetjens.ceulemans.möller.presentatie webstie
Hadermann.speetjens.ceulemans.möller.presentatie webstieHadermann.speetjens.ceulemans.möller.presentatie webstie
Hadermann.speetjens.ceulemans.möller.presentatie webstie
culturelestudies
 
Websites gemaakt door studenten ma culturele studies
Websites gemaakt door studenten ma culturele studiesWebsites gemaakt door studenten ma culturele studies
Websites gemaakt door studenten ma culturele studies
culturelestudies
 
Presentatie cultureel project rebajarte
Presentatie cultureel project rebajartePresentatie cultureel project rebajarte
Presentatie cultureel project rebajarte
culturelestudies
 
Presentatie Deurne binnen en buiten bij Braem
Presentatie Deurne binnen en buiten bij BraemPresentatie Deurne binnen en buiten bij Braem
Presentatie Deurne binnen en buiten bij Braem
culturelestudies
 
Presentatie Kunst & Kamerkunst
Presentatie Kunst & Kamerkunst Presentatie Kunst & Kamerkunst
Presentatie Kunst & Kamerkunst
culturelestudies
 
Websites gemaakt door studenten ma culturele studies: Online Publishing '09-'10
Websites gemaakt door studenten ma culturele studies: Online Publishing '09-'10Websites gemaakt door studenten ma culturele studies: Online Publishing '09-'10
Websites gemaakt door studenten ma culturele studies: Online Publishing '09-'10
culturelestudies
 

Más de culturelestudies (20)

Party against aids presentatie
Party against aids presentatieParty against aids presentatie
Party against aids presentatie
 
Hadermann.speetjens.ceulemans.möller.presentatie webstie
Hadermann.speetjens.ceulemans.möller.presentatie webstieHadermann.speetjens.ceulemans.möller.presentatie webstie
Hadermann.speetjens.ceulemans.möller.presentatie webstie
 
Fooddesign websitefinal
Fooddesign websitefinalFooddesign websitefinal
Fooddesign websitefinal
 
Kunstenkamerkunst
KunstenkamerkunstKunstenkamerkunst
Kunstenkamerkunst
 
Websites gemaakt door studenten ma culturele studies
Websites gemaakt door studenten ma culturele studiesWebsites gemaakt door studenten ma culturele studies
Websites gemaakt door studenten ma culturele studies
 
Pres olpc
Pres olpcPres olpc
Pres olpc
 
Pres geosocial
Pres geosocialPres geosocial
Pres geosocial
 
Presentatie op 29012011
Presentatie op 29012011Presentatie op 29012011
Presentatie op 29012011
 
Presentatie cultureel project rebajarte
Presentatie cultureel project rebajartePresentatie cultureel project rebajarte
Presentatie cultureel project rebajarte
 
Ppt presentatie 20_mei
Ppt presentatie 20_meiPpt presentatie 20_mei
Ppt presentatie 20_mei
 
Pakvis presentatie finaal
Pakvis presentatie finaalPakvis presentatie finaal
Pakvis presentatie finaal
 
Hiwtai projectpresentatie
Hiwtai projectpresentatieHiwtai projectpresentatie
Hiwtai projectpresentatie
 
Ppp toekan
Ppp toekanPpp toekan
Ppp toekan
 
Presentatie Deurne binnen en buiten bij Braem
Presentatie Deurne binnen en buiten bij BraemPresentatie Deurne binnen en buiten bij Braem
Presentatie Deurne binnen en buiten bij Braem
 
Presentatie Poëziepakket
Presentatie PoëziepakketPresentatie Poëziepakket
Presentatie Poëziepakket
 
Presentatie Kunst & Kamerkunst
Presentatie Kunst & Kamerkunst Presentatie Kunst & Kamerkunst
Presentatie Kunst & Kamerkunst
 
Presentatie VideoStart
Presentatie VideoStartPresentatie VideoStart
Presentatie VideoStart
 
Websites gemaakt door studenten ma culturele studies: Online Publishing '09-'10
Websites gemaakt door studenten ma culturele studies: Online Publishing '09-'10Websites gemaakt door studenten ma culturele studies: Online Publishing '09-'10
Websites gemaakt door studenten ma culturele studies: Online Publishing '09-'10
 
De nachtwinkel
De nachtwinkelDe nachtwinkel
De nachtwinkel
 
Presentatie just listen_layout-definitief
Presentatie just listen_layout-definitiefPresentatie just listen_layout-definitief
Presentatie just listen_layout-definitief
 

Último

Último (20)

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?
 
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
 
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
 
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfThe Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 

Pres e literatuur

  • 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
  • 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
  • 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