Welkom op de vernieuwde website van AlphamegaHosting.com!

Nummer 105

Video op je site zonder mediaspeler? Geen probleem!

Roland Walraven | 2006-11-15 | Media

In een vorig artikel heb ik je uitgelegd hoe je een streaming media-filmpje op je site kunt plaatsen. Als je zo'n filmpje aanklikt om af te spelen wordt het getoond in een mediaspeler. Hartstikke mooi.

Maar zou het niet nog mooier zijn als het filmpje rechtstreeks op je site te zien zou zijn? Kijk maar eens naar dit voorbeeld, dan begrijp je wat ik bedoel: http://www.wsmdemo.eu/stream.htm. Wil je dit ook? Lees dan gauw verder!

Voorbereiding
Om te beginnen heb je een streaming media-filmpje nodig. In in een vorig artikel stap-voor-stap eenvoudig uitgelegd hoe je zo'n filmpje kunt maken.

Aan de slag
Stap 1:
Upload met een FTP-programma je streaming media-filmpje naar je website. Om je httpdocs overzichtelijk te houden kun je het filmpje het beste in een map plaatsen. Bijvoorbeeld een map met de naam 'media'. Dan krijg je jouwdomeinnaam.com/media/ jouw_filmpje.wmv

Stap 2:
Voeg in de code van de pagina waar je het filmpje wilt laten zien de volgende code toe:

 <EMBED
src=http://www.jouwdomeinnaam.com/media/jouw_filmpje.wmv
width=320
height=285
autostart="true"

dynsrc="http://www.jouwdomeinnaam.com/media/jouw_filmpje.wmv">

Zorg er wel voor dat je de code neerzet op de plaats waar het filmpje getoond moet worden. Als je er niet zeker van bent waar je het moet plaatsen, kun je het beste de bestaande code even kopiëren en opslaan in een tekstbestand zoals WordPad, Kladblok of ConText. Als je de toevoeging dan verkeerd zou hebben geplaatst, kun je altijd nog terugvallen op dat tekstbestand.

Stap 3:
Vervang in beide URL's de naam van je filmpje en uiteraard de domeinnaam.

Als je nu in je browser naar de pagina gaat waar je de code voor het bekijken van je filmpje hebt toegevoegd zul je zien dat het filmpje direct begint te spelen op je pagina.

Veel succes!

Zo wordt jouw mailformulier altijd ingevuld

Jeroen Hoekstra | 2006-11-15 | Programmeren en techniek

De meeste websites hebben wel iets van een mailformulier om een email te versturen naar de eigenaar van de website. Sommige velden kunnen verplichte velden zijn, die ingevuld moeten worden. Denk hierbij aan een emailveld. We beginnen met een simpel mailformulier dat bestaat uit een invulveld voor je naam en email-adres en een knop om je aan te melden. Je zou het voorbeeld kunnen zien als een aanmeldformulier voor een nieuwsbrief. Hieronder staat de HTML-code:

 <html>
<head>
<title></title>
</head>
<body>
<form action="verwerk.cgi" method="post">
Naam : <input type="text" name="naam"><br>
Email: <input type="text" name="email"><br><br>
<input type="submit" value="Aanmelden">
</form>
</body>
</html>

Zou je hier niets invullen en vervolgens op 'Aanmelden' klikken, dan wordt het 'verwerk.cgi' script bij 'action' aangeroepen voor de verdere verwerking. Denk hierbij aan het opslaan van naam- en emailgegevens in een database. Het 'verwerk.cgi' script is in dit voorbeeld geen werkend script, omdat in dit artikel de nadruk ligt op de controle van de invoervelden en niet de verwerking hiervan. Op het moment dat er nu een nieuwsbrief verstuurd wordt, zul jij deze niet ontvangen. We moeten ervoor zorgen dat er een bepaalde controle op de invulvelden wordt uitgevoerd. De velden mogen namelijk niet leeg zijn, voordat het formulier verstuurd wordt. Het controleren van formulieren wordt meestal gedaan met Javascript. De Javascript-code die we gaan gebruiken in dit voorbeeld, is hieronder toegevoegd aan het HTML-formulier en staat vermeld tussen de < head> en de < /head> tag. 

<html>
<head>
<title></title>

<script type="text/javascript">
<!--
function CheckIt(thisform)
{
if (thisform.naam.value == "")
{
alert("Jouw naam is niet ingevuld. Probeer opnieuw.");
thisform.naam.focus();
return (false);
};
if (thisform.email.value == "")
{
alert("Jouw emailadres is niet ingevuld. Probeer opnieuw.");
thisform.email.focus();
return (false);
};
return (true);
}
-->
</script>

</head>
<body>
<form action="verwerk.cgi" method="post" onsubmit="return
CheckIt(this);">
Naam : <input type="text" name="naam"><br>
Email: <input type="text" name="email"><br><br>
<input type="submit" value="Aanmelden">
</form>
</body>
</html>

Wat gebeurt hier nu precies? Laten we bij het begin beginnen. We geven wel een naam in op het formulier, maar vergeten het email-adres. We klikken op 'Aanmelden', met andere woorden we versturen ('submitten') het formulier. Normaal gezien zou nu het 'verwerk.cgi' script meteen worden aangeroepen. Echter, nu staat er in de form-tag een extra stukje code dat dit tegengaat, namelijk onsubmit="return CheckIt(this);". Dit stukje code wil zeggen dat zodra er op 'Aanmelden' wordt geklikt, eerst de Javascript-functie CheckIt wordt uitgevoerd en daarna pas de verwerking door het 'verwerk.cgi' script. Laten we eens kijken naar deze CheckIt-functie.

De regel function CheckIt(thisform) geeft aan dat er een functie wordt gedefinieerd, die het formulier (thisform) eerst gaat controleren. Binnen deze functie worden de 2 invulvelden naam en email (variabelen) gecontroleerd op de aanwezigheid van een waarde. Als de variabelen geen waarde hebben (variabele is leeg, == "" ), dan geeft het script aan dat de verwerking niet goed is gegaan (return (false);) . We hebben het naamveld wel ingevuld dus het eerste if-blok wordt niet uitgevoerd.

Nu wordt het volgende if-blok bekeken. Het emailveld hebben we niet ingevuld. De waarde van het emailveld (thisform.email.value) is inderdaad leeg ( == "" ), dus dit if-blok wordt wel uitgevoerd. Met alert("Jouw naam is niet ingevuld. Probeer opnieuw."); wordt een popup-schermpje getoond met daarop de tekst "Jouw naam is niet ingevuld. Probeer opnieuw." en een 'OK'-knop. Zodra er op 'OK' wordt geklikt krijgt het emailveld weer de focus (cursor knippert in dit veld) door de regel thisform.email.focus(); en kun je nogmaals proberen het email-adres in te vullen. Klik je nu weer op 'Aanmelden', dan begint de controlecyclus weer opnieuw. Dit gaat net zolang door totdat alle velden zijn ingevuld en de verwerking goed is gegaan (return (true);) . Nu pas worden de variabelen naam en email met hun waarden doorgegeven aan het 'verwerk.cgi' script voor de verdere verwerking, bijvoorbeeld het opslaan van de gegevens in de database.

Succes!

Begrippenlijst - Description-tag

bot | 2006-11-15 | Programmeren en techniek

Een metatag die wordt gebruikt door de schrijver/maker van de pagina, waarin een beschrijving staat van de website. Sommige zoekmachines tonen deze tag bij de zoekresultaten. Deze wordt niet gebruikt om te indexeren maar wel ter informatie aan de persoon die de zoekopdracht ingegeven heeft. Een description-tag staat in de HEAD van een pagina in de HTML-code.

Zo verstuur je een mailing - deel 2

bjorn | 2006-11-15 | Hulpmiddelen en software

In het vorige deel van deze korte serie hebben we één voor één leden toegevoegd aan een group in GroupMail. Als je al een groot ledenbestand aangemaakt had in bijvoorbeeld Outlook Express kan ik begrijpen dat je geen zin hebt om één voor één leden opnieuw toe te voegen. Gelukkig hoeft dat ook niet. Hieronder ga ik bespreken hoe je leden kunt importeren uit een reeds gemaakte lijst. Daarna gaan we kijken hoe we de mailing kunnen gaan verzenden.

Importeren vanuit je emailprogramma

  1. Ga naar 'Groups'
  2. Klik bovenin op 'Actions' en vervolgens op 'Import'
  3. Kies dan voor 'Adress Book Import' en klik op 'Ok'
  4. Selecteer het emailprogramma waar je de gegevens van wilt kopiëren en klik op Next.
  5. Het volgende scherm kun je ongewijzigd laten. Klik op 'Next'
  6. Kies voor 'Import the Entire Adress Book' en klik weer op 'Next'
  7. Selecteer vervolgens de groep waar de adressen aan toegevoegd moeten worden.
  8. Vink 'Check for Duplicates' en 'Update Recipient Details if already present' als je al leden toegevoegd had, en klik weer op 'Next'.
  9. Kies in de lijst van 'Adress Book Field' voor de opties die corresponderen met de woorden aan de linkerkant ('GroupMail Field'). Zo komen de gegevens op de juiste plaats. GroupMail verwacht wel dat je de gegevens (zoals naam en dergelijke) al in je emailprogramma toegevoegd had. Is dit niet het geval, dan kun je deze gegevens later nog toevoegen om je mailing te personaliseren. Hierover later meer.
  10. Klik op 'Next' en vervolgens op 'Start'
  11. Het adresboek uit je emailprogramma is geïmporteerd, klik nu op 'Close'.

Staat je emailprogramma niet in de lijst? Niet getreurd, je kunt ook bestanden importeren in GroupMail. Kijk in de handleiding van je mailprogramma hoe je je adreslijst exporteert. Het beste kun je je adreslijst exporteren als een csv-bestand, dit is namelijk goed te importeren in GroupMail. Kies dan in plaats van 'Adress Book Import' voor 'File Import' en volg de stappen.

We kunnen beginnen met het opstellen van de mail

  1. Ga naar de beginpagina in GroupMail (Klik op het 'Home'-icoon).
  2. Klik in de linker zijbalk op 'Messages' en vervolgens op 'New'.
  3. Kies bij 'Send to' de ledengroep waaraan je de mail wilt sturen.
  4. Kies bij 'From' het account waarvandaan je de mail wilt versturen.
  5. Vul bij 'Subject' de titel van je mail in.
  6. In het grote witte vlak kun je je bericht plaatsen. Je hebt ook de mogelijkheid om html-code in te voeren. Klik hiervoor op het laatste icoontje boven het berichtvlak en plak de html-code in het venster dat verschijnt. Op deze manier kun je een mail opstellen met een (magazine)opmaak, zoals ook het Web Succes Magazine heeft.

Maak je mail persoonlijker!

Je mail is nu geplaatst en ingesteld, maar het is zo onpersoonlijk als je begint met 'Beste leden'. Zou je het niet veel beter vinden als er 'Beste [NAME]' komt te staan, zoals het Web Succes Magazine ook aanvangt? Je leden aanspreken met hun naam staat een stuk vriendelijker en professioneler. En gelukkig is het heel eenvoudig te doen met GroupMail.

  1. Ga met de cursor op de plek staan waar je de naam wilt plaatsen
  2. Klik op 'Insert' en daarna op 'Merge fields'.
  3. Klik in het lijstje dat verschijnt op 'Firstname'.
  4. In je mailbericht zie je nu: "Beste !*FIRSTNAME*!". Dit wordt bij het versturen veranderd in de naam die je ingevuld hebt bij je ledenlijst.

Je kunt stap 1 t/m 3 ook herhalen en kiezen voor andere opties zoals achternaam, adres, aanhef enzovoort. Wil je je mail bijvoorbeeld beginnen met "Geachte Mevr. Janssen", plaats achter "Geachte" dan 'Title' vervolg met een spatie en kies vervolgens 'Lastname'. Je krijgt dan dus "Geachte !*TITLE*! !*LASTNAME*!".

Tip, je kunt deze persoonlijke instellingen ook gebruiken in de 'Subject' om zo de titel al persoonlijker te maken. Kopieer de gegenereerde code en plak deze in de 'Subject'. Zo heb je meteen een leuke binnenkomer! ;-)

Versturen? Eerst even testen!

Voordat je je mail daadwerkelijk gaat versturen kun je het beste even testen of alles goed ingesteld staat. Je kunt het mailtje eerst naar je eigen mailadres versturen om te kijken of alles goed staat ingesteld, of de links werken en of de afbeeldingen goed weergeven worden.

  1. Klik in de message op het onderste tabblad op 'Preview'.
  2. Vul bij 'Test Send Preview' het emailadres in waar je de test heen wilt sturen.
  3. Klik vervolgens op 'Preview Message' en het mailtje wordt verstuurd.
  4. Open nu je mailprogramma en bekijk hoe je mail eruit ziet.

Tip: Maak ook een gmail- en een hotmail-adres aan om je mailings te testen!

Verstuur je bericht

  1. Als je klaar bent met je mail mag je eindelijk op 'Send' klikken. ;-)
  2. Er wordt een Engelse spellingcontrole gestart, helaas is deze er niet in het Nederlands, je kunt dus ook het beste op 'Cancel' klikken.
  3. In het volgende venster klik je op 'Continue', dit staat standaard al goed ingesteld.
  4. Zodra je klikt worden de mails verstuurd. De tijd van het versturen is afhankelijk van de grootte van je mail, het aantal leden enzovoort.
  5. Na afloop krijg je een verzendrapport in beeld. Je kunt in dit rapport zien of er fouten zijn geweest, hoe snel het is gegaan etcetera. Erg handig! Na het gelezen te hebben kun je op 'Hide' klikken.
  6. Je bent nu klaar met het versturen. Bij 'Sent Messages', in het 'Messages' gedeelte van GroupMail, kun je een overzicht zien van de verstuurde mailtjes.

 Nog een laatste tip

Als je altijd hetzelfde soort mailtje verstuurt, kun je een template aanmaken. Een template kun je dan elke keer als je een mailing gaat versturen hergebruiken. Zo hoef je niet elke keer het mailtje opnieuw op te stellen, dat scheelt een hoop werk.

  • Stel je basisbericht op
  • Klik op 'File' en vervolgens op 'Save As'.
  • Kies nu voor 'A Template' en deze wordt opgeslagen onder 'Templates' in het 'Messages'-gedeelte van GroupMail. Dubbelklik dit bestand om het te gebruiken.

Ik wens je erg veel succes met het maken en versturen van je mailings!

P.S.: Vergeet niet om een werkende afmeldlink in je mailings op te nemen! Dat is wettelijk verplicht en voor jou ook fijn, want je wilt toch geen mailings versturen naar mensen die het liever niet ontvangen?

Zoek

Doe mee! Word ook WebsiteSupporter!

Ontvang gratis elke week een verbetersuggestie voor je website, inclusief speciaal stappenplan om je site succesvol te maken.

Klik hier om je in te schrijven!

Domeinnaam-check

Domeinnamen v.a. € 1,- p/m. Check of jouw ideale domeinnaam nog vrij is:

www.

Even onthouden

Moet er iets aan je site gebeuren?

En heb je zelf geen tijd, geen zin of geen idee hoe je het moet aanpakken? Laat ons website-klusteam het voor je oplossen!

Klik hier voor meer info. 

Thema van de week:

Hallo Google! Welkom op mijn website!

De scripts van Google die regelmatig langskomen om je site te indexeren zijn natuurlijk ook 'bezoekers' die je het naar de zin moet maken. In het artikel van deze week leer je hoe je die 'crawlers' de juiste info kunt meegeven.

Klik hier voor het artikel.

Informatie

Hopelijk vind je alle informatie die je nodig hebt op deze website. Heb je nog vragen? Klik hier om een bericht te sturen of bel tijdens kantoor-uren met 040-2085353 (NL) of 011/547498 (B).

Ben jij een startende ondernemer?

Dan hebben wij een handig gratis ebook om je op weg te helpen met je online presentatie.

Klik hier om het gratis te downloaden.

Alphamega Hosting heeft een unieke garantie!
Privacy Contact Sitemap Copyright 2012 Alphamega Hosting B.V.