Gilbert1.png

Les outils pour créer mon site moi-même

Téléchargez tous les logiciels gratuits pour développer votre site web...

En réalité vous n'avez besoin d'aucun logiciel payant pour créer votre site
Dans ces pages vous téléchargerez et vous apprendrez à utiliser tous les logiciels gratuits pour développer votre site web...

Mon site web étape par étape

Tous les outils pour construire mon site web

BoutonPrecedent BoutonSommaire BoutonSuite Cette page s'affiche mal ? - cliquez ici   

Dans ces pages vous verrez qu'il est possible de construire votre site à partir de modèles de sites tout faits, gratuits ou payants, mais aussi vous téléchargerez et vous apprendrez à utiliser tous les logiciels gratuits pour développer votre site web...

Si des erreurs se sont glissées dans le texte n'hésitez pas à me contacter...
Les liens ci-dessous vous renverront au chapitre correspondant.


ÉTAPE 4 : Je crée mon site

4.1 Des sites tout faits, gratuits ou payants
4.2 Les outils pour construire mon site

      4.2.1 Tous les outils
      4.2.2 KompoZer
      4.2.3 La Boîte à couleurs
      4.2.4 FireFox
      4.2.5 FireBug
      4.2.6 FileZilla
      4.2.7 Notepad++



ÉTAPE 4 : Je crée mon site

Deux possibilités : soit vous choisissez d'apprendre à construire votre site vous-mêmes de A à Z et à partir de zéro, nous nous attarderons sur cette première solution et nous apprendrons les bases de la programmation html.

Soit vous utilisez des sites tout faits qui ne nécessitent pas de connaissances informatiques particulières, on trouve de nombreuses offres sur le net.


4.1 Des sites tout faits, gratuits ou payants


- Des sites tout faits totalement gratuits :

* Si vous désirez faire un site très facilement et gratuitement, une des solutions est le service Wifeo.com : Cliquez ici pour Faire un site gratuitement et facilement avec Wifeo.
* Cliquez ici pour créer votre site sur over-blog.com : Créer un blog gratuit et sans publicité sur over-blog.com, le portail de tous les blogs.
* Ou bien utilisez PHPBoost : un CMS "Content Management System" (système de gestion de contenu) permettant de créer et gérer facilement un site web, presque sans connaissance informatique particulière. C'est un logiciel libre distribué gratuitement sous licence GNU/GPL.

- Ou des sites tout faits plus sérieux mais payants :

Cliquez ici pour obtenir un des Sites tout faits chez 1&1 (à la rubrique ReadyNet Pro)
L'hébergeur 1&1 vous propose de créer le site de votre société en quelques minutes pour 11,95 € TTC/mois, incluant:
* Des sites prêts à l'emploi pour plus de 100 secteurs d'activité
* Une mise en place simple et rapide : aucune connaissance en programmation requise
* Un formulaire de contact, un plan d'accès, un catalogue d'offres, etc.
* La possibilité d'actualiser votre site à tout moment

Cliquez ici pour un des Sites tout faits chez izypage : il faudra vous abonner pour 14,95 € TTC/mois


4.2 Tous les outils pour construire mon site moi-même

Si vous voulez télécharger gratuitement tous les outils de création web nécessaires pour développer votre site web, et apprendre à vous en servir, voici une liste qui se limite à l'indispensable.


4.2.1 Tous les outils


Pour développer en HTML vous avez besoin des outils suivants...

- Vous avez besoin d’un outil de composition : KompoZer ou Joomla (gratuits), Adobe-DreamWeaver (payant), etc.
- Vous avez besoin de La Boîte à couleurs pour travailler sur les couleurs en CSS ;
- Vous avez besoin de plusieurs navigateurs pour vos tests : FireFox, IE6 et IE7, etc. En effet il faudra vérifier que votre code est compatible au moins avec ces deux-là. Choisissez Firefox pour vos développements, ensuite, testez vos pages sur IE ;
- Vous avez besoin de FireBug pour tester votre code HTML et détecter toutes les erreurs ;
- Vous avez besoin de FileZilla pour mettre votrte site en ligne sur le serveur de votre hébergeur ;
- Vous avez besoin de Notepad++, pour créer votre code source HTML et CSS ;
- Vous pouvez aussi apprendre à développer en code HTML en vous formant à l'aide de ce tutoriel du Site du Zéro : "apprenez-a-creer-votre-site-web" ;

- Vous avez besoin, enfin, de tous les sites internet mentionnés en référence au cours de ce document (Sources)

BoutonHautDePage

4.2.2 KompoZer

- Vous avez besoin d’un outil de composition simple d'utilisation : c'est le cas de KompoZer (un logiciel gratuit de la communauté Mozilla).
Vous trouverez à la page " KompoZer pour composer mon site web" un tutoriel complet pour vous former à l'utilisation de KompoZer et un petit guide de prise en main pour bien débuter avec KompoZer.
Cliquez ici pour obtenir une Description de KompoZer

Cliquez ici pour télécharger le créateur de site Web KompoZer version 8 :
→ Et sélectionnez KompoZer pour Windows en français (kompozer-0.8b3.fr.win32)
(depuis la version 8 il n'est plus nécessaire de charger un patch pour la version française)

Se former à l'utilisation de KompoZer :
• Consultez le Tutoriel sur KompoZer (KompoZer-0.8b3 ou KompoZer-0.7.10) sur le site SiO2, un site belge qui propose par ailleurs d'autres cours sur des logiciels libres (et donc gratuits) intéressants.
• Enfin, dans le chapitre Utiliser KompoZer pas à pas, sans bla bla, vous trouverez également un petit guide tout simple pour bien débuter avec KompoZer.


4.2.3 La Boîte à couleurs

- Vous avez besoin de La Boîte à couleurs : un logiciel gratuit écrit pour Windows par Benjamin Chartier bien utile pour travailler sur les couleurs en CSS. Ce logiciel gratuit simple d'emploi vous permet d'obtenir et de modifier très simplement les codes d'une couleur.

Cliquez ici pour Télécharger La Boîte à couleurs :
* Et sélectionnez "Téléchargez la Boîte à couleurs".

BoutonHautDePage


4.2.4 FireFox

- Vous avez besoin de plusieurs navigateurs pour vos tests : FireFox, IE6 et IE7, Netscape, Opera, Safari (de Mac), etc. En effet il y en a environ 300 autres pour lesquels votre code ne sera pas forcément compatible. Mais en gros il n'y a que trois cas, Internet Explorer, FireFox et tous les autres. Il est à noter qu'IE est le seul à ne pas respecter la norme internationale. Choisissez Mozilla Firefox par défaut plutôt qu'IE7 qui est moins avancé en CSS, et Filezilla pour télécharger les fichiers de votre site sur le serveur.
Note : il est important de tester toutes les pages web sur 2 navigateurs, Firefox et Internet Explorer (6 et 7) car certaines fonctions et balises ne sont pas reconnues sur IE6 et 7.

Cliquez ici pour Télécharger FireFox de Mozilla (Choisir le français)


4.2.5 FireBug

- Vous avez besoin de FireBug ; c’est un module pour FireFox qui permet de tester votre code HTML au fur et à mesure de sa création et de détecter toutes les erreurs. Vous pouvez le récupérer comme ceci :
* Ouvrez FireFox,
* Cherchez FireBug dans la fenêtre Google,
* Cliquez sur installer,
* Redémarrez FireFox et
* Activez FireBug (décochez disable FireBug).
puis dans FireFox :
* Outils / FireBug / Open FireBug
* Outils / Console d’erreurs
…vous donne les onglets : Console, HTML, CSS, Script (où vous pouvez mettre des points d’arrêt), DOM, Net.

BoutonHautDePage


4.2.6 FileZilla

- Vous avez besoin de FileZilla pour vous connecter à distance sur un serveur et y telecharger des fichiers. C'est le meilleur client FTP open source (gratuit) et un des plus connus.
Cliquez ici pour Télécharger FileZilla
* Choisir "télécharger" et FileZilla Client (+ FileZilla Server si besoin) et choisissez toujours la dernière version, soit x.x.x.
* Puis dans Latest x.x.x => FileZilla_x.x.x_win32-setup.exe
* Choisir sauvegarder sur le disque puis faire tourner le setup.exe
Par la suite FileZilla se mettra automatiquement à jour si vous avez une connexion Internet.


4.2.7 Notepad++

- Vous avez besoin de Notepad++, un petit éditeur bien pratique car il reconnaît à peu près tous les langages et colorie automatiquement le HTML, le XHTML et le CSS ; Notepad++ est un éditeur de code source qui supporte plusieurs langages. Ce programme, qui est codé en C++ avec 100% win32 api et STL, a pour but de fournir un éditeur de code source "petit" (de taille binaire) et efficace (performance d'exécution). Il est développé pour faciliter la vie des développeurs avec une IHM entièrement configurable.
Cliquez ici pour Télécharger Notepad++ :
* Sélectionnez "français" et "default html viewer" ;
* Sélectionnez dans le menu Langages/HTML ou CSS ou PHP, etc.

- Vous avez besoin, enfin, des sites internet mentionnés en référence au cours de ce document (Sources)

BoutonPrecedent BoutonSommaire BoutonSuite Cette page s'affiche mal ? - cliquez ici
Architecture Web : Gilbert Pernot