Hoe een niet-www url te redirecten naar een www URL op een Apache server!

Het probleem is dat zoekmachines www.webmasterx.be en webmasterx.be zien als twee verschillende website.  Het spijtige resultaat is dat de waarde voor de zoekmachines ook wordt gesplitst tussen deze twee url’s. 

Daarom is het beter alle www url’s door te sturen naar een niet-www url of omgekeerd.  Om dit netjes te doen kan men een 301 redirect gebruiken met .htaccess.  Dit is een bestandje dat in de root folder van je webserver staat of moet gezet worden en waar men de server verteld wat hij moet doen wanneer een url wordt aangevraagd.

  1. Wees zeker dat je server de  Apache Rewrite Module “on” heeft staan.   Meestal zal dit het geval zijn.  Zoniet moet je het zinnetje

LoadModule rewrite_module modules/mod_rewrite.so

uit commentaar plaatsen in de httpd.conf file op je webserver.

  1. Download de .htaccess file in de root van je webserver.  Als hij niet bestaat open je een nieuw notepad documentje wat je opslaat als .htaccess
  2. open het bestandje in notepad en voeg het volgende stukje code toe.


    RewriteEngine On
    RewriteCond %{HTTP_HOST} ^voorbeeld.be
    RewriteRule (.*) <a href="http://www.voorbeeld.be/$1">http://www.voorbeeld.be/$1</a> [R=301,L]

  3. Verander de “voordbeeld.be” door de URL van je eigen website en upload het bestandje naar je webserver.
  4. Om zeker te zijn dat het heeft gewerkt check deze header checker.

mc

Geschreven door Michel Claessen op mei 11th, 2008 met no comments.
Lees meer artikels over SEO.

Simpele tool voor zoekmachine optimalisatie

Ik geef je bij deze nog een simpele tool mee dat je meerdere zoekmachine optimalisatie ideetjes kan geven Web Site Grader.

 Een klein slim web 2.0 tooltje dat je in de juiste richting duwt naar betere rankings!

Geschreven door Michel Claessen op februari 10th, 2008 met no comments.
Lees meer artikels over SEO.

XAMPP, Skype en poort 80

Al enige tijd gebruik ik XAMPP als ontwikkelomgeving voor mijn Apache, PHP, MySql applicaties. 

Spijtig genoeg wilde apache de eerste keer niet starten.  Na enig onderzoek blijkt dat zowel Apache als Skype beide luisteren naar poort 80.  Gelukkig is er in Skype een optie om deze poort niet te gebruiken. 

In het hoofdmenu van skype ga je in “Tools”, daar neem je “Options” en in options neem je “Connection”, hier zie je dat er een vinkje staat voor “Use port 80 and 443 as alternatives for incoming connections”, vink dit uit en zie dat poort 443 is ingevuld in het zinnetje “Use port …. for incoming connections”.

Voor diegenen die een Nederlandstalige skype hebben, ga in extra, instellingen, geavanceerd, verbinding en vink daar het zinnetje uit wat poort 80 vermeld.

 Sluit en start skype terug op en je zal zien dat alles prima werkt. MC

Geschreven door Michel Claessen op februari 1st, 2008 met no comments.
Lees meer artikels over PHP.

“Alignment” in Photoshop

Dit artikel zal je leren een object horizontaal of verticaal te centreren op de canvas van Photoshop CS3 maar ook links en rechts aligneren is mogelijk.

De eerste tool die we gaan gebruiken hiervoor is de marquee tool (selectie gereedschap) uit ons tool panel.  Meestal selecteer ik dan de volledige canvas door ctrl-a te gebruiken maar je kan ook kleinere stukken selecteren.  Het object dat je wil aligneren valt binnen de selectie dat je aangeeft.

Nu nemen we boven in het menu de keuze Layer en in Layer selecteren we Align layers to selection.  Om bijvoorbeeld horizontaal te centreren nemen we dan horizontal centers en voor verticaal vertical centers (-:.  Ook links, rechts, boven en onder zijn mogelijk.

 Het kan nog makkelijker!  Met de layer(s) die we willen aligneren actief en het selectiegereedschap  gebruiken we ctrl + a (heel de canvas selecteren) .  Hierna nemen we de move tool (zwarte pijltje bovenaan). 
Nu verschijnen bovenaan in de balk alle mogelijke knoppen om de layer of layers te aligneren ten opzichte van de canvas.

Meerdere layers aligneren. 

In het layers panel kan je met de alt knop meerdere layers tegelijk aanduiden.  Als je nu de align buttons gebruikt worden de layers ten opzichte van elkaar uitgelijnd. MC

Geschreven door Michel Claessen op januari 28th, 2008 met no comments.
Lees meer artikels over Photoshop.

Pagina horizontaal centreren door middel van css

Automargins in css
De truc is om rond de inhoudsblokken (div’s) nog een extra blok te doen.  Deze wordt meestal #wrapper of #container genoemd.

Sommigen zullen tuttut zeggen omdat deze container geen semantische waarde heeft.  Maar de container geeft een handig middeltje om de breedte van de inhoud erin te controleren.  Door het zetten van links en rechtse “auto” margins kunnen we onze pagina centreren.


#wrapper {
 width: 900px;
  background-color: #FFFFFF;
 margin: 0 auto;      --------> de auto wordt toegepast op de l en r margin
}

De regel “margin: 0 auto” zet de boven en de onderkant op een margin van 0 en de linker en rechterkant op auto waardoor alle inhoud horizontaal gecentreerd wordt.

 Een kleine kanttekening misschien, internet explorer 5,X ondersteunt geen automargins niet. Dit is op te lossen door “text-align: center;” toe te passen in het body element.  Natuurlijk wordt al de tekst dan ook gecentreerd maar dit lossen we dan weer op door “text-align: left;” toe te passen op onze container div. MC

Geschreven door Michel Claessen op januari 5th, 2008 met no comments.
Lees meer artikels over CSS.

Verschil tussen enkele haakjes en dubbele haakjes in php

Verschil tussen single quotes en double quotes in php 

Het cruciale verschil tussen deze twee is dat een string (variabele) die tussen dubbele haken staat geparsed wordt door php.  Dit wil dus zeggen dat de variabele wordt uitgepakt.

echo $var;     // Hier wordt de waarde van de variabele weergegeven
echo '$var';   // Hier wordt het woord $var weergegeven
echo "$var"  // Hier wordt de waarde van de variabele weergegeven

Dit betekent dat opbouwende strings (concatenating strings) ook in twee manieren gevormd kunnen worden.

$var = 'Ipsum';
echo 'Lorem' . $var; // Geeft Lorem Ipsum
echo "Lorem $var"; // Geeft ook Lorem Ipsum

(more…)

Geschreven door Michel Claessen op december 19th, 2007 met no comments.
Lees meer artikels over PHP.

Formuliervalidatie in Javascript

Javascript voor beginners - formvalidation

Om veelvuldige ritjes heen en terug naar de server te vermijden, raad ik aan om buiten de obligatoire php validatie eerst javascript validatie te doen.  Dit gebeurt in de browser van de gebruiker en gebeurt daarom veel sneller.

 Mijn werkwijze is het maken van een functie formvalidation in Javascript en deze met de onSubmit handler op te roepen.  Zo wordt voor er iets wordt doorgestuurd alles eerst lokaal getest.  Voeg dit toe aan het formulier dat je wil valideren.

<form action=”verwerken.php” onSubmit=”return formvalidation()”>

 De functie kan er bijvoorbeeld zo uitzien:
(more…)

Geschreven door Michel Claessen op november 26th, 2007 met no comments.
Lees meer artikels over Javascript.

Maak multi-pagina formulieren met Javascript en een beetje CSS

Probleem: Hoe maken we een formulier van meerdere pagina’s waarmee we weinig of niet moeten scrollen?

Oplossing: Plaats al de HTML code van de verschillende pagina’s in 1 pagina.  Zet elke afzonderlijke ”pagina” in een DIV.  En gebruik Javascript om deze één voor één te tonen en om te kunnen navigeren tussen deze pagina’s.

 Allereerst het formulier zelf, dit is voorbeeldcode van een mogelijk formulier over meerdere bladzijden :

(more…)

Geschreven door Michel Claessen op november 14th, 2007 met no comments.
Lees meer artikels over Javascript.

Maak dynamische formuliervelden met JavaScript

 Velden van kleur laten veranderen bij online formulieren.

CSS gecombineerd met JavaScript geeft je de mogelijkheid om formulieren (forms) te maken die er goed uitzien en die gemakkelijk te gebruiken zijn.  In plaats van saaie zwart-wit formulieren, kan je forms maken die direct beantwoorden op de invoer van de gebruikers.

(more…)

Geschreven door Michel Claessen op oktober 30th, 2007 met 1 comment.
Lees meer artikels over Javascript.

Tekst rond afbeeldingen verwerken met CSS float

Floating wordt vaak gebruikt om een afbeelding links of rechts uit te lijnen zodat de tekst van een paragraaf zich er omheen kan nestelen.  Dit gebruik van grote en kleine images rond tekst zie je heel vaak in magazines en kranten maar wordt ook op het internet vaak gebruikt.

 Tekst rond een afbeelding laaten vloeien is makkelijk door in CSS het float attribuut te gebruiken.
(more…)

Geschreven door Michel Claessen op oktober 25th, 2007 met no comments.
Lees meer artikels over CSS.

« Older articles

No newer articles