Klik hier om Silverlight te installeren*
NederlandWijzigen|Alle Microsoft sites
Microsoft
Zeker Ondernemen 
|Contact|Mijn gegevens|Nieuwsbrieven|RSS|Zeker Ondernemen +
Marketing

Zelf een webwinkel bouwen - deel 1

 
Veel ondernemers zijn nog altijd op zoek naar een website waarmee geld valt te verdienen. De producten die u in de 'echte' winkel verkoopt zou u toch ook online kunnen aanbieden? Zo'n webshop kunt u laten bouwen of zelf maken. In het laatste geval dient u te beschikken over enige kennis van HTML en over een programma om de webpagina's mee te bouwen.
 
In dit eerste deel van drie artikelen maakt u een eenvoudige webwinkel met Microsoft FrontPage en Access 2003. In de volgende delen zult u leren hoe u de producten op de pagina's op diverse manieren laat zien. Ook ontwikkelt u een eenvoudig systeem voor het plaatsen van orders en voor het afhandelen van betalingen.
Gerelateerde training
 
Voor deze training moet u lid zijn van Zeker Ondernemen +. U kunt zich hiervoor gratis aanmelden.
 
Database aanmaken
Database vullen
Video: FrontPage-site
HTML-pagina met navigatie maken
HTML-pagina laden binnen andere HTML-pagina's

Database aanmaken

Uw eerste taak is het bouwen van een database. Daarvoor gebruikt u Microsoft Access, onderdeel van Microsoft Office Professional. Deze database is niet alleen gemakkelijk te gebruiken, maar ook heel goed te integreren in een website. Maak de database als volgt:
 
  1. Start Microsoft Access 2003.
  2. Kies in het taakvenster rechts de optie Een nieuw bestand maken.
  3. Kies de optie Lege database.
  4. Het venster Nieuwe database verschijnt. Selecteer een locatie voor de database en vul de naam boeken in. Klik dan op Maken.
  5. Een database met de naam boeken.mdb is gemaakt. Het databasevenster verschijnt. Dubbelklik op Tabel maken in ontwerpweergave.
  6. Typ bij Veldnaam de naam ProductId en druk op Tab
  7. Zet het Gegevenstype op Autonummering
  8. Ga naar het tweede veld en typ Titel. Zet het gegevenstype op Tekst. Onderin het scherm ziet u de Veldlengte. Deze is standaard ingesteld op 50 tekens.
  9. Vul de overige veldgegevens als volgt in:
    • Productomschrijving                  Tekst, 255 tekens
    • Prijs                                        Valuta
    • Staat                                       Tekst, 15 tekens
    • Auteur                                     Tekst, 50 tekens
    • Uitgever                                   Tekst, 50 tekens
    • Jaarvanuitgave                          Numeriek, Integer
    • ISBN                                       Tekst, 15 tekens
  10. Ga terug naar het veld Staat en klik op het tabblad Opzoeken. Kies bij Weergave besturingselement de optie Keuzelijst met invoervak.
  11. Kies bij Type rijbron de optie Lijst met waarden.
  12. Typ de volgende waarden in het vak Rijbron: uitmuntend;goed;redelijk.
  13. Sluit het venster en klik op Ja om te tabeldefinitie op te slaan. Geef de tabel de naam boeken.
  14. Antwoord met Ja op de vraag of een primaire sleutel gedefinieerd moet worden.
 
Schermafbeelding: Access - Tabel 'Tabel1', Veldnaam en Gegevenstype
 

Database vullen

Zoals u ziet is het maken van een database niet moeilijk. Onze database is bewust eenvoudig gehouden en bestaat uit slechts één tabel met de naam 'boeken'. In deze tabel is een achttal velden gedefinieerd. U kunt uiteraard zoveel velden maken als u nodig vindt. Het veld ProductId is heel belangrijk. Doordat dit op Autonummering is gezet wordt bij elk nieuw item of record een uniek en oplopend nummer gegenereerd. Hierdoor zijn alle records uniek. Als u een ander identificatiesysteem heeft, zoals een intern bestelnummer, dan kunt u dat gebruiken in plaats van het Autonummering veld.

 

De meeste velden wijzen zich zelf. Bij Staat hebben wij een lijstje gemaakt waaruit bij het invullen kan worden gekozen. Dat voorkomt dat iedereen maar iets anders invult over de staat van het boek. Het is nu tijd de database te vullen:

 

  1. Dubbelklik op de tabel Boeken.
  2. Vul de Titel in en druk op Tab.
  3. Vul de Productomschrijving in. U kunt maximaal 255 tekens intypen. Druk op Tab.
  4. Vul de Prijs in als getal, bijvoorbeeld 12. Access maakt er zelf € 12,00 van.
  5. Gebruik de lijst bij Staat om de staat aan te geven. Dat werkt makkelijk!
  6. Vul de overige velden in en druk op Tab om een nieuw record aan te maken. Zo vult u de gehele database.
  7. Sluit de tabel Boeken.

 

U hebt nu een database gemaakt en gevuld. Voorlopig bent u klaar in Access en kunt u het programma afsluiten.

 

Schermafbeelding: Access - Tabel 'Boeken', records aanmaken

 

Video: FrontPage-site

Nu kunt u aan de slag met het FrontPage, de HTML-editor van Microsoft. Met deze editor kunt u automatisch koppelingen maken naar de Access-database. Om gebruik te kunnen maken van alle voordelen van FrontPage moet u beschikken over een website die de FrontPage-serverextensies ondersteunt. Het opzetten van de FrontPage-site gaat als volgt:

 

  1. Start FrontPage 2003.
  2. Kies Bestand >> Nieuw >> Meer websitesjablonen.
  3. Kies voor de Lege website en geef de locatie van de map op (bij voorkeur op een Windows-webserver).
  4. Klik op OK. Geef indien nodig een gebruikersnaam en wachtwoord op en FrontPage zal de benodigde map met alle hulpbestanden en -mappen aanmaken.

 

 Bekijk een praktijkvoorbeeld

 

  1. Importeer de boekendatabase. Kies Bestand >> Importeren en voeg het bestand boeken.mdb toe.
  2. FrontPage herkent dat u een database toevoegt en vraagt u een naam voor de verbinding in te voeren. Gebruik de naam Database1 en klik op Ja. Sla de database in de aanbevolen map op.

 

 Bekijk een praktijkvoorbeeld

 

  1. Schermafbeelding: FrontPage - Databaseverbinding toevoegenIndien u afbeeldingen wilt toevoegen aan uw website kunt u dit op dezelfde manier doen. Ga een niveau naar boven en importeer de afbeeldingen. Kies Bestand >> Importeren en voeg de beeldbestanden toe.
  2. Kies Opmaak >> Thema en controleer of de opties Levendige kleuren, Actieve afbeeldingen en Achtergrondafbeelding aan staan.
  3. Zoek vervolgens onder Alle beschikbare thema's een thema naar keuze, klik op het pijltje rechts van het thema en kies Toepassen als standaardthema >> Ja.
  4. Sluit het taakvenster.

 

 Bekijk een praktijkvoorbeeld

 

top

HTML-pagina met navigatie maken

Nu de basis van de website is opgezet gaat u de eerste HTML-pagina maken:
 
  1. Klik op de knop Een nieuwe normale pagina maken. Een lege pagina met de opmaak van het gekozen thema verschijnt.
  2. Klik op de knop Opslaan en sla het bestand op als default.asp. Werkt u niet op een webserver, dan noemt u het bestand default.htm.
  3. Sluit het taakvenster.
  4. Kies Opmaak >> Gemeenschappelijke randen en kies voor de optie Alle bestanden.
  5. Zet de opties Bovenaan en Inclusief navigatieknoppen aan en activeer ook de optie Onderaan.
  6. Klik op OK. De randen en de navigatie zullen aan de pagina worden toegevoegd.
  7. Klik met de rechtermuisknop op de tekst van de hyperlinkbalk en kies uit het getoonde snelmenu de optie Eigenschappen van Koppelingsbalk.
  8. Kies voor Onderliggend niveau, controleer of de opties Introductiepagina en Bovenliggende pagina aan staan en klik op OK.
 
Schermafbeelding: FrontPage - Gemeenschappelijke randen
 

HTML-pagina laden binnen andere HTML-pagina's

De zojuist gemaakte HTML-pagina bevat randen met een balk met de titel van de pagina en de navigatieknoppen. Deze zullen op elke pagina terugkomen. Dus gaan we nu de overige pagina's maken:
 
  1. Klik op de knop Navigatie.
  2. Klik met de rechter muisknop op Nieuwe pagina 1 en kies Naam wijzigen.
  3. Typ een naam - bijvoorbeeld Webwinkel - en druk op Enter. De nieuwe naam zal ook verschijnen in de balk op de pagina.
  4. Klik met de rechter muisknop op Webwinkel en kies Nieuw >> Pagina.
  5. Klik met de rechter muisknop op Nieuwe pagina 1 en kies Naam wijzigen.
  6. Typ de naam Zoeken druk op Enter.
  7. Maak op dezelfde manier ook de pagina Contact aan.
  8. Klik op Mappenlijst. De navigatiebalk op de eerste pagina zal automatisch worden aangepast met de nieuwe pagina's.
 
Schermafbeelding: FrontPage - Default.asp
 

Tot slot

In dit eerste artikel is een begin gemaakt met het opzetten van een eenvoudige webwinkel. Uw producten, in dit geval boeken, zijn in een Access-database geplaatst. Verder hebt u met behulp van FrontPage een aantal webpagina's gemaakt voor een fictieve tweedehands boekwinkel. In het tweede deel van dit artikel gaan we deze twee onderdelen aan elkaar knopen. De website zal dan de producten uit uw database tonen. In het derde deel kijken wij naar het inbouwen van een betaalsysteem.
 

Gerelateerde artikelen

 
Beoordeel deze pagina

1 2 3 4 5 6 7 8 9
Slecht Goed
Vind een IT specialist.
Kies uw provincie.

Uitgebreid zoeken
Vind een Microsoft-gekwalificeerde small business-technologiespecialist in uw omgeving.

Abonneer u op de nieuwsbrief
Downloads
Downloads
Gratis: meer dan 25 praktische downloads voor ondernemers

Wat zoekt u?

Zoek
RSS Zeker Ondernemen
 Ontvang de laatste artikelen van Microsoft Zeker Ondernemen via uw RSS-reader. (Wat is RSS?)
RSS Zeker Ondernemen
.

©2008 Microsoft Corporation. Alle rechten voorbehouden. Contact opnemen |Gebruiksvoorwaarden |Handelsmerken |Privacyverklaring