Online Magazine

­Formaat

Wil je het staand of liggend? Liggend kan op tv, laptop, desktop, iPad en iPhone.
Staand kan niet op TV, laptop en desktop. Kies dus liggend als je twijfelt.

Kies in Indesign > nieuw document > INTENTIE: WEB.

1235 x 925 pixels is een handig formaat, want de 40 pixels van de batterijbalk zijn daar al af. Dit is dus perfect beeldvullend op een iPad.

Techniek: zet 3 versies online

Het magazine is gemaakt in Indesign (klik hier voor tips). De output is pdf en/of jpg. Dit online magazine moet je op DRIE manieren online zetten:
  1. Als PDF. Je plaatst een jpg van de cover, met daarop een link naar de pdf waarin alle pagina’s zitten.
    Zet het op gameschool.nl/jenaam/pdf
    Een pdf is supersimpel en werkt overal en altijd, ook op IOS!
  2. Als JPG’s. Met een javascript om te kunnen swipen, pinchen en dubbeltappen. Tap voor de blader-interface. Zie de handleiding hieronder.
    Zet het op gameschool.nl/jenaam/ipad
    Zie het voorbeeld op gameschool.nl/mag
  3. Via ISSUU.com (of een andere vergelijkbare service zoals docufiller.nl)
    Zet dit op gameschool.nl/jenaam/issuu
    Zie meer info hieronder en als voorbeeld aartjan.nl/journal2
  • Je kan de pagina’s ook direct in HTML als website maken, dus zonder Indesign. Kan ook met behulp van online tools.
  • Een mooi blader-script is Turn.js

Exporteer als jpg / pdf

In Indesign exporteer je de cover als JPG, noem het 1.jpg in de map pdf. Kies kwaliteit Normaal en 120 dpi.

Exporteer het hele magazine ook als pdf-interactief, kleinste bestandsgrootte. Maak ‘m daarna nog kleiner via smallpdf.com. Noem ‘m mag.pdf en zet in de map pdf.

Maak de websites in Dreamweaver

Start Dreamweaver en kies Site Beheren > Import > jouw .STE.

Of Maak in Dreamweaver een nieuwe site. Geef aan dat je lokale map jouw map Websites is, en stel de server in, met servernaam, login, password, en pad. Het pad is je voornaam, in kleine letters. Dit hoef je maar 1x te doen: Exporteer deze setting als jouwnaam.ste, en bewaar dat BUITEN je website-map. Alle volgende keren hoef je alleen maar deze STE te dubbelklikken, alles staat dan startklaar.

1. Versie met PDF

Plak onderstaande code in een nieuw leeg document in Dreamweaver en bewaar het als index.html in de map pdf in de map websites. Pas zonodig de code aan. Zie die van Nadiem of die van Danique. Of aartjan.nl/journal. Upload de map en bekijk het online (ook op je mobiel) op gameschool.nl/jenaam/pdf

<body style="margin:0; padding:0; background:black;">
<a href="mag.pdf">
<img src="1.jpg" width="100%" />
</a></body>

Deze code betekent:
body etc: De pagina heeft geen witranden of marges en de achtergrond is zwart
img etc: Je ziet plaatje 1.jpg beeldvullend.
a href: Als je op het plaatje klikt opent mag.pdf

2. Versie met Javascript: iPad

Maak een tweede versie, met een Javascript, zodat je kan swipen en zoomen. Maak een map “images” in de map “ipad” en bewaar daar de pagina’s vanuit Indesign: exporteer als 1.jpg, kwaliteit Normaal, 120 dpi. Check de map, en hernoem de plaatjes tot 1.jpg, 2.jpg, 3.jpg etc. om het te vereenvoudigen.

Kijk op gameschool.nl/mag. Kopieer die code (rechtsklik > Toon paginabron > Kopieer) en plak dat in een leeg document in Dreamweaver. Bewaar dit in de map ipad als index.html. Pas de code aan (zie instructies in de code). Maak ook een app icon, ofwel een favicon.png, van 250×250 pixels.

Upload de map ipad. Bekijk het online op gameschool.nl/jenaam/ipad

Fullscreen op je mobiel? Kies dan op je mobiel “Zet in beginscherm (IOS) / toevoegen aan startscherm (Android)” en start de website vanaf je startscherm. Fullscreen op een computer? Zet je browser fullscreen.

3. Versie via issuu.com

Zie ISSUU.com of een vergelijkbare service zoals docufiller.nl of probeer Turn.js.

Account aanmaken > pdf uploaden > embed kiezen met de div > op gameschool.nl een verder lege pagina maken met die embed-code > Bewaren als index.html in de map /issuu, en die map uploaden. Bij <body> kan je toevoegen:

<body style="height:100vh; margin:0; padding:0; background:black">

Zie als voorbeeld gameschool.nl/furgel 
Of probeer Turn.js. Zie een voorbeeld op aartjan.nl/journal2 

 

Ten slotte: voeg al dit moois ook toe aan je portfolio!

 


Eerstejaars minimale inhoud

  • 12 pagina’s
  • 1 cover met goed beeld, pakkende titel / logo en een beschrijvende subkop. Eventueel 3 wervende koppen, met wat je in dit magazine kan vinden.
  • Op pagina 2 een inhoudsopgave of iets dergelijks, of een leuke opener.
  • Op de laatste pagina een colofon met o.a. alle copyrights en credits.
  • 1 pagina over jezelf. Met o.a jouw tekst: welke waarden vind jij belangrijk in het leven?
  • Een aantal grote plaatjes
  • Een aantal kleine plaatjes
  • 2 korte artikelen
  • 1 lang artikel van minstens 300 woorden eigen tekst: opgemaakt met kop, subkop, intro, streamers, minstens 3 tussenkopjes, minstens 3 foto’s. Dit artikel moet minstens 3 a 4 pagina’s innemen.
  • Bijschriften bij alle foto’s: want die leest iedereen
  • Teksten en foto’s mag je overal vandaan halen, maar je moet de bron vermelden. Per plaatje en per tekst. Mag ook achterin in credits / colofon.
  • Bonuspunt als alle tekst en/of beeld van jezelf is.
  • Maak eventueel een plank: dat is de indeling van het magazine, op papier, met in het klein elke pagina en wat daar dan opkomt. Zodat je makkelijk kan schuiven en alvast een indruk krijgt van het geheel: van ritme, spanning en van afwisseling.
  • 1 tot 3 pagina’s INSPIRATIE:

Design / Art Direction

Zoek inspirerende voorbeelden van magazines en baseer je ontwerp daar op. Plaats er 1, 2 of 3 in je magazine. Zet er een kop of een bijschrijft bij, bijvoorbeeld INSPIRATIE.

JAAR 2

Je hebt met een groepje een nieuw magazine gemaakt. Zet die op je eigen websites.
Stap 1: maak een compacte pdf, het liefst max 5 MB groot. Dat kan op 4 manieren:

  1. Indesign > ⌘ E > interactieve pdf > kleinste bestand
  2. Acrobat Pro > open grote pdf  > Bewaar als > kleiner bestand maken
  3. Voorvertoning (Preview): Bewaar als (hou Alt ingedrukt) > pdf > Quarz filter > Reduce file size
  4. Via online services zoals smallpdf.com en/of pdfresizer.com
    (Het beste is om eerst punt 1 te doen, en daarna ook nog eens punt 4).

Stap 2: Een persoon per groep upload de pdf naar gameschool.nl/jenaam/pdf/mag2.pdf
(Als de pdf onder de 4MB is kan je het ook direct uploaden in WordPress, en vervolgens plaatsen met een pdf-pugin)

Gebruik deze url om je magazine te plaatsen in jouw website (op gameschool.nl via je ste-file en/of op rocweb.nl: WordPress)

Stap3: Maak een jpg (compact en goed) van de cover en upload die naar rocweb. Plaats die in een pagina. Als je er op klikt, moet de pdf openen.

Stap 4: Probeer het ook via ISSUU.com.
Account aanmaken bij issuu > pdf uploaden > embed kiezen met de div > op gameschool.nl een verder lege pagina maken met die embed > Bewaren als index.html in de map /mag2 , en die map uploaden.
Zie als voorbeeld gameschool.nl/furgel

OF probeer Turn.js. Zie een voorbeeld op aartjan.nl/journal2 Als je deze doet krijg je een bonuspunt, en je mag het met zijn 3-en doen!