Tijdens het schrijven van de korte cursus "Layout in 8 stappen" heb ik een lijstje aangelegd met handige hulpmiddelen. Deze kun je stuk voor stuk goed gebruiken bij het volgen van de cursus en dus bij het maken van een goede website-layout.

Zo heb ik de komende tijd een gratis beeldbewerkingprogramma, gratis mooie lettertypen, stockfoto's en nog veel meer handige hulpmiddelen op het programma staan.

In dit nummer beginnen we met Colormatch: Een erg handig hulpmiddel waar je een basiskleur kiest en er automatisch bijpassende kleuren worden gegenereerd. Dit zal een goede hulp zijn bij het bepalen van de perfecte kleuren en kleurcombinaties.

http://www.colormatch.dk/

Je ziet 3 vierkantjes die je naar links en naar rechts kunt bewegen om een gewenste kleur te creëren. Onder zie je 6 bijpassende kleuren verschijnen met codes. Deze codes kun je plakken in bijvoorbeeld een grafisch programma als Photoshop of een webprogramma als Frontpage of Dreamweaver.

Als je binnen die bijpassende kleuren een mooiere kleur ziet kun je hierop klikken zodat het programma daar weer 6 bijpassende kleuren bij maakt.

Variaties

Omdat dit zo'n handig hulpmiddel is wordt het wereldwijd door veel webdesigners en programmeurs gebruikt. Vandaar ook dat er zoveel variaties van zijn gemaakt. Zoek in Google maar eens naar "ColorMatch 5k" en je zult talloze sites vinden.

Een aantal goede voorbeelden zijn:

http://colormixers.com/mixers/cmr/
De grootste verschillen zijn dat je al een voorbeeldje van een geschikte lay-out te zien krijgt, inclusief headlines, links en rollover kleuren. Ook kun je hier de RGB codes kopiëren.

http://wellstyled.com/tools/colorscheme2/index-en.html
Deze versie is erg grafisch en heeft een eenvoudige bediening. Er zijn veel standaard instellingen voor een snel resultaat. Je maakt hier gebruik van een kleurencirkel.

Met deze hulpmiddelen wordt het combineren van kleuren natuurlijk wel heel gemakkelijk! ;-)

Tot de volgende keer!

Wij krijgen wel eens vragen van cliënten of we ze kunnen helpen aan bepaalde scripts. Er bestaat een website waarop je bepaalde veel voorkomende scripts automatisch kunt laten genereren. Op deze pagina kun je diverse veelgebruikte javascript/css features maken door simpelweg een formulier in te vullen.

Bijvoorbeeld: Je wilt een dropdownmenu maken waarin je de bezoeker de mogelijkheid geeft om te kiezen uit twee mogelijkheden. Laten we zeggen:

Keuze 1: hostingprovider
Keuze 2: webhebbies

Je vult nu simpelweg het formulier in:

Titel van menu: Diverse sites
Pagina openen in: zelfde pagina
Opties: Hostingprovider, Webhebbies
Url's: http://www.alphamegahosting.com, http://www.leejoo.nl

De code is nu automatisch gegenereerd en is zichtbaar in het resultaatvenster. De code kun je vervolgens selecteren, kopiëren en plakken op de gewenste plaats in de html-code van je website.

Een ander voorbeeld is het maken van een javascript pop-up scherm. Pop-ups zijn vaak gebruikte features op websites, zo ook op de website van Alphamega. Wij gebruiken ze om de betalingsvoorwaarden en de hostingpolicy te laten zien op iedere bestelpagina.

Stel we hebben een pagina popup.html gemaakt die we dus in een pop-up venster willen laten zien na een klik op een link.

We selecteren hiervoor de volgende opties:
Open scherm na: een klik op een link (plaats resultaat in <A>-tag)

De URL van de pagina in het pop-up scherm: http://www.jouwdomein.com/popup.html

De hoogte van het venster (aantal pixels): 480
De breedte van het venster (aantal pixels): 360

Selecteer de gewenste eigenschappen van het scherm: Hier vinken we geen opties aan, d.w.z. dat we een popup krijgen te zien die niet fullscreen is, geen adresbalk heeft, geen menubalk heeft, geen statusbalk heeft, geen knoppenbalk heeft, geen scrollbars heeft en niet vergroot of verkleind kan worden.

Als je nu op "Test" klikt kun je dus het resultaat al bekijken. Mocht het niet naar wens zijn, dan kun je dus gaan spelen met de opties totdat de popup volledig naar wens is.

Normaal gezien ziet een hyperlink er als volgt uit:

<A href="url site">Klik hier</A>

Kopieer nu de code in het tekstvak onder "Resultaat" en plak deze op de plaats van href="url site". De HTML-code ziet er nu als volgt uit:

<A href="javascript:void(0)" onClick="window.open('http://www.jouwdomein.com/popup.html', 'popup', 'height=480,width=360,fullscreen=no,location=no,menubar=no,status=no,
toolbar=no,scrollbars=no,resizable=no')">Klik hier</A>

Deze code kun je nu gebruiken om een pop-up te openen via een tekstlink.

Veel succes!

P.S. Dit artikel is eerder in een minder uitgebreide versie verschenen in Web Succes Magazine nr. 50.

Elektronische postbus waarin emailberichten worden opgeslagen. Een mailbox kan leeggemaakt worden door bijvoorbeeld met Outlook Express je mail op te halen. Je kunt er ook voor kiezen om een kopie van de emails op de server te laten staan voor een bepaalde periode. Dit is vooral handig als je de mail wilt ophalen vanaf verschillende locaties, bijvoorbeeld vanaf je werk en thuis.
Je kunt ook met webmail werken. In dat geval kun je je mailbox vanaf elke locatie ter wereld openen om je email te checken.

Bij een hostingpakket van Alphamega krijg je de mogelijkheid om minimaal 10 mailboxen aan te maken. Heb je aan 1 mailbox genoeg en heb je geen hostingpakket nodig, dan is een domeinnaam met email iets voor jou. Je krijgt dan de beschikking over een eigen domeinnaam met een mailbox van 50 MB. Jouw emailadres wordt dan bijvoorbeeld mail@jouwdomein.com.

Zijn er begrippen waarvan je de betekenis niet weet?
Kijk dan eens in de FAQ van Alphamega.

De registratie van een .com en .net domeinnaam is zeer gemakkelijk. Bovendien kun je deze TLD's wereldwijd registreren. Dit is namelijk niet voor alle domeinnamen mogelijk. Een .com- of .net-domeinnaam kun je gewoon bestellen bij een hostingbedrijf zoals Alphamega. Niet elk hostingbedrijf is aangesloten bij dezelfde domeinnaam-registrar. In tegenstelling tot bijvoorbeeld .nl-domeinnamen die alleen door SIDN geregistreerd worden, kunnen .com- en .net-domeinnamen door meerdere registrars worden geregistreerd.

Het verhuizen van een dergelijke domeinnaam gaat niet volgens dezelfde procedure als van een .nl-domeinnaam. De domeinnaam moet door de huidige provider vrijgegeven zijn/worden en pas dan kan nieuwe provider de verhuizing in gang zetten.

Het is heel erg belangrijk dat je provider op de hoogte is van een actief email-adres waarop je email kunt ontvangen. Er wordt vanuit de nieuwe provider namelijk een email gestuurd als de verhuizing is aangevraagd. In deze email wordt gevraagd of je zou willen verhuizen naar een nieuwe provider. Nu is het zo dat als je niet op het bericht reageert, de domeinnaam wordt verhuisd. Het is dus niet noodzakelijk om te reageren op het bericht, alleen is het wel verstandig als je dus niet wenst te verhuizen. Nu is het zo dat de providers van domeinnamen je in de mogelijkheid stellen om de domeinnaam te locken (blokkeren), zodat die niet zomaar verhuisd worden. Alphamega heeft ook alle domeinnamen gelockt, behalve de .be- en .nl-domeinnamen omdat die op een andere manier verwerkt worden.

Wil je een losse domeinnaam registreren, klik dan hier.

Volgende keer komt er weer een ander TLD aan de beurt.