Terug naar de homepage

The Making Of !




Werkhoek met de Mac
  

De Band

De Band in New York
52nd Street


Voor een stomende locomotief
(of niet)


...of na een optreden in de
Cotton Club?


Een collectors item?
klik maar eens.

Nieuwsgierigen en surfers die toevallig op deze pagina terecht zijn geraakt vinden hieronder enige informatie over hoe deze site tot stand is gekomen.
Je krijgt een idee, het lijkt nieuw en uitdagend. Maar het moet wel leuk blijven. Het mag best wat tijd, maar weinig geld kosten. Ik was een absolute leek op website-gebied. Wel had ik een redelijke ervaring met computers en zowel grafische- als audiosoftware. Veel software is onnodig duur en moet na enige tijd vervangen worden omdat of je PC of de software is verouderd. Ik zocht daarom, mede voor de sport, naar 'gratis' oplossingen zonder illegaal te willen zijn. Ik wilde echter geen gebruik maken van de vele gratis website-sjablonen en kant en klare ingeblikte stramienen waar je tekst en plaatjes in verplichte vakjes zet. Ik ben gepensioneerd, heb naast mijn muziekhobby, alle tijd en wilde graag zelf het wiel uitvinden.
Ik kocht een boekje, ging op zoek op het internet en stuitte op een onmetelijke hoeveelheid informatie, vnl. ter beschikking gesteld door enthousiaste idioten, zoals ikzelf, die hun kennis en ervaring willen delen met anderen. Deze idioten betuig ik dan ook langs deze weg mijn dank.

Hardware
Deze website is gemaakt op een Imac Intel. Ooit begonnen op de Amiga kwam ik via mijn werk bij de Mac terecht. Ik werk ook wel met Windows maar zal het niet omarmen. Ik ben geen leek op het gebied van audio, CD's en DVD's. Vinyl platen kan ik rechtstreeks digitaliseren mbv een Lenco platenspeler met usb-aansluiting (van Blokker!) en desgewenst op de Mac bewerken. 

Software voor de plaatjes
Met teken- en fotoprogramma's heb ik al vanaf mijn Amigatijd zitten prutsen. Ik wilde gratis, doch legale, software gebruiken en vond voor het bewerken van foto's, plaatjes etc. het pakket GIMP. Dit is z.g. 'Open Source" software die voor iedereen gratis beschikbaar is op het internet. Deze software wordt meestal ontwikkeld door wetenschappelijke instellingen en andere enthousiastelingen die minder afhankelijk willen zijn van de macht van de grote softwarebedrijven. GIMP is een redelijke vervanger voor het relatief dure Photoshop. Op internet zijn bovendien tal van 'workshops', gebruikerstips en handleidingen te vinden voor elke functie van het programma. GIMP kan vrijwel alle grafische bestanden lezen, is enorm uitgebreid voor een gratis pakket en na even oefenen en studeren op internet niet erg moeilijk te gebruiken. 
Plaatjes staan er te over op internet en ook mijn eigen digitale camera is onmisbaar. Alles is te vergroten, te verkleinen, te knippen, te draaien, te plakken en over te schilderen. Dik kan dun worden. Te klein kan groter.
Echt...de wereld is maakbaar!


Al die bewegende plaatjes op een website maken je doorgaans gek maar om te laten zien wat er mogelijk is met de genoemde software kan ik het niet nalaten.

Software voor de website
Voor het maken van de website kwam ik uit bij KompoZer (voorheen NVU). Wederom een gratis 'open source' programma uit de schappen van Mozilla. Ik startte als volslagen leek op het gebied van websites, HTML, broncodes etc.  Dus niet gehinderd door de kennis van professionele (vaak dure en overdadige) programma's ging ik aan de slag. Kompozer is een 'wysiwyg' programma en werkt ongeveer zoals 'Powerpoint' met dien verstande dat alles wat je typt, knipt en plakt keurig in HTML wordt vertaald. Zonder dat zou het geen webpagina opleveren. Kompozer heeft zeker beperkingen. Het kan niet werken met frames, de elektronische handleiding is nogal sumier en qua bediening zit het tussen Mac en Windows in. Maar het werkt.
Ik wilde natuurlijk dat mijn produkt er netjes uitziet en ging aan de slag met kleuren, achtergronden, lettertypes, pagina-indeling en wat er allemaal nog meer bij komt kijken. Langzaam ontstond er een ontwerp en daarna een beeld van hoe de pagina's en de site er uit gingen zien. Het werd steeds leuker maar overdaad schaadt en dus laveer je over een soort middenweg. 
Om alles netjes en overzichtelijk te houden geef ik de voorkeur om te werken in 'tabellen'. Je kunt er voor kiezen of je de kaders zichtbaar laat en hoe ze er uit zien. Aldus blijft de inhoud mooi op zijn plaats staan en komt bij alle geteste browsers strak over. Testen op verschillende browser is een must. Ze reageren allemaal anders en sommige effecten worden niet correct weergegeven of werken helemaal niet. Ook met lettertypen heb je al snel problemen. Een tip: wil je echt vreemde fonts gebruiken, maak dan in 'word' een tekst met die vreemde letter en met de zelfde achtergrond als je website. Sla het op als 'afbeelding' en plak die afbeelding op de juiste plek in je website.
Het nadeel van een wysiwyg programma is dat de voorkant er wel mooi uitziet maar dat de z.g. achterliggende broncode een rommeltje is vol tegenstrijdige en ruimte innemende codes. Daarom heb ik onlangs een aantal vaste lay-out gegevens in z.g. 'Cascading Stylesheets' (CSS) gezet. Vnl. om die kennis en techniek een enigzins onder de knie te krijgen. In een nog later stadium heb ik me een beetje verdiept in 'Java'. Met Java-scripts zijn er grafische hoogstandjes mogelijk die niet vanzelf in de meeste Webprogramma's zitten. Kompozer heeft de mogelijkheid van 'sitebeheer' Je kunt al je (in mijn geval meer dan 100) pagina's, plaatjes en andere files die samen de website vormen, keurig bijhouden en up-en downloaden naar de webserver  van je provider via het z.g. File Transfer Protocol. Helaas krijg ik dat niet goed voor elkaar. Na veel gepruts werk ik nu met Filezilla (freeware) en dat gaat prima

Enfin het resultaat staat nu op uw scherm. Natuurlijk kan het gelikter en flitsender maar dat doen we een volgende keer.

Ontwerp en beheer
Peter Fiévez, Cloverleaf Studio's, Hoevelaken
pam.fievez@hetnet.nl