Leer zelf een webpagina maken
Zelf een webpagina maken?
Met behulp van mijn instructies is dat helemaal niet moeilijk!
Hoe begin ik?
Wil je zelf een webpagina maken, begin dan met een html-editor te downloaden.
Dit is een programma waarmee je gemakkelijk html-pagina's maakt
(pagina's die zijn te lezen met een browser, zoals Internet Explorer, Netscape Navigator of Mozilla Firefox).
Eigenlijk heb je niet meer nodig dan een eenvoudige teksteditor (zoals Kladblok of Notepad++) om een html-pagina te maken,
maar omdat je behalve tekst ook heel veel codes moet invoegen,
is het prettig als een programma dat voor je kan doen.
Zo is de kans op fouten kleiner en werk je sneller.
Zelf vind ik HTML-Kit
een prettig programma, maar er zijn natuurlijk talloze andere te vinden op internet
(zoek in Google op: free html editor).
Nu kun je op twee manieren verdergaan. Je kunt een van mijn gratis website-templates gebruiken en die als basis gebruiken voor je eigen webpagina's. Óf je gebruikt deze html-code als basis om bijvoorbeeld een webpagina te maken zoals die in de afbeelding hieronder.
Hoe zet ik afbeeldingen op mijn eigen website?
Met een of meer afbeeldingen op je webpagina's, maak je ze vaak een stuk aantrekkelijker. Maar hoe doe je dat nou, een afbeelding op een webpagina zetten? Omdat er best wel veel bij komt kijken, heb ik er een aparte pagina over gemaakt. Daarop lees je:
- welk formaat je afbeeldingen moeten hebben
- hoe je ze goed kunt verkleinen
- welke html-code je nodig hebt om je afbeeldingen op een webpagina te zetten
- hoe je thumbnails maakt
- en hoe je aan geschikte afbeeldingen komt.
Wil je hier meer van weten, klik dan op meer weten over een afbeelding plaatsen.
Hoe zet ik muziek op mijn eigen website?
Ik houd zelf helemaal niet van muziek op een website, vind het soms zelfs behoorlijk irritant, maar als jij het wel graag wilt, lees je op de pagina achtergrondmuziek.html welke html-code je daarvoor nodig hebt.
Hoe voeg ik een gastenboek aan mijn site toe?
Wil je graag een gratis gastenboek op je site dat gemakkelijk is te installeren? Ik heb even voor je rondgekeken en er uiteindelijk eentje gevonden in de vorm van DigiOz Guestbook. Het is een gastenboek dat bovendien een Nederlandstalige module bevat, wel zo leuk als je ook een Nederlandse website hebt. Klik hier voor een uitgebreide instructie.
Hoe zet ik een formulier op mijn eigen website?
Wil je bepaalde gegevens van je bezoekers verzamelen, zoals hun naam en e-mailadres
(zodat je ze aanbiedingen kunt toesturen), dan kun je daarvoor een formulier gebruiken.
Ook kun je een formulier gebruiken als je je bezoekers de mogelijkheid wilt bieden een berichtje naar jou te sturen -
je hoeft dan geen e-mailadres op je website te publiceren, en dat scheelt een heleboel spam!
Op een andere pagina van onze site doe ik je uit de doeken hoe je een
formulier-script installeren kunt.
Heb je een heel goedkoop of gratis hostingpakket afgesloten, dan mag je waarschijnlijk geen scripts op je server zetten.
Ga dan eens kijken bij www.terradon.nl.
Als je je op die website registreert, kun je gratis een formulier op je site zetten.
Hoe maak ik een link naar een andere pagina?
Als je je eerste webpagina hebt gemaakt, wil je er heel waarschijnlijk al gauw nog een maken.
Een pagina die je kunt oproepen door te klikken op een link die op je homepage staat. Maar hoe doe je dat?
Eigenlijk is het heel eenvoudig. Je moet er natuurlijk eerst voor zorgen dat je een tweede pagina hebt.
Open daarvoor de eerste pagina die je hebt gemaakt ('index.html') in je teksteditor (Kladblok of Wordpad bijvoorbeeld)
of in een html-editor. Vervolgens kies je Bestand – Opslaan als...
en je slaat die pagina op onder een andere naam ('contact.html' bijvoorbeeld of 'wiezijnwij.html').
Gebruik geen spaties, aanhalingstekens, komma's e.d. in de naam van je nieuwe pagina.
Een liggend streepje kan wel (bijvoorbeeld 'wie-zijn-wij.html'), maar noem je nieuwe pagina niet: 'foto's.html'.
Heb je je eerste pagina een andere naam gegeven en opgeslagen, dan heb je nu twee pagina's.
Maar deze pagina's hebben nog wel dezelfde inhoud (de tweede pagina is eigenlijk gewoon een kopie van de eerste).
Dus wat je nu eerst moet doen, is de tekst van de nieuwe pagina veranderen en afbeeldingen toevoegen of weghalen.
Maar inmiddels is dat waarschijnlijk geen probleem meer.
Nu moet je nog een link aanbrengen van je homepage naar de tweede pagina.
Het eenvoudigste is een gewone tekstlink. De code daarvoor is de volgende:
<a href="naamvanpagina2.html">pagina2</a>
Het stukje tekst 'pagina2' wordt nu weergegeven als een link als je de pagina in je browser oproept. Als je erop klikt, wordt je vanzelf doorgestuurd naar de nieuwe pagina. Als je wilt dat er een nieuw venster wordt geopend als je op de link klikt, dan moet je nog een stukje code toevoegen:
<a href="naamvanpagina2.html" target="_blank">pagina2</a>
Bekijk eventueel nog even deze
videotutorial link invoegen
voor een visuele instructie.
In plaats van een stuk tekst, kun je natuurlijk ook een plaatje gebruiken. Dan heb je de volgende code nodig
(zorg er dan wel voor dat je de afbeelding ook uploadt naar je server;
anders is er straks alleen een rood kruisje te zien):
<a href="naamvanpagina2.html"><img src="afbeelding.gif"></a>
Hoe maak ik het mezelf gemakkelijk met php includes?
Een website bouwen is veel werk, maar je hoeft jezelf niet meer werk te bezorgen dan nodig is. Een van de manieren waarop je het jezelf wat gemakkelijker kunt maken, is door gebruik te maken van 'php includes'. Daarmee zorg je ervoor dat je webpagina's bepaalde, veel voorkomende onderdelen, vanzelf inladen en dat kan je een hoop werk schelen. Meer hierover lees je op de speciale pagina over php_includes.
Van zelf een webpagina maken terug naar de homepage