Webdesign & websitepromotie

Webdesign en websitepromotie van a tot z.

HTML | CSS
DOM | Javascript
CMS | PHP/MySQL
CGI | Webdesign Tools
Interessant
Websitepromotie
Voordat je met webdesign begint

Zie ook de rubrieken: internet | plugins | zoekdiensten

HTML

Handleiding html webdesign
Webdesign begint met html. Html wordt hier helder en uitvoerig uitgelegd. Uitstekende site!!!

CSS

Mijnhomepage.nl - css
In acht lessen leer je hier de beginselen van Cascading Style Sheets -de moderne manier van webdesign.

Naarvoren.nl
Uitklapmenu’s zijn erg gewild, vooral omdat ze veel informatie op een compacte manier toegankelijk maken. Maar veel van deze menu’s zijn technisch achterhaald. De hier besproken variant toont echter overduidelijk aan dat een (on)geordende lijst met CSS in staat is het klusje te klaren met een minimum aan code.

Sjaak Priester - webmenu
Op deze site vindt je een eenvoudige oplossing voor een cross-browser pop-up menu, gebaseerd op css.

Listamatic
Een hele reeks css-menu's voor het uitkiezen.

DOM

[quirks){mode]
QuirksMode.org is de site van Peter-Paul Koch. Je vindt er er een goede basis-uitleg over het W3C DOM (document object model). De site bevat ruim 150 pagina's met css- en JavaScript-tips. En handige overzichten met betrekking tot de verschillen tussen browsers.

World Wide Web Consortium (W3C)
Ze houden de vinger aan de pols waar het gaat om browsers en browserstandaarden. Iedere webdesigner moet deze site regelmatig bezoeken!

Javascript

Mijnhomepage - javascript
In deze tutorial leer je de beginselen van JavaScript. Met de kennis van deze beginselen kun je al snel allerlei JavaScripts aanpassen en je eigen scripts maken.

PC aktief
Een webdesign-cursus, bedoeld voor de redelijk ervaren webdesigner, zonder kennis van programmeren, die de mogelijkheden van een website verder wil uitbreiden.

JavaScript Source
Meer dan 2000 'knip-en-plak' javascripts die je voor je site kunt gebruiken. Je vindt er scripts voor: klokken, achtergrond-effecten, formulieren, navigatie, spelletjes, kalenders, generators en nog veel meer!

Content Management Systems

Opensource CMS
Voor uitgebreidere websites en sites met regelmatige updates zul je qua updates en onderhoud al snel bij een CMS (Content Management Systeem) terecht komen. Nu zijn er zoveel CMS'en, van enorm duur tot... gratis: open source dus. Dan nog zijn er vele smaken, hoewel ze gemeen hebben dat ze PHP en MySQL gebruiken. Maar welke geschikt is voor jouw site kan alleen de praktijk uitwijzen. Dat is in ieder geval het uitgangspunt van opensourceCMS, een site die je de mogelijkheid geeft tientallen CMS'en in verschillende categorieën te testen door je volledige admin-rechten te geven. Je kunt dan naar hartelust testen en de resultaten (ongeveer een uur lang) bekijken.

Contribute
Contribute is zeer eenvoudige en gebruiksvriendelijk software van Macromedia voor het aanpassen van (bestaande) sites. Uw webdesigner maakt uw site, met Contribute onderhoudt u hem vervolgens zelf.

PHP

PHP is een scriptingtaal waarmee je webpagina's dynamische content kunt geven. Dit houdt in dat op basis van bepaalde voorwaarden en/of gegevens die de paginabezoeker invoert, de uiteindelijke inhoud en of werking van de betreffende pagina aangepast wordt. Met PHP kun je bijvoorbeeld:

lezen van invoer uit formulieren.
programma's schrijven.
databases benaderen (in MySQL).
sessie-gegevens bijhouden.
webpagina's genereren (dynamische content).
een forum aan de website toevogen.
een content management systeem maken.

PHP scripts worden door de webserver uitgevoerd voordat de output naar de gebruiker wordt gestuurd. De code wordt opgenomen in de HTML file, in tegenstelling tot bijvoorbeeld scripts geschreven in Perl.

http://www.php.net
Een van de belangrijkste pagina's over PHP.

http://www.phpfreakz.nl/
Nederlandse PHP-site met forum.

http://www.phpbuilder.com
Onder andere user forum en support.

http://www.hotscripts.com
(Overwegend) gratis te downloaden PHP scripts.

MySQL

MYSQL is een veel gebruikte database. Deze kan aangeroepen worden door php scripts. De bedoeling van een database is dat je gegevens erin kunt opslaan. Via php scripts kun je informatie uit je database opvragen, je kunt informatie invoegen, verwijderen en wijzigen. Een MySQL database zit meestal niet standaard bij je webruimte. de ruimte die je bijvoorbeeld bij chello, planet ofzo hebt, daar zal geen MYSQL database bij zitten. Bij een betaalde host met php ondersteuning meestal wel, maar niet altijd, vraag dit even na aan je host. Je kunt niet rechtstreeks bij je database komen, hiervoor heb je een tool nodig. De meest gebruikte tool hiervoor is php myadmin.

http://www.mysql.com
Informatie over de database MySQL

CGI

Een Common Gateway Interface of CGI is een belangrijke technologie die het mogelijk maakt om in de browser dynamisch gegevens op te vragen van de webserver. CGI is een standaard voor data overdracht tussen de cliënt en het programma. Gegevens uit de querystring worden door de webserver als omgevingsvariablen doorgegeven aan het aangeroepen CGI-programma, en deze worden door het programma gebruikt als parameters. Het programma stuurt het resultaat van de bewerking terug naar de webserver, en de webserver stuurt het terug naar de browser. CGI-programma's worden door de webserver anders behandeld dan statische HTML pagina 's. Daarom hebben CGI-programma's speciale rechten (uitvoerbaar) nodig. Vaak worden dergelijke programma's bij elkaar in een directory gezet. Een veelgebruikte naam voor zo'n directory is "cgi-bin". Voor CGI-programma's kan een scripttaal worden gebruikt, maar ook een gecompileerd programma. Het is zelfs mogelijk om onder Windows, een DOS batch-file als CGI-programma te laten functioneren. Scripttalen die veel voor CGI worden gebruikt zijn Perl, Python en Ruby. Bij CGI wordt elke keer als een CGI-programma wordt opgevraagd, een nieuw proces gestart. Dat kan capaciteitsproblemen geven bij een te groot aantal requests. Later ontwikkelde technologieën als PHP, ASP en Cold Fusion ondervangen dit probleem. Bij deze technologieën lopen de scripts in-proces in de webserver. In de veelgebruikte Apache webserver is het inmiddels ook mogelijk om CGI-programma's in-proces te laten lopen, door het installeren van de mod perl module. De webserver is daardoor in staat om zelf perl-scripts te interpreteren en hoeft geen externe perl-interpreter aan te roepen.

The Common Gateway Interface
Alles over cgi.

http://www.cgi-index.com/
Hier zijn honderden cgi-scripts te downloaden.

Webdesign software

Adobe GoLive
Zeer professionele webdesign software, vooral geliefd bij
Mac-webdesigners.

Audacity gratis
De geheel gratis geluidsbewerker Audacity is een perfect programma voor de audiofreak. Het is doodeenvoudig om geluid te importeren (in WAV, MP3, AIFF en OGG-formaat), om vervolgens de geluiden te bewerken met filters en het klassieke knippen en plakken. Prettig hierbij is dat Audacity ook zogenaamde VST-plugin effecten ondersteunt, vaak terug te vinden in zowel professionele als gratis programma.

Cool Ruler gratis
Cool Ruler plaatst een meetlatje op jouw scherm waarmee je afstanden kunt meten in o.a. pixels. Handig bij het ontwerpen van jouw website.

dbpoweramp gratis
Wie fraaie muziek op het web wil zetten kan niet zonder dBpowerAMP Music Convertor. Deze gratis software bestaat uit twee modules: Met de eerste module is het mogelijk snel muziekcd's te rippen, met de tweede module zet je allerlei geluidsformaten om in bijvoorbeeld mp3 of wav. Het sterke punt aan dBpowerAMP is dat extra codec's toegang geven tot een codeermachine voor zowat elk muziekformaat, variërend van Ogg Vorbis tot MP4.

Dreamweaver
Professionele webdesign software van Macromedia.

Serif Software gratis
Hier vind je webdesign en grafische software. De software wordt gratis aangeboden in de hoop dat je later overstapt op de commerciële software van Serif.

Jazz++ gratis
Een midi-sequencer met audio mogelijkheden.

SmartFTP gratis
Ftp - software is nodig om je website op het web te zetten. SmartFTP is een degelijk programma met veel nuttige functies. Er is een Nederlandstalige versie met bovendien een on-line Nederlandstalige handleiding. SmartFTP is gratis voor niet-commercieel gebruik. Een licentie voor commercieel gebruik kost 29.95 US$, je mag het 30 dagen gratis uitproberen.

Tucows.nl
Heel veel gratis software, ook voor webdesign!

Interessant

Bandbreedte
Op deze pagina van Apporte wordt uitgelegd wat bandbreedte is en kun je uitrekenen wanneer jouw bandbreedtelimiet wordt overschreden.

Dataverkeer
Op deze pagina van Apporte wordt uitgelegd wat dataverkeer is en kun je uitrekenen bij hoeveel bezoekers jouw dataverkeerslimiet wordt overschreden.

Hebbedingetje voor jouw eigen Site: webradio

Toonkiezer
Dit is een gimmick van Apporte. Als je over een geschikte telefoon en een computer met geluidskaart beschikt kan je met één druk op de knop een nummer kiezen zonder zelf het nummer in te toetsen.

iCapture
Kijk door de ogen van Safari, de Mac-browser. iCapture is een gratis service voor de webdesigner om te zien hoe een website er uitziet in Safari. (97% van de internetters gebruikt een pc, 3% een Mac)

w3schools
Dit is een (Engelstalige) site waar zowat alles uitgelegd wordt op het gebied van webdesign.

Zo werkt internet
Je gebruikt het internet misschien wel al jaren. Maar hoe werkt dat nou precies? Dat wordt hier uitgelegd. Niet alles tegelijk, maar wel die dingen waar je dagelijks mee werkt.

Zoekmachine van Atomz
Voor een professionele zoekmachine op jouw site moet je beslist eens bij Atomz kijken. Apporte heeft hem zelf getest en is er razend enthousiast over.

Gratis:

Website optimalisatie en websitepromotie tips
Om zo hoog mogelijk in de zoekresultaten te komen moet een website geoptimaliseerd worden voor de zoektermen (sleutelwoorden) waarmee naar informatie gezocht wordt. Apporte geeft op deze pagina een opsomming van tips op het gebied van website optimalisatie en websitepromotie.

Voordat je met webdesign begint:

useit.com
Naast de vormgeving en de kwaliteit van de inhoud is gebruiksvriendelijkheid van een website van groot belang voor het succes. Gebruiksvriendelijkheid bepaalt mede hoe lang bezoekers op een site blijven en hoe vaak ze terugkomen. Een bezoek aan deze site van usability-guru Jakob Nielsen is een 'must' voor elke webdesigner.

internetworldstats.com
Een internationale website met informatie over het internetgebruik van meer dan 233 landen.

Startkabel statistieken
(klik op het statistieken-icoon onderaan de pagina)

Om de gebruiksvriendelijkheid van je site te kunnen waarborgen moet je als webdesigner onder andere weten welke operating systems, schermresoluties en browsers er het meest gebruikt worden. Bestaat je doelgroep uit een breed publiek dan krijg je bruikbare informatie van de statistieken van startkabel.nl (doelgroep is: iedereen). Is je doelgroep specifiek dan zijn deze cijfers minder betrouwbaar. Bijvoorbeeld: De grafische industrie (drukkerijen, reclamebureau's, webdesigners) maakt veel gebruik van Apple computers met grote beeldschermen en hoge schermresoluties. In deze industrie gebruikt men ook veel vaker Safari of FireFox als browser. Het zelfde geldt voor de muziek-industrie. De statistieken van w3schools zijn in dit geval stukken betrouwbaarder. Want deze site wordt vaak bezocht door webdesigners.

Schermresolutie:
Op 1 juli 2005 wordt door 81% van de surfers een schermresolutie gebruikt van 1024x768 of meer, 19% gebruikt een schermresolutie van 800x640 of minder (640x480 komt vrijwel niet meer voor). De ruimte voor een browservenster wordt bovendien steeds vaker verkleind door toolbars (Google, Microsoft office). Houd hier rekening mee bij het ontwerp!

Belangrijk!
Geduld is een schonezaak, maar kennelijk niet voor websurfers. Een wachttijd van 10 seconden is het absolute maximum, 3 tot 7 seconden is aanvaardbaar. Gebruiksvriendelijkheid wordt dus ook bepaald door de snelheid van een site. Houd er daarom rekening mee dat nog lang niet iedereen een snelle breedband-internetverbinding heeft.
Indien je niet 52 tot 81% van je bezoekers wilt verliezen door traagheid van jouw site, zorg je voor snelle webpagina's. Van grote afbeeldingen en multimedia-fun moet je dan afzien.
Zie ook verwarring 1 en 2:

Verwarring:
1 Breedbandpenetratie volgens de EU:
In januari 2005 ligt de gemiddelde breedbandpenetratie in de 25 EU-landen op 9 procent. Zonder de tien nieuwe EU-lidstaten is het Europees gemiddelde 10 procent. De Europese Commissie heeft voor het onderzoek alle internetverbindingen sneller dan 144 Kbps als breedband meegeteld. Echter de meeste breedbandaansluitingen beginnen met snelheden vanaf 512 Kbps. Nederland kent in januari 2005 een breedband-penetratie van 19% en is daarmee Europees koploper.

2 Breedbandpenetratie volgens coax.nl:
Tijdens kwartaal-1 2005 groeide de Nederlandse breedbandmarkt met 287.500 (9,1 procent) naar 3,45 miljoen. De breedbandpenetratie per huishouden nam toe van 32,3 procent op 31 maart 2004 naar 48,4 procent een jaar later.

Browser-overeenkomsten, -verschillen en -mogelijkheden.
In verband met gebruiksvriendelijkheid moet een webdesigner ook rekening houden met de verschillende weergaves van je site door de diverse browsers. Een fraai en redelijk compleet overzicht van die verschillen en mogelijkheden vind je op QuirksMode.