Overzicht PHP-pagina's:

• index.php(Master template): De homepagina geeft de 4 recentste producten weer?
• products.php: Je ziet hier alle producten weer gegeven die de tabel bevat.
• detail.php: Dit bestand toon een product, hangt af van de GET request. Het bevat ook een formulier dat het product toevoegt aan de tabel 'order'.
• cart.php: Toont alle producten die in de tabel 'order' staan. Je kan hier het aantal veranderen of het product verwijderen.
• placeorder.php: Je voegt je adres nog toe en krijgt een bericht dat je bestelt hebt.

Bijhorend icoon & naam

Start eerst met het ontwerpen van een leuk icoon en naam voor je winkel. Hou het eenvoudig.

Kijk bij concurrenten, hieronder een link van een gallerij met moderen logo's.

Header design

Zoek een geschikte foto als header en ontwerp in Photoshop. Verbeter de kleuren. Vergeet ook niet dat de breedte van de foto op 100% fullscreen wordt uitgetrokken.

Je header of slider op je homepagina is de blikvanger. Dit zorgt voor de juiste look & feel en zorgt dat de bezoekers blijven op je website. Je wekt interesse hun interesse op.

Wat is heb beste formaat?

De meest gekozen formaat is nog altijd 1024 x 768px pixels en verhouding 16:9. Wil je grotere breedtes > 1024 px bekijk dan deze link. Bijvoorbeeld Full Page Header 1600 x 900 pixels, 16:9

Download hier het startbestand (.html). Vul eerst de ... verder aan in de HTML-tags.

Vul nadien de CSS verder aan (style.css)

Include

header

Je gaat een nieuw bestand maken header.php. Knip alles tot en met de tag <main>

In de index.php roep je de pagina op met:

<?php include('header.php')?>

footer

Je gaat hetzelfde doen voor de footer. Maak een nieuw bestand footer.php. Knip alles vanaf de tag </main>

In de index.php roep je de pagina op met:

<?php include('footer.php')?>