Archief
De website is verdeeld in een aantal delen. Bij elk deel horen verschillende artikelen over
het desbetreffende onderwerp. Klik op de link naar het onderdeel, of kijk in onderstaande lijst of je artikelen
kunt vinden. Eventueel kun je de zoekfunctie gebruiken.
Beginners
CSS (stylesheets)
HTML
JavaScript
PHP
Development
E-commerce
SEO
Flash
Hosting
Interviews
Webdesign
Webschrijven
Alle verschenen artikelen op volgorde van verschijnen. Laatste staan bovenaan.
Bescherm je nog niet betaalde werk
Wanneer je een website aan het maken bent voor een ander, die er voor betaalt is het goed om aan een aantal zaken te denken, die ervoor zorgen dat een klant er niet vandoor gaat met je website en je er nooit voor betaald. Joren van Hocht schreef er een artikel over, dat we hierbij publiceren.
Maak je website beter toegankelijk
Voor een grote groep mensen is het gebruik van internet niet vanzelfsprekend. Ze kunnen niet zondermeer iedere website bekijken en doorlezen doordat ze een handicap hebben. Ze zijn bijvoorbeeld slechtziend, kleurenblind of doof. Om deze groep mensen tegemoet te komen kun je bij het gebruik van bepaalde technieken en hulpmiddelen alternatieven inbouwen. We zetten een aantal zaken op een rij, waarvoor we het alternatief aangeven.
Een artikel schrijven, een verhaal apart.
Het lijkt simpel, maar er komt heel wat bij kijken, het schrijven van een artikel wat
gelezen moet worden. In dit artikel willen we eens kijken wat er allemaal moet gebeuren en
hoe je nu een goed artikel schrijft.
In de eerste plaats moet je een goed onderwerp hebben. Een onderwerp waar mensen in zijn geinteresseerd.
Wanneer je voor een website schrijft met een specifieke doelgroep, moet je goed nagaan wat
mensen boeit en welke onderwerpen ze bezig houdt.
10 blogs voor bouwers van websites
Op het gebied van het bouwen van websites zijn er genoeg blogs, maar de meesten zijn engelstalig. Daarvan zijn er weer een heleboel die erg ingewikkelde materie behandelen. Nederlandstalige blogs zijn wat dunner gezaaid en dan zeker blogs die vaak artikelen publiceren. Op onze zoektocht kwamen we 'te' veel blogs tegen die hun laatste artikel bijvoorbeeld eind september hadden gepubliceerd. Maar er zijn natuurlijk ook een aantal goede blogs over onderwerpen als SEO, marketing en website gerelateerde zaken. Hierbij een aantal blogs op een rij om, wellicht je map favorieten eens wat uit te breiden.
Navigeren met behulp van tabbladen
Een van de manieren om te navigeren door je site is door middel van tabbladen. Deze tabbladen laten zien op welke pagina je, je bevindt en welke andere mogelijkheden er ook zijn om naar toe te gaan. Tabbladen navigatie zijn te maken met behulp van CSS. Het vergt enige voorbereiding, maar een en ander is goed te gebruiken voor een website. We zetten de te maken stappen op een rij.
2007, een evaluatie, op naar 2008.
Zo op de valreep van het jaar hoort het er toch wel een beetje bij, even achteruitkijken naar het afgelopen jaar, en even vooruitkijken naar het nieuwe jaar. Over het algemeen geef ik niet veel persoonlijke indrukken mee in artikelen, in dit artikel een keertje wel. Laat ik voorop zetten dat ik het een enerverend jaar vond voor de site. Er waren leuke en interessante ontwikkelingen en, zoals overal, minder leuke zaken. Maar eerst maar eens wat absolute gegevens, de cijfers.
Test de toegankelijkheid van je website met FireFox
Met behulp van de webdevelopers toolbar van Firefox wordt het eenvoudig om je website eens te testen op toegankelijkheid. Meer en meer raken mensen ervan overtuigd dat een webpagina voor iedereen 'te zien' moet zijn. Deze toolbar is een handig hulpmiddel om een aantal onderdelen te testen. Wanneer je de toolbar nog niet hebt gedownload, ga dan naar het artikel over de webdevelopers toolbar.
HTML en CSS voor beginners, de definitieve versie
Het is zover, je gaat je eerste website maken en deze online zetten zodat de hele wereld kennis kan nemen van jouw informatie. Het is handig dat je al een onderwerp hebt, want een website die gaat over 'van alles', gaat eigenlijk nergens over. Maak een keuze van iets wat jij leuk vind, wat jouw interesseert en waar je ook wat vanaf weet.
Search Engine Friendly sites bouwen
SEO staat voor Search Engine Optimisation, oftewel zoekmachine optimalisatie. Nu heb je naast Search Engine Optimisation ook Search Engine Friendly. Dit zijn bepaalde basisvoorwaarden waar in mijn ogen elke webdesigner zich aan zou moeten houden. Het optimalisatieproces begint hierna pas. Helaas kom ik als SEO-er te vaak tegen dat de SEF nog niet in orde is, dus dat ik dat eerst moet doen voor ik aan SEO toe kom.
Flash voor beginners
In deze tutorial willen we de beginnende flasher de basis uitleggen van flash. Het eindproduct van een .fla is een .swf, de .swf is wat we dus gebruiken om op het internet te plaatsen, de .fla is het orginele werkbestand. De .fla is dus alleen voor de maker van de Flashapplicatie. Een .swf kan niet veranderd worden, daarvoor heb je dus de .fla weer nodig.
CSS codes ingekort (shorthand properties)
Je kunt er voor kiezen om al je css code helemaal uit te schrijven, maar er zijn verschillende korte notaties mogelijk, waarmee je toch hetzelfde resultaat bereikt. De zogenaamde shorthand properties. We zetten ze op een rij, zodat je website weer een beetje sneller wordt.
Navigatie op je website
De meeste sites gebruiken een vorm van navigatie om de bezoeker te helpen door de website te klikken. Soms kan het handig zijn om de bezoeker te laten weten waar hij zich bevindt. Zonder dat je gebruik maakt van het invoegen van een uitgebreid script en zonder dat je html code op elke pagina moet aanpassen is het mogelijk om de knop van de huidige pagina te veranderen ten opzichte van de rest.
CSS Hacks voor verschillende browsers
Ook al gebruikt 99% van de internetbezoekers een browser die CSS ondersteunt, toch gaan de verschillende browsers op verschillende manieren met CSS om. We hadden het in een ander artikel al eens over het zogenaamde box probleem. Ook met opsommingen (<ul> en <ol>) worden meer dan eens problemen ervaren. Aan de andere kant laten we je in dit artikel zien dat dergelijke problemen eenvoudige kunnen worden opgelost. Hiervoor gebruiken we dit keer CSS hacks.
De basis van SEO, zoekmachine optimalisering
SEO, Search Engine Optimization, in goed Nederlands Zoekmachine optimalisatie, is een ingewikkelde materie, maar met een aantal basisprincipes die voor iedere websitebouwer goed te regelen zijn. We zetten een aantal van die zaken op en rij. We hebben ook een onderdeel in het forum ingevoegd over SEO.
10 handige links over CSS
We zijn eens gaan spitten op het internet en hebben een overzichtje gemaakt van een tiental handige interessante en leuke links op het gebied van CSS. Deze keer hebben we voornamelijk nederlandstalige sites gezocht, en gevonden.
Succesvol een domeinnaam registeren
Een domeinnaam registreren is niet zo eenvoudig als dat het lijkt. Als je de juiste naam registreert, dan zullen bezoekers je site vinden, wanneer je de verkeerde naam vastlegt, dan zou je wel eens minder bezoekers kunnen krijgen dan de bedoeling was. Een verkeerde beslissing kan gevolgen hebben voor de groei van je website. Daarom een paar handige tips.
Het maken van een site met behulp van een weblog
Een website beginnen over een niche onderwerp is erg populair dezer dagen. 'Niche' is een onderwerp waar een specifieke doelgroep voor is. Het is een onderwerp waar meestal niet door grote sites over wordt geschreven. Soms zijn dergelijke sites de enige in hun soort. Grote kans dus dat mensen die infomatie zoeken over het onderwerp dan ook vrij snel op die site terecht komen. Het kan dus handig zijn om een weblog te beginnen over een niche onderwerp.
Internetmarketing specialist Karel Geenen
Dé weblog over internetmarketing, is nogal een uitspraak. Karel Geenen, de persoon achter deze weblog is iemand die zich al jaren bezig houdt met dit fenomeen en er dus wel wat over kan vertellen. We stelden hem eens een aantal vragen om zo meer inzicht te krijgen in deze 'tak van sport'.
De title tag gebruiken voor je website
De eerste stap in het optimaliseren van je website is het schrijven van een goede title tag. Het is de belangrijkste losse zin van je webpagina. Wanneer je deze goed maakt dan heb je een grote stap gedaan in de richting van een goede ranking in zoekmachines.
De kracht van CSS
Inmiddels bestaan Cascading stylesheets negen jaar. Het lijkt er op dat er een omslag is gekomen in het denken van webdesigners. Zelfs grote websites, die lang bleven doorgaan met het gebruik van tabellen voor de opmaak van websites lijken om. Het heeft een tijd geduurt, maar ook Internet Explorer 7 gebruikt CSS op een redelijk goede manier. Lang hebben ze bij Microsoft een eigen interpretatie gehad van padding en margin, het zogenaamde boxprobleem.
Stap voor stap je eigen RSS feed maken.
RSS is een manier om je bezoekers op een eenvoudige manier extra informatie over je website aan te bieden. Door RSS te gebruiken biedt je bezoekers de mogelijkheid om zich aan te melden voor de feed en zo te weten wanneer er nieuwe content op de site staat. In dit artikel leggen we uit hoe je RSS aan je site kunt toevoegen, zelfs als je weinig verstand van RSS feeds hebt.
Hosting voor beginners
Wat is webhosting eigenlijk? Dat is iets wat je wel moet weten wanneer je een website online wilt gaan
zetten. Hoe werkt een en ander en wat betekent het nu allemaal. In dit artikel willen we je de basis
vertellen over alles wat met hosting te maken heeft.
CSS en semantische HTML
Het wereldwijde web veranderd continu en als webmaster zul je mee moeten veranderen. een van de belangrijkste veranderingen van
de laatste jaren is het gebruik van CSS in combinatie met semantische markup. CSS en semantisch webdesign hebben een aantal
voordelen, duidelijke, heldere code, compatible met andere webapparaten, scheiding van inhoud en presentatie, minder gebruik van
bandbreedte en betere toegang tot zoekmachines.
10 tips om een webwinkel te bouwen en te beheren
Je hebt je webwinkel klaar, maar dat betekent niet dat de bezoekers direct
binnenkomen. Daarvoor heb je wat meer nodig dan alleen een website. Je moet je bezoekers
je producten laten zien, hen overtuigen om iets te kopen en ervoor zorgen dat ze terug
blijven komen.
De Inhoud telt!
Wanneer je langer dan een week webmaster bent dan heb je vast wel eens gehoord van de
uitdrukking 'Content is King', of 'De inhoud telt'. Dit is helemaal waar.
In dit artikel willen we stilstaan bij de vraag waarom nieuwe inhoud toevoegen aan
je website zo belangrijk is. We kijken tevens naar de manier waarop je dit gemakkelijk
en eenvoudig kunt doen.
Meer bezoekers op je forum
Het is lastig om meer bezoekers te krijgen op een forum dat je net bent gestart, maar wanhoop niet!
We hebben een aantal manieren op een rij gezet om je bezoekersaantallen omhoog te krijgen,
of beter, om de mensen die je forum bezoeken, daar ook te houden.
Aan de slag met Google Adsense
Sinds een tijdje heb je met Adsense van Google meer mogelijkheden dan ooit om geld te verdienen.
Voor de meeste website eigenaren is Adsense een van de betere bronnen van inkomsten.
Zo is er het oorspronkelijke Google Adsense met de advertenties, maar er zijn nu een pakket verwijzingen
bijgekomen. Meer dan ooit een reden om met Google Adsense aan de slag te gaan.
Bestanden includen met PHP
Wanneer je een grotere site krijgt en je hebt een vaste paginaindeling, dan kan het handig zijn
dat je een deel van de pagina gaat includen. Hiermee heb je als voordeel dat je bepaalde
delen van je website maar een keer hoeft te veranderen en dat je niet al je pagina's langs
moet gaan.
Supplemental index van Google
Zoekmachine google heeft een zogenaamde supplemental index, waarin pagina's worden geplaatst die
volgens de zoekmachine minder relevant zijn, die niet actueel zijn of die niet direct gevonden moeten
worden. Helemaal betrouwbaar wordt deze index niet geacht, maar het blijkt toch zaak te zijn er niet in
te komen te staan, deze pagina's worden pas weergeven op het moment dat er werkelijk niets anders
voor handen is bij een zoekopdracht.
Geef je link een naam
Het blijkt steeds weer lastig te zijn om aan een link een goede naam te geven. Er zijn nog
steeds mensen die denken dat het voor hun bezoekers een hele uitdaging is om te klikken op een
link met als tekst 'klik hier'.
Daarom in dit artikel een korte handleiding in het maken van
teksten voor links.
Een web formulier in PHP
Voor een website is het tegenwoordig onontbeerlijk om bereikbaar te zijn. Een bezoeker moet ook altijd
contact op kunnen nemen met iemand die verantwoordelijk is voor de website. Een formulier is daarvoor
onmisbaar. Niet alleen een emailadres, nee gewoon een formulier om contact te kunnen opnemen.
We hebben een eenvoudig formulier gemaakt, in PHP, voor je website.
Links, verwijzingen en koppelingen
Het bestaansrecht van het internet, het belangrijkste element voor een website, gemaakt zodat je
kunt koppelen naar andere sites, naar andere pagina's binnen je eigen site en om specifieke plekken
binnen een en dezelfde pagina te markeren. We hebben het natuurlijk over de anker-tag. We gaan in dit artikel
eens kijken hoe verwijzingen, koppelingen en links ook al weer in elkaar zitten. Voor de een gesneden
koek, voor de ander weer een eye-opener.
Een drie-koloms layout maken in CSS
In een
eerder artikel hebben we een layout gemaakt die verdeeld was over twee kolommen. Nu gaan we
een layout maken die drie kolommen bevat. Weer met behulp van CSS, en niet met tabellen.
Padding en margin en het box probleem.
Heel veel mensen komen aan met het probleem dat hun website in Mozilla Firefox goed is, maar in
Internet explorer kloppen de maten niet meer, of juist andersom.
Waarom zijn deze verschillen er en hoe kan je ze oplossen?
html 5
Simon Pieters van html.org heeft een lijst gemaakt met html 5 elementen zoals die er nu
liggen om te gaan gebruiken. Een en ander is nog in
een 'working draft' stadium, maar laat wel zien waar een en ander heen zal gaan.
ID's en classes, de een of de ander?
Om een html element de identificeren, zeg maar een naam te geven, maak je gebruik van
het attribuut 'class', of het attribuut 'id'. Wanneer gebruik je nu de een en wanneer
gebruik je nu de ander? En de vraag die er op volgt is natuurlijk, hoe gebruik je ze zo
dat je semantische opbouw van je html gewaarborgd blijft?
Van AJAX tot XML
We hebben in drie delen een overzicht gemaakt van een aantal
technologiën. Van AJAX tot en met XML.
Deze keer maken we een start met Ajax tot en met DHTML.
CSS properties
Wat kun je nu in de praktijk met CSS. Hoe pas je het toe? We
hebben de belangrijkste properties op een rij gezet, speciaal voor beginners.
Printervriendelijke pagina's maken
Een van de voordelen van CSS is dat je vooraf kunt bepalen hoe je site er uit gaat zien
op het scherm. Maar dit is niet alleen mogelijk voor het scherm, je kunt ook aparte stylesheets
maken voor een printversie van een pagina.
Laat zoekmachines je tekst vinden
Je doet je best om een artikel te schrijven, maar niemand leest het omdat niemand het kan vinden.
Hoe zorg je er nu voor dat zoekmachines je tekst interessant genoeg vinden om met bepaalde zoekacties
gevonden te worden. Met andere woorden hoe maak je je teksten "Search Engine Friendly"?
Tabellen zijn niet Taboe!
Dit is een van de meest gemaakte fouten van een beginnend webdesigner die zich aan CSS waagt.
Ze hebben een paar keer gelezen dat ze op het 'nieuwe web' geen tabellen meer mogen gebruiken,
maar dat is niet helemaal waar.
Het gaat over de manier waarop je ze gebruikt.
Om duidelijk te maken hoe het zo ver heeft kunnen komen met tabellen, gaan we een reis terug
in de tijd maken naar toen websites net begonnen op te duiken.
Tien goede voornemens bij het maken van een website
Aan het begin van een nieuw jaar geven we 10 goede voornemens, te gebruiken bij het
maken van je website. Zo adviseren we om nu eens af te stappen van font-tags en
tabellen voor de opmaak van je html-document en eens over te stappen naar CSS. Ga eens
goed kijken naar hoe je code is geschreven en zet overbodige zaken eens aan de kant, bijvoorbeeld
die muziekjes op je website. Trouwens, we wensen iedereen een gelukkig 2007!
1. De eerste basis om een website te maken
In dit artikel willen we voor echte beginners duidelijk maken wat html nu is, wat je nodig hebt en
hoe je start met het maken van een website. Er zijn namelijk een aantal basisprincipes waar je rekening
mee moet houden wanneer je je eerste webpagina online zet.
Object Georiënteerd Programmeren
Iedereen met een beetje PHP ervaring is ongetwijfeld bekend met de term OOP.
OOP staat voor Object Oriented Programming (Object Georiënteerd Programmeren).
Dit houdt in dat je alles programmeert in klasse en objecten.
Dit is in veel programmeertalen verplicht, in php niet.
De toekomst van HTML
In zijn weblog heeft de grondlegger van het WWW, Tim Berners-Lee, gesteld dat XHTML heeft
gefaald in de opzet die ervoor bedacht is. Iedere browser maakt zonder problemen een goed
uitziende webpagina van de oude 'tag-soup'. Hierdoor is HTML toe aan een revisie, aldus
Berners-Lee. Als directeur van het World Wide Web Consortium houdt hij
toezicht op de ontwikkeling van webtalen en -protocollen als HTML, XML, CSS en HTTP.
Firefox met webdeveloper toolbar
Een van de voordelen van Firefox als browser is dat er heel veel tools zijn gemaakt die het je
als websurfer gemakkelijker maken. Omdat Firefox versie 2.0 uit is staan we nu eens even
stil bij de gemakken van de tool 'webdeveloper', van Chris Pederick.
Foto met schaduwrand in CSS
Wanneer je een foto wat meer eruit wilt laten springen dan kun je er een schaduwrand achter laten vallen
zodat de foto oplicht. Dit kan met behulp van CSS. Je hebt een foto nodig en een schaduwplaatje. In
ons artikel willen we gaan kijken hoe je dit precies aan moet pakken.
Syntax van css
Soms is het handig om eens wat basisprincipes weer naar boven te halen. Hoe zat het ook al weer en hoe moest je een en ander
ook alweer gebruiken. We beginnen met CSS. In drie artikelen willen we de basisregels van CSS weer naar boven halen.
In het eerste artikel gaan we in op de manier van schrijven in CSS. Met name de 'selector', de 'property' en de 'waarde'.
Plaatjes voor je website
Om je website een beetje aantrekkelijk te maken kun je kleuren gebruiken en veel tekst, maar
het belangrijkste onderdeel zijn natuurlijk plaatjes. Met een foto maak je een website veel aantrekkelijker
en wordt de aandacht ook nog eens extra getrokken. Wij hebben een paar handige links op een rij gezet
waar je goedkoop of gratis plaatjes en foto's kunt vinden voor jouw website.
Stylesheet switcher maken
In veel gevallen kan het handig zijn dat een gebruiker zelf kan bepalen hoe een webpagina eruit ziet,
zo houdt de een van een klein lettertype en is dat voor de ander niet te lezen. Ook in het kader van
toegankelijkheid op het web is een stylesheet switcher een handig instrument om dergelijke zaken
mee te regelen. In dit artikel maken we een stylesheet switcher om de grootte van lettertype te kunnen
veranderen. Maar natuurlijk kun je dit voor allerlei andere zaken ook gebruiken.
Random plaatjes script
Wanneer je op een simpele manier je bezoekers bij ieder
bezoek steeds een ander plaatje wilt laten zien, in willekeurige volgorde kun je het beste gebruik
maken van een simpel javascriptje. Er zijn er op het internet heel veel te vinden, bijvoorbeeld
op http://www.leejoo.nl.
CSS en browsers »
Heel wat beginnende en gevorderde website bouwers lopen tegen het probleem aan dat een website er in internet explorer heel
mooi uitziet, maar als ze de website dan bekijken in Firefox, deze er ineens helemaal anders uitziet. Is dat ook opgelost, dan blijkt het
weer niet te kloppen in Safari op een Apple computer. Hoe kun je hier nu het beste mee omgaan?
Extra informatie bij een link
Wanneer je wat extra informatie wilt toevoegen aan een link, bijvoorbeeld om aan te geven waar de link over gaat of
wat er gebeurd als je klikt op een link kun je gebruik maken van het attribuut 'title'.
Hoe maak je een cookie? »
Om een bezoeker te herkennen die al eens vaker op je site is geweest kun je gebruik maken van cookies.
Hier laten we zien hoe je een cookie maakt met behulp van php. Het enig wat je dus nodig hebt is een hoster die
het gebruik van php ondersteunt.
Standards in a nutshell,
een interview met Natalie Jost
Webstandaarden in een notendop is een idee van Natalie Jost. Ze heeft een weblog
nataliejost.com en maakte daar haar
'standards in a nutshell' wereldkundig. Ze heeft op een eenvoudige grafische manier uitgelegd hoe webstandaarden tegenwoordig werken.
Ze scheidde html, css en scripts en liet op die manier zien wat het w3c wil als ze het hebben over html strikt. In een uur
bedacht en daarna wereldkundig gemaakt. Wij vonden het eens tijd worden om haar aan een interview te onderwerpen.
HTML 4.01 of XHTML
Enige tijd geleden hebben we html-site op een aantal punten veranderd.
Een van die veranderingen was het omzetten van xhtml 1.0 transitional
naar html 4.01 strict. In dit artikel wil ik aangeven waarom het gebruik van xhtml eigenlijk een hype is en in wezen niet nodig. Er worden
een aantal punten aangedragen waarom XHTML beter zou zijn.
Commentaar toevoegen aan broncode
Het is een goede gewoonte om aan je broncode van je website commentaar toe te voegen. Niet alleen voor de eventuele bezoeker,
die in je broncode kijkt hoe je iets gedaan hebt, maar ook voor jezelf. Je kunt op die manier bij het bouwen of bij het wijzigen
van je site makkelijk terugvinden waar iets stond. Zo kun je de indeling van je site weergeven, waar de header stond en waar het menu,
maar je kunt ook bepaalde functies weergeven in een javascript.
Tekst en plaatjes in willekeurige volgorde tonen
Wanneer je een stuk tekst, een plaatje of een ander soort content wilt tonen in willekeurige volgorde, en iedere keer
iets anders wilt laten zien als een bezoeker op je site komt, kun je gebruik maken van een handig stukje javascript.
We maken hierbij gebruik van javascript's Math.round() en Math.random(), deze selecteren en laten een willekeurig stuk
content zien van een serie.
Het publiceren van een Flashmovie in HTML en xhtml
In dit artikel komen een aantal codes aan bod om een flashmovie in een (x)htmlpagina
te zetten. Voor veel nieuwe gebruikers van Flash, of als je een flashbutton aangeleverd
krijgt is dit in eerste instantie een onduidelijke zaak. Tevens beschrijven we het verschil voor
HTML en XHTML zodat uw pagina toch valid blijft.
Lay-out beeldvullend maken
Vraag op het forum:
Ik krijg het "trucje" in CSS niet door om mijn layout verticaal beeldvullend te krijgen, ongeacht de monitor grote en/of resolutie.
Ik zal het (proberen) uitleggen aan de hand van een simpele layout:
De layout bestaat uit een "header" met daaronder een "tekstvlak" en daaronder een "footer". Tot nu toe geen enkel probleem.
Maar nu wil ik de "header" helemaal bovenin beeld (in vaste maat) en de "footer" helemaal onder in beeld (in vaste maat),
met daartussen het "tekstvlak" wat de ruimte opvult ongeacht de hoeveel tekst wat daarin staat.
Wordt de tekst te veel voor de ruimte in het "tekstvlak" dan wil ik dat oplossen met de "overflow" functie in CSS.
Een opmaak in frames zou dit geen probleem zijn, maar nu zou ik dat graag in CSS maken.
Of is dit niet mogelijk in alleen CSS??
Google tips
Iedereen die een website maakt wil zijn site graag hoog terug zien in een zoekmachine.
Aangezien iedereen tegenwoordig met google zoekt, wil men daar gevonden worden.
Wij geven een aantal tips om je kansen op een hoge notering te vergroten.
Een horizontaal menu, zonder tabellen
Een horizontaal menu maken, zonder tabellen te gebruiken. Voor veel mensen al gesneden koek,
toch nog even de basis op een rijtje. Door gebruik te maken van een ongeordende lijst en
deze horizontaal neer te zetten, krijg je prima menu's. Wanneer je er nog een paar stijlen
op los laat kun je hiermee zeker je site verfraaien.
Veranderen van lijsten
In dit artikel gaan we met behulp van CSS laten zien hoe je lijsten kunt aanpassen. In plaats van
een rondje een ander vormpje in een opsomming, of een andere manier van tellen, bijvoorbeeld met
romeinse cijfers.
Textbox met ronde hoeken
Tegenwoordig zie je op vee websites tekstboxen met ronde hoeken. Veelal zijn die met behulp
van plaatjes gemaakt, maar dat kan ook op een andere manier, zodat je die plaatjes niet nodig hebt.
Alleen maar door CSS goed te gebruiken. Voor de afgeronde hoeken maken we gebruik van bullets.
Een blog starten met Wordpress
De makkelijkste manier om een website te beginnen is door te starten met een weblog. Een weblog
is niets anders dan een soort dagboek dat je bijhoudt, maar dan online. Er zijn al vele varianten
van gemaakt. In dit artikel gaan we stap voor stap een weblog opzetten met behulp van het
populaire Wordpress. Wordpress is een gratis blogtool, waarmee je in relatief weinig tijd een
weblog kunt starten.
Handige links
Inspiratie opdoen is in de webdesignersbranche van groot belang. En waar doe je nu meer
inspiratie op dan bij andere websites. We hebben getracht weer een leuke selectie links bij
elkaar te zoeken waar je weer een tijdje mee vooruit kan.
Mtrack, meer dan bezoekers tellen
Mtrack is een professioneel statistiekenprogramma, waarmee het bezoek
aan websites nauwkeurig kan worden geregistreerd. Beheerders van
websites kunnen op het statistiekenprogramma een jaarabonnement afsluiten.
Met het statistiekenprogramma Mtrack worden tal van gegevens gemeten:
aantal bezoekers, aantal bezoeken, enzovoort.
Positioneren met CSS
Er zijn een aantal manieren waarop je elementen een positie kunt geven met behulp van CSS.
Wanneer je welke manier gebruikt hang af van een paar zaken. Ten eerste wat je als basis wilt
gebruiken voor het te plaatsen element. Ten tweede de invloed van andere elementen op dat ene
element. We hebben het in dit artikel over statisch positioneren, relatief positioneren,
absoluut positioneren en over vast positioneren.
Javascript in XHTML 1.0 strict
Je site moet xhtml 1.0 strict worden, maar op welke manier zorg je ervoor dat
je javascript code dit niet verpest? Want als je javascript code zomaar in je website zet,
tussen de script-tags, dan is je pagina niet valid.
Rollover menu maken met CSS
Wanneer je een menulijst hebt met actieve links kun je deze verfraaien door gebruik te maken van css.
Dit heeft natuurlijk de voorkeur boven het gebruik van plaatjes en javascript aangezien het
veel minder ruimte inneemt en dus sneller laadt.
PHP een introductie
Er zijn genoeg redenen te bedenken waarom je php zou willen leren. Wellicht omdat je wat interactieve
elementen wilt toevoegen aan je eigen website. Misschien wil je juist leren hoe andere websites nu eigenlijk
in elkaar zitten als ze php gebruiken. Of misschien wil je gewoon wat meer kennis opdoen. In dit artikel willen
we op een praktische manier ingaan op de mogelijkheden van php. Bij lange na niet uitputtend, maar voor een
heleboel gevorderd werk verwijzen we je graag naar websites die php als hoofdonderwerp hebben.
Een korte blik op Flash 8
Enkele weken geleden heeft Macromedia Studio 8 het daglicht laten zien. Wij vonden
het wel eens interessant om te zien wat verbeteringen en veranderingen zijn. ReneV (moderator
van het Flash deel op het forum) nam eens in ogenschouw wat er nieuw is aan Flash 8.
Over pixel, punten, em en andere lettergroottes
Sinds CSS is het aantal manieren om de lettergrootte weer te geven enorm toegenomen.
Waar de fonttag een getal gebruikte, kun je met css pixel, point, picas, em, ex,
omschrijvingen en percentages (%) gebruiken.
Descendent selectors
Wanneer je gebruik gaat maken van CSS zul je op een gegeven moment te maken krijgen
met descendent selectors. Wat zijn dit eigenlijk? In dit artikel willen we aan de hand van voorbeelden
aangeven hoe je dit kunt gebruiken.
Je eerste, goede website maken. Stijlen invoegen.
We gaan naar aanleiding van het vorige artikel over de opbouw van een website,
nu de stijlen invoegen. Het vorige artikel vind je hier.
daarbij hadden we een eenvoudige opmaak gemaakt voor een twee-koloms layout met een
footer, met behulp van div.
Importeren van stijlen
Wanneer je CSS gebruikt kun je dat op een aantal manieren doen. Je kunt een
ingebedde stijl gebruiken, een intern stijlblad of een extern stijlblad. Wij zetten de
verschillende mogelijkheden nog even op een rij.
Apache, PHP en MySql installeren
In dit artikel willen we ingaan op een veelgestelde vraag. Namelijk het installeren
van Apache, PHP en MySql op je eigen computer zodat je php-pagina's kunt controleren en
uitproberen. We gaan dit trio installeren onder Windows.
Affiliate worden
Affiliate worden, hoe kan dat, wat is het en hoe kun je er geld mee verdienen
voor je website. Deze en andere vragen komen aan bod in dit artikel. Affiliate marketing is
een instrument om geld te verdienen met je website. Dit doe je door je in eerste instantie
aan te melden voor een affiliate programma.
Je eerste, goede website maken
Een website maken is helemaal niet moeilijk, een goede website maken ook niet, maar
het vereist wel wat meer investering van de bouwer. Voordat je dan ook begint met de
feitelijke inhoud is het belangrijk om eerst te letten op de structuur van je website.
In het volgende voorbeeld gaan we dan aan de slag met een website gemaakt in XHTML en
CSS.
Inlog en registratie script
Naar aanleiding van
dit topic
is dit artikel tot stand gekomen waarin uitgelegd wordt hoe je een op PHP en MySql
gebaseerd memberssysteem kan maken.
In dit artikel zal echter stapsgewijs naar het resultaat toe worden gewerkt.
Ben je dus onbekend met PHP en MySql, of ben je nieuw met PHP en MySql en weet je
niet waar je moet beginnen wanneer je een members-script wil maken?
Dan zou het doornemen van dit artikel een ideale oplossing kunnen zijn.
Optimaliseren voor zoekmachines
De dagen van de metatags zijn voorbij. Een zoekmachine als google gebruikt deze al
helemaal niet meer. Zoekmachines kijken naar veel meer zaken als het aankomt op gevonden
worden. En als je net begint met een site, geduld is een toverwoord. Maar wat zijn nu de
basisbeginselen om je site gevonden te laten worden?
Grootte van een plaatje aanpassen
Wanneer je een plaatje wilt hebben dat zich qua grootte aanpast aan het formaat van
de browser kun je gebruik maken van javascript. Bij de meeste computers ziet een plaatje
er namelijk leuk uit op een 17 inch scherm, maar heeft het de grootte van een postzegel
op een scherm van 22 inch.
Gigastyle, stylen met css.
Gelukkig komt het werken met stylesheets (CSS) steeds meer in zwang. gelukkig, omdat je
er veel meer mee kunt bereiken dan het aloude html. Wat overigens nooit bedoeld was om de
lay-out van een website te verzorgen. CSS is dat wel. Wat je met CSS kunt bereiken is goed te
zien op de website van Mark Creeten,
Gigastyle.be. Hij vroeg aan Dave Shea, van csszengarden, of hij het
idee voor de benelux mocht gaan uitvoeren. Dat mocht hij.
Eend ~ maakt internet menselijk
Een naam kiezen voor een website van een groep mensen die websites bouwen is niet
gemakkelijk. In de tijd dat iedere webdesignbedrijf zich inter-dit,
cyber-dat of e-huppelepup noemde,
lag het voor sommigen voor de hand om een andere naam te kiezen.
De mensen achter 'eend'
bedachten een makkelijk te onthouden naam en kwamen er gelukkig
ook nooit meer van af.
Verlevendig je website
Een website kan altijd beter en je kunt altijd weer wat anders bedenken om het mooier te maken.
We zetten eens een aantal ideeën op een rij waar je aan kunt denken mocht je een
verandering aan je website overwegen.
Document Type Defenition
Wanneer je het heb over een DTD, Document Type Definition (DocumentType defenitie), dan
heb je het in wezen over de bouwtekening waarin XHTML staat beschreven. In dit artikel
willen we ingaan op de drie verschillende defenities die er bestaan voor XHTML; Transitional,
strict en frameset.
Webdesign 10 handige tips
Het designen van een website gaat niet zomaar. Je moet rekening houden met je bezoekers, hun
computer en datgene wat ze niet willen. Zo moet je nooit de controle van hen overnemen door
ineens alle benodigde browserknoppen weg te halen. Deze en nog negen handige tips op een rij.
Handige links
Een overzicht van links is altijd handig, maar soms wil je weten waarvoor nou die ene
link nu net zo geschikt is. We hebben een aantal handige links eens op een rijtje gezet,
met daarbij waarom we deze links nu zo handig vinden. Er zijn natuurlijk nog veel meer
links te bedenken. Heb je echt nog een handige tip, neem dan even
contact met ons op.
Adverteren op je website
Het plaatsen van advertenties op een website kan een positieve wending geven aan het
bouwen, omdat je er nu wat geld mee verdient, maar let op de valkuilen. Geld verdien je
niet zomaar. Ook is het handig om wel aan een aantal voorwaarden te voldoen.
In- en uitklappen van tekst
Soms zijn er van die handigheidjes die het werken met CSS zo aantrekkelijk maken.
Stijlen zijn heel handig, maar in combinatie met JavaScript biedt het nog leukere
mogelijkheden. Je krijgt dan DHTML, of Dynamische HTML. Laten we eens een handigheidje
gaan maken.
123winkel.net een interview
Soms lijkt het wel alsof half Nederland een webwinkel wil gaan starten. Mocht dat nu
ook jouw plan zijn dan is het een idee om aan de slag te gaan met al een voorbereide
winkel, waarbij je binnen 24 uur een 100% operationele webwinkel op internet hebt staan.
123winkel.net biedt deze opzet. Wij
namen een kijkje achter de schermen.
Maak een twee koloms lay-out
Als je goed kijkt hebben veel websites een basis van twee kolommen. Links het menu
en rechts, een stuk breder de inhoud. Met behulp van HTML en CSS gaan we zo'n lay-out
maken. Hiervoor gebruiken we geen tabellen meer. Deze beschouwen we vanaf nu als achterhaald.
Op zoek naar een webhoster
Wanneer je al een tijdje actief bent met het bouwen van een website wil je wellicht
overstappen naar een betaalde host. Je bent er inmiddels achter dat 'gratis' hosting je
niet bepaald serieus maakt in webdesigners kringen. Hoe werkt dit nou en wat houd een
dergelijke overstap nu precies in? Waar moet je op letten?
Het gebruik van een robots.txt bestand
Wellicht heb je er wel eens van gehoord, de robots.txt files.
Hoe werkt deze nu en wat
kun je ermee? Met name zij dit soort files bedoeld voor zoekmachines. Je kunt ermee
aangeven of ze bepaalde informatie moeten overslaan.
Starten met Flash
De eerste jaren van internet gaf weinig activiteit te zien op websites. De meeste sites
waren statisch en een af en toe geplaatste gif-file was het enige wat een beetje beweging liet
zien. De komst van FutureSplash, de voorloper van Flash bracht daar een verandering in die
zelfs de meest fervente internetter van die tijd nooit had kunnen vermoeden.
Het opzetten van een portfolio
Om als webdesigner te kunnen slagen zul je de buitenwereld kennis moeten laten nemen
van wat je kan. De beste manier om jouw kunnen te delen is door middel van een protfolio.
Een portfolio is een weergave van wat je hebt gemaakt. Een eventuele werkgever kan hiermee
snel inzicht krijgen in je capaciteiten.
Initworks, hosting voor webdesigners en vormgevers
Tegenwoordig is het bepaald niet gemakkelijk om te overleven in de wereld van de
hosting. Nog steeds komen er hostingbedrijfjes bij. En even makkelijk zijn die
bedrijfjes ook zo weer weg. Gevestigde bedrijven zullen zich op een specifieke
manier in de markt moeten zetten om te kunnen overleven.
Initworks, een Rotterdams
bedrijf in Internet dienstverlening doet dat door zich op een specifieke groep te richten.
Zelf een webwinkel beginnen
'Mijn Webwinkel 3' is een softwarepakket voor windwos om een eigen internetwinkel
te kunnen starten.
Met dit programma kun je snel en efficiënt uw artikelen op het internet aanbieden
in je eigen online-shop. Wij bekeken dit programma eens om te zien wat er allemaal mee kan.
Voor nog geen honderd euro is het bij verschillende aanbieders aan te schaffen.
Website voor beginners
Voor beginners is het vaak lastig om precies duidelijk te krijgen hoe je nu moet beginnen
bij het maken van een website. Je maakt bijvoorbeeld een mooie lay-out, en dan? Het is handig
om je dan eens te gaan verdiepen in welke zaken je nodig hebt om je site online te krijgen.
Textbox in CSS met div
Je kunt met behulp van tabellen behoorlijk goed een pagina indelen en beheersbaar
maken, maar met behulp van de div-tag kun je nog veel meer voor elkaar krijgen en heb je
tabellen niet eens meer nodig. Je gaat textboxen maken, die je tot op de pixel
nauwkeurig kunt neerzetten. Ook zetten we deze texbox in lagen.
Web make-over R&G computers
We zijn aan de slag geweest met een webmake-over voor een computerbedrijf.
Het bedrijf waarvoor wij een make-over gingen maken had de website zelf gemaakt en in
onderhoud. In eerste instantie hebben we gekeken wat de wensen zijn van het bedrijf.
CSSref, De complete stijlreferentie.
Het gebruik van stylesheets groeit met de dag. Steeds meer mensen gaan het nut van
stijlen inzien. Hoe je die stijlen gebruikt, wat je er mee kunt de mogelijkheden zijn zo veel
meer groter als met alleen maar html. Bij cssref.be kun je een uitgebreide inleiding en verdieping vinden over het gebruik. De attributenlijst maakt de website compleet. Wij voelden de makers eens aan de tand.
Het publiceren van een Flashmovie in HTML
In dit artikel komen een aantal codes aan bod om een flashmovie in een htmlpagina
te zetten. Voor veel nieuwe gebruikers van Flash, of als je een flashbutton aangeleverd
krijgt is dit in eerste instantie een onduidelijke zaak.
Een footer op elke pagina
Stel dat je op iedere pagina een ondertekst wilt, een zogenaamde footer.
Maar af en toe
heeft deze footer een wijziging nodig. En je wilt dan niet al je 120 pagina's aflopen om de
wijziging door te voeren.
Hoe kun je er nu voor zorgen dat deze footer op iedere pagina verschijnt en hetzelfde is?
Geld verdienen met een website
Het lijkt wel of je op iedere site die voor webmasters is geschreven niets hoeft te
doen om bakken met geld te verdienen. Niets is minder waar. Het is juist zo van belang dat je hard
werkt aan je website. Je zult bezoekers moeten krijgen, die moeten houden en ook nog eens
de juiste advertenties moeten plaatsen.
Preloader maken in Flash (% geladen)
Een eenvoudige preloader toevoegen aan je flashpagina is niet moeilijk en het staat wel
veel beter. Vandaar dat we een tutorial hebben toegevoegd om je dit te leren. Zorg wel dat
je een versie van Flash op je site hebt staan.
(
Macromedia Flash)
Buttons maken met Flash
Nadat we de vorige keer kennis hebben gemaakt met het programma Flash, gaan we nu
aan het werk. We beginnen met het maken van een eenvoudige button. Stap voor stap
wordt uitgelegd wat je moet doen.
Professioneel webdesigner worden
In een serie artikelen gaan we in op de vraag hoe je nu professioneel webdesigner kunt
worden. We hebben het dan over iemand die voor zichzelf gaat werken. Hoe zit dat nu precies
met de 'Kamer van Koophandel', de belastingdienst en de bank? Ook is er een deel van het
forum voor vragen en antwoorden hierover.
Website beveiligen met htaccess
Enige tijd geleden hebben we een artikel geplaatst over het beveiligen van je website met behulp van een Javascriptcode.
Hier kregen we enorm veel reacties op. Aan de ene kant waren bezoekers enthousiast over het onderwerp.
Aan de andere kant liepen bezoekers aan tegen de beperkingen van deze manier van beveiligen.
In dit artikel willen we een stap verder gaan en een (deel van) de site beveiligen met .htaccess,
een veiligere manier van het achter slot en grendel zetten van je website.
Een introductie in Flash
Tegenwoordig heeft elke zichzelf een beetje respecterende website iets met Flash op z'n site staan.
Het ziet er allemaal gelikt uit en hierbij is "the sky the limit". Maar wat is Flash nu eigenlijk,
wat kun je ermee. Wij vroegen een ervaren gebruiker naar de ins en outs van dit veelzijdige programma
van de makers van Macromedia.
Stappen naar een goede website
Er zijn een aantal basisstappen die leiden naar een goede website. Wij hebben deze stappen eens op
een rijtje gezet. De inhoud van de stappen kan verschillen, maar in wezen is elke stap nodig voor het maken
van de gewenste site.
Ik wil een forum op mijn website.
Een forum op je site kan een meerwaarde geven aan je website. Het kan ook een blok aan je been zijn, want als er
niemand op dat forum komt dan ziet iedereen die je site bezoekt dat er niets gebeurd. Maar hoe maak je nu een
forum en hoe komen de bezoekers op je forum af? Met dit artikel willen we op deze vragen proberen een antwoord
te geven.
Buttons en iconen als link
Op heel veel webpagina's staan buttons. Dat zijn speciaal vormgegeven links, die voor de
bezoeker makkelijk herkenbaar moeten zijn om de weg door een website heen te vinden. Zo heb je het
huisje voor de homepage en het envelopje voor de contactpagina. Het blijkt toch een kunst te zijn
om de juiste buttons of iconen te maken waarin de bezoeker de weg naar de juiste bestemming vind.
Voordat je begint...
Voordat je ook maar begint met het maken van een website en je ook maar een html-code hebt getypt
zijn er een aantal zaken waar je op moet letten en waar je rekening mee moet houden. We willen nu
eens kijken naar hou je een start maakt met je website. We gaan er van uit dat je een idee hebt. Het
gaat nu om het vormgeven.
Typografie op je website
Heb je eindelijk een prachtige website gemaakt met dat ene mooie lettertype, blijk jij de enige
te zijn die dat op zijn computer heeft staan. Of je laat een sitecheck uitvoeren en ze kunnen aan je lettertype
zien dat je een beginner bent. Hoe kun je nu op je website op een goede manier aan de slag met lettertypes.
Of met andere woorden; 'Hoe houd je rekening met typografie?'
BBEdit html-editor voor de Mac
Natuurlijk is daar Dreamweaver, maar wil je als Mac-gebruiker aan de slag met een html-editor,
dan is er daar maar een echte topper, die ook nog eens redelijk betaalbaar is.
BBEDIT! Inmiddels
aangekomen bij versie 7.1. Hier kun je als websitebouwer die op een applecomputer werkt niet omheen.
De vraag is of deze editor wel kan tippen aan bijvoorbeeld html-kit, alleen geschikt voor Windows.
Nou dat kan die.
Email adres verplicht invullen
Je ziet het wel eens als je een formulier moet invullen en je vergeet het email-adres, dan
wordt er gevraagd om dat toch maar in te vullen. Hoe krijg je dit nu voor elkaar, dat het formulier
niet wordt behandeld voordat je bepaalde onderdelen hebt ingevuld?
Gebruik maken van een I-frame
Met een iframe, wat ongemakkelijk vertaald in het nederlands een zwevend frame, kun je hele leuke
dingen doen binnen je website. Zelfs zo dat het niet eens opvalt dat je een iframe gebruikt.
Meestal maakt men gebruik van een iframe als de informatie van een site aan de randen, om het frame
heen, niet vaak hoeft te veranderen en datgene in het iframe wel gemakkelijk aangepast moet worden.
Het belang van een domeinnaam.
Bij veel websites wordt het belang van een goed gekozen domeinnaam onderschat. Het is
namelijk best belangrijk om hier van tevoren goed over na te denken. Aan de ene kant
moet een naam de lading dekken van hetgeen wordt aangeboden op de site.
HTML-kit, de mogelijkheden op een rij.
Dat html-kit veel mogelijkheden heeft zal de gebruiker niet ontgaan. Dat je vervolgens nog heel wat extra's kunt
downloaden op de website, misschien ook nog niet. Maar wat je er allemaal mee kunt, proberen we in dit artikel duidelijk
te maken.
Website MakeOver 'Hulppost Heelweg'
In deze eerste aflevering van website MakeOver bekijken we hoe de website van
Hulppost Heelweg is veranderd. We kijken naar de verbeteringen en veranderingen en
proberen een aantal ideeën te geven voor je eigen website.
Website beveiligen met een wachtwoord.
De laatste tijd merkt iedere internetgebruiker meer en meer dat er wordt gelet op beveiligen van websites
en van de informatie die er op sites te vinden is. Het is niet meer vanzelfsprekend dat alles zomaar vrij te vinden
is op het web.
Er komen steeds meer vragen hoe je je website met een wachtwoord kunt beveiligen. In dit artikel
willen we hier uitgebreid op ingaan.
Lijsten op je website
In XHTML kun je gebruik maken van een drietal lijsten. Met behulp van stylesheets zijn de mogelijkheden voor
deze lijsten zeer groot. In dit artikel gaan we in op het gebruik van lijsten in je website. Aan de hand van de
voorbeelden kun je keuzes maken voor de lijst die je zelf wilt gebruiken in je website. Zo kennen we de geordende
lijst (<ol>) de ongeordende lijst (<ul>) en de definitielijst. (<dl>).
Doelgroepen voor de webschrijver
In feite zijn er maar twee hoofdgroepen te onderscheiden van mensen die jouw site
bezoeken. Je hebt de surfers en je hebt de informatiezoekers.
Dreamweaver
Een van de belangrijkste spelers op de markt van editors is Dreamweaver. Of je nu een beginner bent of
een professional, met Dreamweaver kun je uit de voeten. Je kunt gebruik maken van sjablonen, stylesheets kun je
makkelijk integreren en een groot voordeel is ook dat Flash en Fireworks makkelijk te integreren zijn in
Dreamweaver. Deze komen allemaal van hetzelfde bedrijf namelijk Macromedia.
Onderwerp voor je website
Je wilt een website gaan maken, maar je moet nog een onderwerp hebben voor die site. Hoe ga je dat aanpakken.
In dit artikel willen we je een paar handreikingen geven aan welke onderwerpen je zou kunnen denken.
Tekstvak maken met CSS
In het vorige artikel over CSS hebben we al heel even de box genoemd,
waarin je bijvorbeeld een tekst kunt plaatsen. Zo'n box heeft heel veel mogelijkheden en
kan bij heel wat zaken van pas komen. Bijvoorbeeld bij de manier waarop we op deze site
een html-code weergeven. We gaan in dit artikel wat uitgebreider in op
het maken van zo'n textbox, of, vrij vertaald, een tekstvak
(kun je natuurlijk voor vanalles gebruiken).
Welke gratis redirection is het beste?
Iedereen heeft wel gehoord van websites waarbij je je eigen site een handige domeinnaam kunt geven, bijvoorbeeld
.tk en cjb.net. Maar welke is nu het beste? Deze mogelijkheid is vaak handig voor jonge webmasters die geen eigen
domeinnaam kunnen kopen en wel een handige, niet al te lange en ingwikkelde domeinnaam willen.
HTML Kit, (X)HTML editor met grote mogelijkheden
We hebben deze html-editor al wel eens genoemd in eerdere cursussen, maar nu willen we eens wat dieper
ingaan op de mogelijkheen van deze veelzijdige editor. HTML-kit, gratis en met heel veel mogelijkheden. Mocht je de
editor willen downloaden ga dan naar de website www.chami.com/html-kit
Lettergrootte
FAQ: Ik heb een website gebouwd met behulp van tabellen. Voor mijn lettertype gebruik ik de
font-tag. Nu heb ik onlangs gemerkt dat bij mij de tekst mooi op het beeldscherm komt, maar dat het bij
een vriend van me er absoluut niet mooi op komt. Wat kan
ik er aan doen?
Frames in je website
Frames, door sommige websitebouwers verguist, door anderen verheerlijkt. De een zweert erbij, de ander moet
er niets van weten.
Toch hebben frames een aantal voordelen. Je kunt met frames bepaalde belangrijke aspecten
een vaste plek geven. Bijvoorbeeld je navigatie, of je
logo. Het w3c heeft daarom het onderdeel frames een eigen declaratie gegeven, zo bieden wij hier een les aan over
frames.
Het maken van een formulier
Veel mensen willen graag een formulier op hun website. Maar als er een gemaakt is en vervolgens start
outlook express, dan zijn ze niet tevreden, want een professionele site werkt ook niet op deze manier. In deze les
willen we dan ook aandacht besteden aan het maken van een formulier waarbij je een CGI-script gebruikt. (En
niet de 'mailto' actie)
JavaScript, Pop-up boxen.
JavaScript kent drie verschillende pop-up boxen. De Alertbox, waarbij je alleen op
'OK' moet klikken, de Confirmbox, waarbij je klikt op 'OK' of 'annuleren' en de Promptbox,
waar de gebruiker een tekst moet
invullen en dan op 'OK' drukt of 'annuleert'.
Ruben Felix van rubenfelix.tk
Soms kom je ze tegen en soms komen ze op je af. Jonge mensen die enthousiast geworden zijn in het
bouwen van hun website. Volgens de echte experts zijn het 'newbees', maar zijn het niet juist deze
gedreven enthousiastelingen die het surfen op het web tot een leuk avontuur maken. Je weet maar nooit
wat je tegen komt.
Doelstellingen voor de webschrijver
In de eerste van de serie artikelen over
schrijven op het web hebben we een aantal doelstellingen
bepaald die bij het schrijven van een website van belang zijn. Deze doelstellingen waren 'Informeren',
'Communiceren' en 'PR en transacties'. Dat de meeste websites gebruik maken van een combinatie van deze
doelen moge duidelijk zijn, maar wat betekenen deze doelen nu voor de webschrijver?
Belangrijke tips voor een xhtml document
XHTML de nieuwe webtaal, een combinatie van de kracht van HTML en de veelzijdigheid van XML.
We kijken naar een aantal zaken die van belang zijn bij het maken van een degelijke website, gemaakt
met XHTML.
Javascript, fouten opsporen
We gaan in deze tutorial kijken hoe je fouten kunt opsporen die je maakt
tijdens het schrijven van JavaScript, of die gemaakt zijn in scripts die je hebt gekopieerd van andere
sites. Je ziet in Internet Explorer vast wel eens onderaan de pagina in plaats van 'gereed' een driehoekje
met een uitroepteken staan. Daarachter staat dan 'gereed, maar met fouten op de pagina'.
Picosearch, zoeken op je website
Picosearch is een webtool om een zoekfunctie op je site te kunnen zetten. Hierbij kun
je kiezen uit drie paketten. Wij bekeken de mogelijkheden van het gratis pakket, dat geschikt is
voor websites die niet groter zijn dan 1500 pagina's.
Hoe schrijf ik voor het web?
Dat het lastig kan zijn om voor een website een goede tekst te schrijven bewijzen veel
websites keer op keer. Afgezien van grote taalfouten houden veel webdesigners geen rekening
met de specifieke kanten van het schrijven voor het web.
HTML Quiz
Maak de quiz en kijk hoe het gesteld is met jouw kennis op het gebied van html en websites maken.
Webdeveloper Niroj, van Niroj.com
Weer een jonge veelbelovende webdesigner, die meer bezig is met de websites van anderen,
dan dat zijn eigen website afkomt, maar plannen zijn er volop.
Javascript 2
In deze cursus gaan we wat verder in op het programmeren met JavaScript.
Zo zul je te weten komen dat bepaalde woorden niet zomaar gebruikt kunnen worden en
ook dat je secuur je codes moet invoeren. Als je bijvoorbeeld 'Alert' typt in plaats van 'alert,
gebeurd er namelijk niets bij het maken van een alertbox.
Derde cursus Stijlbladen
We kunnen nu stijlbladen maken, maar nu wil je graag weten welke stijlen er zoal zijn.
In de cursus stijlen 1 zag je een overzicht van alle stijlen, maar in deze cursus gaan we wat
praktische toepassingen maken.
Koekjesnet Verzuz MyGB
Twee sites in Verzuz waarbij je zelf aan de slag kunt met het maken van een
Gastenboek. Dat is voor veel websitebouwers een leuk handigheidje om van hun bezoekers
te horen wat ze vinden van de site. De eerste site waar je je gastenboek gratis kunt aanmaken is
Koekjesnet.nl, de tweede is MyGB.nl.
Cursor
Ik zie bij sommige sites in plaats van een handje als cursor,
een vraagteken verschijnen. Hoe krijg ik dat voor elkaar?
Tabindex
Ik wil dat als je op de tabtoets drukt in een formulier,
de cursor een volgorde aanhoud, die ik zelf bepaal. Hoe doe ik dat?
JavaScript 1
JavaScript is een scriptingtaal.
Er bestaat een client-side en een server-side Javascript.
Client-side JavaScript wordt direct uigevoerd via de browser van de bezoeker.
Aan de kant van de cliënt. Server-side Javascript wordt uitgevoerd op de server en
wordt dan weer naar de browser van de gebruiker getstuurd.
Onze aandacht gaat met name uit naar de client-side.
Stijlbladen
We gaan in deze aflevering stijlbladen maken, hiervoor moet je wel de eerste cursus
Stijlen hebben gedaan, omdat we hier op voortborduren. We weten inmiddels hoe we een element
onze eigen stijl kunnen geven. Dit kunnen we toepassen in een element zelf en voor een webpagina.
Nu gaan we het leren toepassen in een website.
Banner weg bij .tk
Hoe schakel ik de pop-up uit bij .tk?
A: Dat kan op een vrij eenvoudige manier.
Ga naar mydot.tk.
Stijlen 1
Stijlen zijn te gebruiken voor je website.
In deze cursus leer je hoe je elementen kunt aanpassen aan je eigen wensen.
Dit is het eerste deel over stijlen er volgt nog een tweede deel, die ingaat op het maken van stijlbladen.
Interview met Swinx
Deze keer hebben we een interview met een jonge webdeveloper,
die met zijn website SWINX.NL een gratis forwarding aanbied.
En met gratis wordt ook echt gratis bedoeld, aldus de website.
Hotmail Verzuz Dolfijn
Favicon
Muziek op je site
XHTML
Tabellen
FTP (Uploaden)
Tekst
De eerste site
Kladblok
Inleiding in HTML
