Welkom op de vernieuwde website van AlphamegaHosting.com!

Nummer 92

Hulpmiddelen voor het maken van een goede website-layout - slot: alternatieve software

bjorn | 2006-05-03 | Hulpmiddelen en software

Om deze serie af te sluiten wil ik je graag een lijst met vervangende programma's doorgeven. De meeste professionele programma's kosten handen vol geld, vandaar dat het voor de gewone gebruiker wel leuk is om een gratis alternatief te hebben. Want zeg nou zelf, ontwerpen in Microsoft Paint schiet natuurlijk niet echt op! ;-)

Waarschijnlijk zal ik in mijn volgende artikelen een aantal van deze programma's bespreken, maar in de tussentijd kun je ze zelf alvast even proberen. Hieronder vind je een lijstje met gratis alternatieve programma's die de moeite waard zijn om eens te bekijken...


Ontwerp (Pixel)
Gimp
Paint.net

Ontwerp (Vector)
Inkscape

HTML-Editor
NVU
Context

3d-programma
Anim8or

Fotobewerking
Picasa
Pxn8

Tekstverwerker
OpenOffice (Tekst, spreadsheet, presentaties)

Weblog
Nucleus
Wordpress


Mocht je zelf tips hebben voor gratis alternatieve programma's, dan zouden we het leuk vinden als je die met ons wilt delen. We zullen dan bekijken of ze vermeld kunnen worden in een volgende uitgave van het Web Succes Magazine.

Zo hebben we bij het artikel over stockfoto's de volgende tip gekregen van J. Spruyt (bedankt!):

http://www.imageafter.com
Gratis foto's, zoeksysteem, heel groot formaat, haarzuiver. Aanrader!

Hoe krijg je speciale tekens in je site?

Jeroen Hoekstra | 2006-05-03 | Inhoud

Heb je je al eens afgevraagd hoe je het € of © teken in je website kunt verwerken? Je kunt deze symbolen namelijk niet zomaar opnemen in een HTML-document als je geen gebruik maakt van een WYSIWYG-programma zoals Dreamweaver of Frontpage.

Om ervoor te zorgen dat deze speciale symbolen op meerdere systemen en in diverse browsers op de juiste manier worden weergegeven, zijn er voor dit soort tekens speciale HTML-codes geïntroduceerd.

Als je bijvoorbeeld het < of > teken in de teksten van je website wilt gebruiken dan kun je dit alleen doen via die speciale HTML-codes. Zou je dit niet doen dan worden deze tekens en alles wat er tussen deze tekens staat, verwerkt als HTML en zijn die tekens inclusief de tekst ertussen niet zichtbaar in de tekst van je site.

HTML-tags beginnen namelijk met een < teken en eindigen op een > teken. De HTML-codes voor een < en > teken zijn respectievelijk &lt; en &gt;. Zoals je kunt zien hebben deze codes een bepaalde vorm, namelijk beginnend met een & teken en eindigend op een ; en daartussen een symbolische naam.

Een ander voorbeeld is de code &copy dat dus staat voor het © teken. In onderstaande tabel zijn de meest interessante tekens opgenomen:

Teken Omschrijving HTML-code
è à ì ò ù accent grave &egrave; &agrave; &igrave;
&ograve; &ugrave;
é á í ó ú accent acute &eacute; &aacute; &iacute;
&oacute; &uacute;
ê â î ô û accent circumflex &ecirc; &acirc; &icirc;
&ocirc; &ucirc;
ë ä ï ö ü umlaut &euml; &auml; &iuml;
&ouml; &uuml;
© copyright-teken &copy;
® geregistreerd
handelsmerk
&reg;
trademark-teken &trade;
euro-teken &euro;
  spatie &nbsp;
& ampersand &amp;
× teken voor
vermenigvuldigen
&times;
÷ teken voor delen &divide;
< kleiner dan-teken &lt;
> groter dan-teken &gt;
° graadteken &deg;
³ 3 in superscript &sup3;
² 2 in superscript &sup2;
¹ 1 in superscript &sup1;
¼ een kwart &frac14;
½ een half &frac12;
¾ driekwart &frac34;
" dubbele quotes &quot;
" dubbele quotes links &ldquo;
" dubbele quotes rechts &rdquo;
' enkele quote links &lsquo;
' enkele quote rechts &rsquo;

Opmerking: met quotes worden aanhalingstekens bedoeld en een accent acute wordt ook wel accent aigu genoemd.

Begrippenlijst - Hardware

bot | 2006-05-03 | Hulpmiddelen en software

Hardware is de verzamelnaam voor alle fysieke onderdelen van een computersysteem, bijvoorbeeld een computerkast, moederbord, harddisk, een processor en dergelijke. Het is de tegenhanger van software.

Als je het hebt over soorten hardware kun je ook een onderscheid aanbrengen tussen bijvoorbeeld PC, laptop en PDA, respectievelijk bureaucomputer, draagbare computer en handcomputer.

En ook randapparatuur, zoals een scanner, een printer, een muis en een toetsenbord, valt onder de hardware.

Webcams: wat kun je ermee en hoe zet je er een op je site?

Roland Walraven | 2006-05-03 | Media

Dit artikel bevat mogelijk verouderde informatie.

 

Bij het woord 'webcam' denk je misschien in eerste instantie aan een camera voor privé-gebruik, bijvoorbeeld om te chatten. Op deze manier wordt een webcam inderdaad veel toegepast.

Maar er zijn nog veel meer mogelijkheden. Zo biedt een webcam je de mogelijkheid om steeds nieuwe, actuele beelden op je website te laten zien.

Zomaar even wat voorbeelden:

  • Je hebt een kanoverhuurbedrijf of een firma die ballonvaarten verzorgt. Voor eventuele klanten is het belangrijk om de actuele weerssituatie bij jouw bedrijf te kennen. Actueler dan met een webcam is niet mogelijk! Ze zien of de zon schijnt, of het regent etcetera.
  • Je bent eigenaar van een bistro met een leuk terras, en je wilt op je website laten zien aan je klanten hoe gezellig het is.
  • In het algemeen: als sfeer een belangrijk criterium voor je bezoekers is, is een webcam uitstekend geschikt als middel om die (actuele) sfeer weer te geven.

Misschien denk je bij jezelf: "Dit is veel te moeilijk of te duur." Nou ga ik je niet vertellen dat het heel eenvoudig is om dit te maken, maar met behulp van dit artikel en wat geduld zal het je zeker lukken. En het hoeft al helemaal niet veel te kosten.

Voorbeeld

Op deze webpagina kun je een voorbeeld zien van het eindresultaat.
http://www.wsmcam.eu/webcam/ (Let op: deze webcam blijft actief tot 1 juni 2006)

Benodigdheden

• Een internetverbinding via ADSL of kabel
• PC met Windows XP (Windows 98 mag ook als de webcamdriver het ondersteunt)
• Webcam + drivers
• Hostingaccount + FTP inloggegevens
• Een programma dat de plaatjes van je webcam kan uploaden via FTP naar je hostingaccount. Bijvoorbeeld Coffeecup Webcam of Active WebCam.

In de uitleg die ik je ga geven ga ik Coffeecup Webcam gebruiken, omdat het programma eenvoudig van opzet is.

Aan de slag

Stap 1
Om te beginnen is het noodzakelijk dat de drivers van de webcam zijn geinstallerd op je computer. Gebruik hiervoor de gebruiksaanwijzing en software die je gekregen hebt bij je webcam.

Stap 2
Installeer het programma Coffeecup Webcam: http://www.coffeecup.com/webcam/

Stap 3
Start het programma op. Je krijgt nu een wizard te zien. Deze wizard gaan we stap voor stap doorlopen:

- Klik op 'next'. Bij ‘Server Name' vul je de naam van je FTP-server in. Voorbeeld: jouwdomeinnaam.com. Bij Remote Directory vul je in: ' httpdocs/webcam/ '

- Klik op 'next'.

- Username: vul hier de username van je site in.

- Password: vul hier het password in van je site. Klik op 'next'.

- Kies het type internetverbinding dat je hebt. Klik op 'next'.

- Kies hier de webcam die je wilt gebruiken. Als hier geen camera bij staat dan is er waarschijnlijk iets mis met de drivers van je webcam. De wizard is nu klaar. Klik in het webcam-programma op het rode bolletje rechts om de webcam te activeren.

Zo, het lastigste karwei zit er alweer op. Nu wordt er iedere 30 seconden een afbeelding geüpload via FTP naar je website. Je kunt deze afbeelding bekijken door in je browser in te typen : 'http://jouwdomeinnaam.com/webcam/webcam.jpg' .

Dit plaatje wordt niet automatisch ververst. Pas als je op de ververs (refresh)-knop van je browser klikt, krijg je de meest recente afbeelding te zien. Dit is niet wat we willen. Om het plaatje automatisch te verversen moeten we een webpagina gaan maken. De volgende stappen zullen je hier bij helpen.

Stap 4
Maak in je webruimte in de directory /httpdocs/webcam/ een file aan genaamd index.html . Dit kun je doen met een eenvoudige teksteditor zoals kladblok/notepad of context.

Stap 5
Plak de volgende regels code in het index.html-bestand dat je zojuist hebt aangemaakt:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <meta http-equiv="refresh" content="30">
    <meta content="text/html; charset=ISO-8859-1"
    http-equiv="content-type">
    <title>
      Webcam
    </title>
  </head>
  <body>
  <div style="text-align: center;">
  <img alt="" src="webcam.jpg">
  </div>
  </body>
</html>

Stap 6
Bewaar dit bestand en upload het naar de directory /httpdocs/webcam/ .

Typ in je browser http://jouwdomeinnaam.com/webcam/ Als je het goed hebt gedaan krijg je nu de afbeelding van je webcam te zien. Iedere 30 seconden zal deze afbeelding ververst worden.
De index.html kun je zelf naar eigen wens aanpassen zodat hij bijvoorbeeld de zelfde layout heeft als de rest van je website.

Traffic

Doordat er steeds een bestandje wordt geüpload, wordt er dataverkeer (traffic) gegenereerd. Even een rekensommetje:

Eén plaatje uploaden kost ongeveer 10 Kb. In een minuut worden er twee plaatjes geüpload, dus dat is 20 Kb per minuut. In een uur zitten 60 minuten (60 x 20 Kb = 1200 Kb), dus dat is 1200 Kb per uur. In een dag zitten 24 uren.
24 x 1200 = 28800 Kb, dus dat is 28800 Kb per dag.

In een maand zitten maximaal 31 dagen: 31 x 28800 Kb = 892800 Kb. Omgerekend naar Mb's is dat (892800 : 1024 =) circa 872 Mb.
Door een maand lang je webcamplaatjes te uploaden verbruik je dan dus ongeveer 872 Mb, afhankelijk van de grootte van het plaatje. Dit geldt natuurlijk alleen als je webcam 24 uur per dag aanstaat.

N.B. In dit artikel heb ik de aanschaf en installatie van de webcam zelf buiten beschouwing gelaten, omdat je ze 'op elke hoek van de straat' kunt kopen en omdat er normaal gezien een deugdelijke gebruiksaanwijzing bijgeleverd wordt.

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:

Maak je site sneller en aantrekkelijker met goed verwerkte plaatjes!

Bij het plaatsen van afbeeldingen op websites worden nog weleens wat fouten gemaakt, waardoor een site onnodig traag wordt.

In het artikel van deze week lees je handige tips om het goed aan te pakken.

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.