Bonjour à tous et à toutes.

Dans le nouveau tutoriel que je vous propose aujourd'hui, nous allons voir comment réaliser de A à Z un site web complet avec un kit graphique gratuit.
Donc les scripts ne viennent pas de moi, donc je citerai la source à la fin du tutoriel.

Alors voici ci-dessous le sommaire :

1. Téléchargement du Kit
2. Téléchargement de Notepad
3. Installation de Notepad
4. Téléchargement de Wamp
5. Introduction à l'utilisation de Wamp
6. Extraction du kit dans le répertoire approprié
7. La première page du site
8. Installation d'un sondage
9. Installation d'un livre d'or
10. Installation d'un formulaire de contact
11. Installation d'un compteur de statistique
12. Installation d'un espace membres
13. Installation d'une F.A.Q
14. Installation d'une gallery d'images
15. Installation d'une gallery vidéo
16. Installation d'un système de news
17. Installation d'une Shoutbox

Voilà c'est tout pour le moment, j'en rajouterai peut-être au fur et à mesure. C'est quand même un bon début.

1. Téléchargement du kit

Pour commencer notre site web, il nous faut un Kit graphique, donc nous allons en télécharger un dans cet exemple je vais prendre ce kit graphique : http://www.kitgraphiquegratuit.org/kit4.php
Vous, vous pouvez en prendre un autre cela na aucune importance.

2. Téléchargement de Notepad++

Ensuite, si nous souhaitons éditer notre page, il nous faut un éditeur de texte, dans cet exemple nous allons prendre Notepad++, mais le bloc note par défaut de Windows, fonctionne quand même.
Pour télécharger Notepad++ veuillez s'il vous plaît cliquer sur le lien suivant: http://download.tuxfamily.org/notepadpl … taller.exe

3. Installation de Notepad++

Donc dans cette partie, nous allons voir comment installer l'éditeur de texte Notepad++, et c'est sans doute l'éditeur le plus complet disponible sur la toile.
Alors vous avez théoriquement télécharger Notepad++ via le lien ci-dessus dans la partie 'Téléchargement de Notepad++', si cela est fais vous pouvez passer à la suite, si cela n'est pas fais télécharger le via le lien ci-dessus.
Donc vous ouvrez Notepad++ c'est-à-dire le .exe et vous suivez l'assistant d'installation, si vous avez quelques problèmes et/ou quelques erreurs veuillez le signaler dans se topic.

Téléchargement de Wamp

En une seule ligne, Wamp est une plate-forme de développement Web sous Windows.
Wamp est gratuit et ne nécessite aucune inscription pour télécharger la plate-forme.
Donc si vous souhaitez télécharger Wamp veuillez cliquer sur le lien suivant : http://sourceforge.net/projects/wampser … e/download
Bon, après il existe des addons ( des fonctionnalités ) mais ce n'est pas le sujet.

5. Introduction de l'utilisation de Wamp

Dans cette partie 5 du tutoriel, nous allons apprendre à utiliser correctement Wamp.
Nous allons partir du principe, où vous découvrez Wamp.

Pour lancer Wamp, il n'y a rien de plus simple, si vous avez créé un raccourci sur votre bureau auparavant double-cliquer dessus pour le lancer, sinon rendez-vous dans C:\wamp et double-cliquer sur wampmanager.

Celui-ci est à présent correctement lancé, pour voir s'il fonctionne correctement ouvrez votre navigateur, et entré http://localhost

Si une page s'affiche c'est qu'il fonctionne, par contre, si rien ne s'affiche, et que votre navigateur vous dit qu'il y a un problème, reporté ce problème sur le site officiel de Wamp.

6. Extraction du kit dans le répertoire approprié
Pour télécharger un kit graphique, rendez-vous dans la section présente sur kitgraphiquegratuit.org, et suivez les étapes pour télécharger le kit de votre choix.

Une fois celui-ci téléchargé sur votre disque dur, il faut l'extraire avec le logiciel Winrar, ou 7-Zip, ou n'importe quel logiciel d'extraction.

Vous devez savoir que vous devez extraire le kit graphique dans le dossier C:\wamp\www

Une fois l'extraction terminée allez sur http://localhost, et normalement le kit graphique s'affiche sur votre navigateur.

/!\ Le tutoriel est actuellement en rédaction/!\

Dernière modification par SaiTek (24-04-2012 18:22:54)