Woensdag 13 April 2005 11:08 Laatste aanpassing (Zaterdag 11 Oktober 2008 21:28)
Webdesign
Ik heb gemerkt dat het voor een leek op het gebied van websites bepaald niet eenvoudig is om een beetje inzicht te krijgen in wat er zoal te koop is, waar je op moet letten en wat je nodig hebt.
Je hebt verschillende soorten websites. Zodra je je erin verdiept, kom je de volgende termen tegen: html website,statisch website, dynamische website,database gestuurde website (oftewel "database-driven"), Content Management System,flash website.
Een statische website is een website in zijn meest oorspronkelijke vorm. Een zeker aantal pagina's met html en plaatjes. Als je de inhoud aan wilt passen, moet je in de html duiken. Dat kun je zelf doen, via speciale programma's en vervolgens zul je de bijgewerkte pagina moeten FTP-en. Als je niet weet wat dat is, en je wilt het ook niet weten, dan bel je je web designer en doet hij of zij het voor je. Als je het leuk vindt om een beetje te knutselen, en je vindt het niet erg dat het 3 keer zo lang duurt als je gedacht had (althans, dat is mijn ervaring), dan doe je het misschien liever zelf.
Toen kwamen dedynamische websites. Deze worden met enige regelmaat bijgewerkt en uitgebreid met nieuwe inhoud ('content'). Dat kan omdat het zo makkelijk gaat: via een Content Management Systeem, dat de leek in staat stelt via een tekst editor gelijkend op MS Word zijn eigen website bij te houden. De content wordt opgeslagen in een database (in plaats van in html bestanden), vandaar het begrip database gestuurd. (Bekijk eventueel een klein filmpje waarin ik je laat zien hoe ik een spelfout aanpas en een plaatje invoeg )
Dan komen we aan bij Flash. Als een site veel vloeiende beweging vertoont, veel geluid bevat, en als je op willekeurige plekken op de website klikt met de rechtermuistoets en je ziet steeds een menu-tje in de trant van Zoom In, Play, Rewind, Loop, etc , dan is deze site waarschijnlijk geheel in Flash gebouwd. Sites kunnen volledig in Flash gebouwd zijn, maar ook gedeeltelijk. Het genoemde menu-tje doemt op als je met je muis op een gedeelte bent dat met flash is gemaakt.
Elk techniek heeft zijn voor- en nadelen. Ik zal hier in het kort proberen te verwoorden hoe ik het zie.
Voordelen van een statische website:
Nadelen van een statische website:
Voordelen van een dynamische website, dus een website met een content management systeem:
Nadelen van een dynamische website:
Voordelen en nadelen van een Flash site: eigenlijk geldt hiervoor hetzelfde als voor een statische site, met dien verstande dat het moeilijker is om een site in Flash te bouwen.
Websites kenmerken zich (in tegenstelling tot drukwerk) door het feit dat ze veranderbaar / veranderlijk zijn. Je kunt via een website continu precies dat laten zien wat je wilt laten zien. Dat gaat echter wat lastiger als je niet zo technisch bent en je hebt een statische website. Met een CMS wordt het een stuk makkelijker, zeker als de website begint te groeien en het aantal pagina's toeneemt.
Als je geïnteresseerd bent in een goeie notering in Google, helpt een CMS je ook want het gemak waarmee je een artikel toevoegt, maakt waarschijnlijk dat je meer schrijft. En veel schrijven is de grootste factor in het zorgdragen voor een goede positie in Google.
In het nu komende gedeelte zal ik proberen uit te leggen wat eenCMS ongeveer is.
CMS staat voor Content Management System. Hiermee kun je als niet al te technisch persoon eenvoudig je eigen website inrichten en uitbreiden.
In de afbeelding hieronder zie je het hele idee weergegeven: je kunt gewoon via je eigen website een soort MS-Word tekstverwerker opstarten via een wachtwoord, vervolgens je teksten en plaatjes aanpassen of invoegen en op SAVE klikken. Klaar = Kees.
Als je redelijk handig met een computer bent, kun je ook met een CMS omgaan. Je hoeft niets speciaals te installeren, en er wordt niets op je computer opgeslagen. Als je computer crasht, kun je gewoon verder op een andere. Je kunt het vanaf meerdere computers met meerdere mensen doen.
Je hebt ik-weet-niet-hoeveel soorten CMS. Commerciële en Open Source. De een beter dan de ander. Elk met zijn eigen technieken. Omdat je maar een keer leeft, zul je moeten kiezen en ik koos voor"Joomla!"
Hieronder vind je meer informatie over het Joomla!Content Management Systeem dat ik gebruik en waarin ik me gespecialiseerd heb.
De officiele site (www.joomla.org) zegt er het volgende over:The name Joomla is a phonetic spelling for the Swahili word "Jumla", which means "all together" or "as a whole".
Wie redelijk handig is met een computer en Windows of Apple *), kan een Joomla!-website onderhouden. Benodigdheden: een computer met Internet Explorer (of iets dergelijks), internet toegang en je eigen wachtwoord.
*)technische noot: Als je op een Apple werkt, installeer dan wel de Firefox browser, want de andere browsers doen het niet fijn met de WYSIWYG editors.
Joomla! wordt in Nederland en wereldwijd door een grote groep gebruikers en specialisten ondersteund en groeit nog steeds. Er is dus altijd wel iemand te vinden die ondersteuning kan bieden bij evt problemen of vragen. Joomla! is overigens open source.
Joomla! is een open systeem dat door vele programmeurs wereldwijd nog steeds verder ontwikkeld wordt en dat geïnstalleerd kan worden bij de meeste hosting providers. Je bent dus niet gebonden aan een bepaalde provider, al zijn sommige beter toegerust dan andere.
Lees meer over Joomla! op www.joomla.org
En dan nu terug naar meer algemene zaken
Vraag: Als je Internet Explorer opstart en je kijkt naar je monitor, wat zie je dan?
Antwoord: een of andere website die je als startpagina hebt ingesteld en daarboven, rechts, of onder allerlei knoppen (zoals de BACK-knop), zoekvensters, toolbars etc, links misschien de 'Geschiedenis' (of 'History' als je een engelse versie hebt).
Een paar feiten:
- Waar het één is, kan het andere niet zijn, oftwel waar knoppen zijn, is geen ruimte voor de webpagina;
- Hoeveel knoppen en toestanden er zijn hangt er van af wat de individuele computeraar heeft aangezet of geïnstalleerd.
Het gevolg is dat dus van te voren niet duidelijk is hoeveel ruimte er overblijft voor de website. (En dan hebben we het nog niet eens over dingen als 'schermresolutie').
Terwijl je bij drukwerk van te voren precies weet wat de afmetingen zijn waarbinnen je je boodschap kunt brengen, is dat bij een computer-monitor maar afwachten.
Hoe ga je hier mee om als je een website wilt laten maken, en hoe ga je hiermee om als webdesigner?
Ik zie een aantal mogelijke wegen:
Weg 1: Je gaat van het kleinst mogelijke stukje scherm uit dat iedereen wel altijd beschikbaar zal hebben en daar bouw je je website binnen.
Als webdesigner krijg je dan op een zeker moment een telefoontje of mailtje waarin de klant zegt dat ze de website op een ander scherm zagen, en dat het rechthoekje wel heel klein was. Bedenk dan dat het ene scherm wel twee keer zo veel ruimte kan bieden als een ander scherm. Dat is een heel groot verschil.
Weg 2: je geeft de strijd bij voorbaat op en je accepteert dat het internet per definitie een ander medium is dan drukwerk Je accepteert dat je informatie toch wel van het scherm loopt en dat je een scrollbalk zult zien. Veel sites hebben dat, waarschijnlijk zonder dat je het door hebt. Bekijk www.volkskrant.nl maar eens.
Als webdesigner krijg je dan op een gegeven moment te horen dat een stukje tekst, of een plaatje op dat en dat scherm niet in beeld was.
Weg 3: het maakt je helemaal niets uit en je vindt het in orde als er bij sommige bezoekers van de je website tekst van het scherm afvalt waar ze niet bij kunnen, of dat er zowel horizontaal als vertikaal scrollbalken opdoemen. Moeten ze maar hun computer anders instellen of een andere computer kopen.
Als je geen keuze maakt, dan maak ik een eigen keuze (uit weg 1 of weg 2).
Het is mogelijk om een site geheel in Flash te bouwen. Dit doe ik niet. Ik maak wel gebruik van Flash elementen die ik opneem in het geheel.
Ik maak GEEN gebruik van Frames. Als je wilt weten waarom, lees dan: Over het gebruik van frames
In de praktijk betekent dit onder andere dat het maken van een footer die onderin steeds in beeld blijft, of een menu dat steeds in beeld blijft, lastiger is. Niet onmogelijk.
Enkele opmerking aangaande beveiliging van een website:
De laatste tijd is er een ware hausse aan gehackte sites geweest. Naast de voordelen van een Content Management Syteem is het nadeel dat er een groter beveiligingsrisico oftewel 'security risk' is. Er zal meer inspanning vereist zijn om de site veilig te houden.
Er verschijnen met enige regelmaat updates voor Joomla. Sommige daarvan zijn beveiligings-updates (ook wel security patches geheten) voor Joomla!. Het wordt sterk aangeraden om deze patches te installeren. Met de overdracht van de website wordt ook de verantwoordelijk hiervoor aan de klant overgedragen. Hier kunnen eventueel afspraken over gemaakt worden.
Er is een groot aantal extensies voorJoomla! beschikbaar (webwinkels, gasteboeken, forums, etc etc etc). Vaak zijn het deze extensies die verantwoordelijk zijn voor beveiligingslekken, en niet Joomla! zelf.
Het installeren van extensies kan een extra beheerinspanning met zich meebrengen, zeker in verband met het installeren van beveiligings-updates. Werkt een extensie na een update nog? Is daar ergens iets over te vinden? Wel of toch maar niet updaten. Wanneer komt de update voor de extensie beschikbaar? Hoeveel tijd kost het om die update te installeren? Brengt die update bugs met zich mee? Het hoeft niet maar het kan wel.
Ik installeer altijd de recentste Joomla!-versie, en ik neem maatregelen die ervoor zorgen dat de site zo veilig mogelijk is.
Een website met Content Management System (CMS) heeft een goed back up systeem nodig, al was het alleen al vanwege de mogelijkheid dat een website gehackt wordt.
Het maken van een reguliere back-up valt onder de verantwoordelijkheid van de klant zelf.
Een website met CMS bestaat uit twee onderdelen: de database en de files.
De tekst (met bijbehorende links onder andere naar afbeeldingen en documenten etc.) wordt opgeslagen in de database. De afbeeldingen en documenten zelf worden niet opgeslagen in de database. In de meeste gevallen is het mogelijk om een geautomatiseerd back-up-systeem van de database te installeren. De database-back-up wordt dan elke avond naar het gewenste e-mail adres gestuurd en is ongeveer 1MB groot. Dit is een van de simpelste manieren om de continuiteit van een CMS website te garanderen.
Ik raad verder aan om alle dokumenten en plaatjes die je op je website zet, ook op je (een) lokale computer te bewaren. Als je op de website een mapjes structuur aanmaakt, doe dat dan ook op je lokale computer op dezelfde manier. Als je vanaf verschillende computers werkt, probeer dan af en toe via ftp een download te maken van de images/stories directory op de server.
Het is niet aan te raden om op de web hosting provider te vertrouwen wanneer het op back-ups aankomt; niet elke provider maakt back-ups die voor de klant bedoeld zijn.
Sommige bedrijven bieden zowel webdesign als webhosting. Ik niet, ik doe alleen aan webdesign. Ik werk steeds nauwer samen met Byte (www.byte.nl), een webhosting bedrijf.
Byte is gespecialiseerd in Joomla, is niet duur, doet goed aan beveiliging en is communicatief ingesteld. Mijn sterke voorkeur gaat er naar uit om hier de Joomla! website onder te brengen, maar andere hosting is natuurlijk, mits aan de technische voorwaarden voldaan wordt, ook mogelijk.
Als je al web hosting geregeld hebt en je wilt weten ofJoomla! geïnstalleerd kan worden, dan kun je aan het web hosting bedrijf vragen of ze aan de volgende criteria voldoen (zie eventueel http://help.joomla.org/content/view/34/132/):
De minimale eisen die aan de web hosting gesteld worden om Joomla 1.0 te kunnen draaien zijn:
De Joomla administrator kan gebruikt worden met de meeste veelgebruikte browsers, zoals Internet Explorer (versie 5.5+) Netscape, en Mozilla (FireFox).
Op Apple werkt het met de FireFox browser.
Een e-mail adres is vaak gekoppeld aan een ADSL-abonnement of aan een domein-naam.
Als je bijvoorbeeld een adsl aansluiting hebt bij xs4all, heb je waarschijnlijk een e-mail adres in de vorm van jouw-naam@xs4all.nl.
Als je een e-mail adres hebt gekregen bij je domein-naam, dan heb je aan het eind je eigen domein-naam staan. Bij mij is dit dus@dwarshuis.com. Vaak heb je dan de mogelijkheid om zelf het voorvoegsel te kiezen. Ik heb gekozen voorkor@dwarshuis.com. Maar info@dwarshuis.comgaat ook. Of sales-nederland@dwarshuis.com, als ik last van grootheidswaanzin zou hebben.
Als je een website neemt, een andere domeinnaam neemt, of van webhosting provider wisselt (omdat je bijvoorbeeld een website met een CMS wilt), en je huidige web hosting provider kan de techniek hier niet voor verzorgen, zul je je ook moeten afvragen wat dit betekent voor de e-mail afhandeling van je bedrijf of van jezelf.
Vraag jezelf de volgende dingen af:
Als dit allemaal niet al te goed geregeld is, is het misschien een idee om een keer iemand in te huren die een en ander op orde brengt, en documenteert (voor de duidelijkheid: dit is niet mijn business).
Een en ander is bedoeld om te voorkomen dat je helemaal blij bent met je gloednieuwe website, maar dat de vreugde vervolgens getemperd wordt door het feit dat je ineens na een dag ontdekt dat er geen mail meer binnenkomt.
(Misschien is het dan ook een goed idee dat deze persoon direct even het back-uppen van al het computergebeuren meepakt. Het is maar een suggestie).
Ik bouw met behulp van CSS-positioning. Dit heeft veel voordelen. Voor de zekerheid noem ik toch maar even het volgende: het betekent echter ook dat de website niet toonbaar is in Netscape 4 en Internet Explorer 4 en lager. Het percentage gebruikers van deze browsers is behoorlijk lager dan 1% en kan naar mijn mening inmiddels verwaarloosd worden. Ik test het ontwerp op verschillende besturingssystemen en browsers onder ander via www.browsercam.com.
Ik bouw in principe, tenzij anders gewenst, mijn websites inmiddels voor een minimale resolutie van 1024 x 768 pixels. Dit betekent dat zo'n website niet volledig in beeld verschijnt bij de resolutie 600 x 800 pixels. Ongeveer 15% van de gebruikers bekijkt zijn sites nog op deze resolutie en dit aantal is snel afnemende.
Als je wilt, kan ik bouwen voor 600 x 800 pixels bouwen, geen enkel probleem en niet meer werk.
De volgende zaken handel ik niet af, of liggen buiten mijn invloedssfeer: