Webontwerp

Van idee tot publicatie

Een site bouwen voor het World Wide Web. Daar komt nogal wat bij kijken. Allereerst kan je je afvragen waarom jouw boodschap de wereld over moet worden gestuurd. Wat heb je de mensen te melden? In hoeverre wordt dat al goed verteld door anderen? Wat is de toegevoegde waarde van jouw verhaal voor de argeloze bezoeker?

Zo bepaal je ook wie je publiek is, wie je verwacht dat jouw site zal komen bezoeken. Je bezinnend op de inhoud, content, van je site, krijg je een steeds duidelijker beeld van hoe je welke content wil gaan aanbieden. In je hoofd groeit de structuur van je site, stapje voor stapje.

Parallel daaraan ga je je verdiepen in de techniek. Schrijven voor het internet betekent immers, dat je bestanden samenstelt, die wereldwijd door allerlei computers met allerlei verschillende browsers getoond gaan worden, aan zeer verschillende, individuele bezoekers. Zonder kennis over computersystemen, typen browsers en verschillen tussen mogelijk te gebruiken talen om je broncode te schrijven wordt je site één van de heel veel, die nergens in zal uitblinken. En als die kennis over computersystemen etcetera niet binnen bereik is, is het je realiseren dat er zulke verschillende mogelijkheden zijn waarop een internetpagina kan worden getoond aan de bezoeker, op zijn minst noodzakelijk.

discussiegroep: PretLetters Bekijk de discussiegroep op groups.google.com

Toegankelijkheid van je site en de verschillende pagina's, vindbaarheiddoor opname in de Index van verschillende zoekmachines, beheersing van inhoud en presentatie in verschillende omstandigheden, en natuurlijk aantrekkelijkheid van uiterlijk èn inhoud. Na bezinning op deze aspecten heb je in de kern de site eigenlijk al geschreven. Na deze periode van oriëntatie op wensen en mogelijkheden, begint het grote experiment.

Doel

Dit deel van mijn site omschrijft mijn overwegingen en gemaakte keuzes, zowel op het gebied van inhoud als op het vlak van toegepaste technieken. Als je zelf op het internet wilt publiceren en je wilt daarbij begrijpen wat je doet, dat wil zeggen dat je zelf je pagina's schrijft en geen of weinig gebruik wilt maken van een vermeend WYSIWYG programma (dat niet bestaat, overigens; zie techniek > scheiding inhoud opmaak), bevatten deze pagina's wellicht waardevolle tips en informatie.

Voor wie een handleiding Hoe bouw ik een webpagina? verwacht: ik moet je teleurstellen. Deze pagina's nemen je mee in mijn proces van bouwen, ontdekken en zoeken. Gaandeweg kunt je ideeën opdoen, je eigen afwegingen maken ten aanzien van een paar vraagstukken rond het schrijven voor het web.

Als je deze pagina's doorneemt, denk ik dat je heel wel in staat bent om weloverwogen aan je web-project te beginnen.

In Bronnen en Software verwijs ik je naar de door mij gebruikte informatiebronnen van ondermeer het World Wide Web Consortium (W3C). De daar genoemde pagina's bevatten de technische specificaties bij alles wat ik verder vertel in dit gedeelte van mijn site.
Daarnaast wordt er op de pagina Bronnen en Software een overzichtje gegeven van de (gratis) software die ik gebruik bij het maken en onderhouden van deze site, met daarbij vermeld waar die software te vinden is, natuurlijk.

Content

Wat heb ik te vertellen? Wordt dat al verteld op het internet? Hoe doen die andere publicisten dat? Kan ik dat beter? Heb ik aanvullingen of ligt mijn verhaal in het verlengde van bestaande sites?

Voeg ik echt iets toe aan de miljoenen en nog eens miljoenen bestaande documenten op het internet?

In de pagina over de content van jouw toekomstige site, ondermeer aandacht voor wie je publiek is en wat de relatie tussen de inhoud van de pagina's en de structuur van de site is.

Techniek

Webontwerpwebdesign design internetontwerp internetdesign, het schrijven van pagina's voor publicatie op het internet, dat is razend ingewikkeld. Dat kan niet zonder een goede WYSIWYG-editor.

Toch?!

Nou. Eerlijk gezegd, nee. Dat is niet waar. Webontwerpwebdesign design internetontwerp internetdesign is in al zijn aspecten complex, maar het schrijven van goede, doelgerichte en foutloze HTML-code en style sheetsstylesheets is bij lange na niet zo complex als je zou denken.

In de pagina over techniek bij webontwerpwebdesign design internetontwerp internetdesign wordt enige uitleg gegeven over waar je op moet letten. Er wordt ondermeer ingegaan op HTML en CSS.
Ook komen de voor- en nadelen van scripts en WYSIWYG aan bod.

Hypert Text Markup Language

Helemaal aan het begin van mijn avontuur in webontwerp spiekte ik nogal veel in de broncode van pagina's van anderen (met de rechter muisknop klikken en kiezen voor 'Broncode' of 'View Source'). Ik wist niet goed wat ik zag en was huiverig voor de hoeveelheid vereiste kennis om een webpagina te bouwen zonder daarbij gebruik te maken van een WYSIWYG- editor.

Na enige tijd studeren op HTML ontdekte ik dat je met een handje vol tags al heel snel een goede pagina kan schrijven.

In de pagina over HTML introduceer ik de voor mij tien belangrijkste elementen. Deze kennen en begrijpen is in aanvang voldoende om goede markup te schrijven.

Cascading Style SheetsStylesheets

Een Cascading Style Sheet, CSS, is een gedeelte van je pagina of een apart bestand, dat beschrijft hoe de pagina als geheel en de verschillende elementen daarin opgenomen er moeten uit zien, volgens jou.
Alles wat in de body van de pagina is opgenomen, en natuurlijk ook de body zelf, kan je vormgeven door in je stylesheet eigenschappen, properties, voor de vormgeving op te geven.

CSS gaat dus echt over uiterlijk, lay-out, en niet over de structuur van de pagina. De structuur geef je aan met HTML.

CSS kan je zo complex maken als je zelf wilt, maar de logica is op zich niet heel ingewikkeld. Met CSS kan je een ongelofelijke hoeveelheid, soms stunning effecten bereiken.
Om te beginnen is het beter om je te concentreren op slechts een aantal eigenschappen en die goed te leren gebruiken. Uitbreiding van die kennis kan later dan altijd nog.

Liquid Design

Je kan zo ontzettend slecht voorspellen hoe je pagina's getoond gaan worden. Je kan hoogstens wat suggesties doen voor hoe je wenst dat ze worden getoond. Misschien worden ze niet eens getoond, maar worden ze voorgelezen of vertaald naar een brailleregel. Hoe krijg je het dan ooit voor elkaar dat je pagina's een beetje fatsoenlijk in beeld komen?

Één van de mooiste aspecten van het internet is dat iedereen overal bij kan komen, mits zaken niet zijn beveiligd. Dat betekent dat een pagina, geschreven in HTML, eventueel aangevuld met presentatie-instructies in CSS in èn een grafische browser werkt, èn een tekstbrowser, èn eventueel zelfs in een audio-browser. Dat is prachtig!

Maar dan moet een pagina wel aan een aantal voorwaarden voldoen. Hoe dat in zijn werk gaat wordt toegelicht in de pagina Liquid Design.

De pagina Liquid Design gaat ook in op de tegenhanger van 'liquid', namelijk op printen van documenten. Een geprint document is namelijk helemaal niet 'liquid' en is op verschillende manieren te beïnvloeden, zonder de weergave op het scherm daarbij aan te tasten.

Overwegingen

Publiceren op het internet betekent dat iedereen met een verbinding je site kan bezoeken en zien. Dat is nog al wat! Iedereen!
Er is een aantal zaken waar je dan rekening mee moet gaan houden. Dat is bijvoorbeeld door jezelf de vraag te stellen 'In welke taal ga ik mijn pagina's schrijven?'

En zo is er meer. Welke taal ga ik gebruiken voor mijn bron? Waar moet ik rekening mee houden als het gaat om de omvang van een pagina? En wat is er bekend over verschillen tussen browsers en browserversies? En is het gebruiken van de nieuwste technieken, zoals Flash, of van diensten van anderen, zoals een gastenboek, een zoekmachine of een bezoekersteller, nou wel of niet handig?

Ook kan je je afvragen hoe wenselijk het gebruik van frames is. En wat willen zoekmachines nou eigenlijk van je hebben, zodat ze je pagina's Indexeren en een beetje een redelijke plaats in de overzichten met zoekresultaten geven.

In de pagina met Overwegingen komt dit aan bod. Ik heb ook te maken gehad met dit soort vragen en vraagstukken en heb na een speurtocht naar informatie en een doordachte afweging voor mezelf een aantal van die vragen wel kunnen beantwoorden.