Vous venez de commencer à étudier les premiers rudiments de programmation web et, pour s'exercer, vous avez décidé de créer un petit site personnel "à la main", sans recourir aux blogs ou aux systèmes automatisés de création de sites si à la mode actuellement.
Excellent choix, cette expérience pratique vous fera apprendre plus d'une centaine de manuels théoriques. C'est précisément pour cette raison que je suis là aujourd'hui pour vous donner un petit coup de main et vous proposer Comment faire un site web faire ses premiers pas avec KompoZer, un excellent éditeur gratuit qui permet de créer des sites internet aussi bien en mode visuel qu'en langage HTML. Prêt à commencer?
Découvrir Comment faire un site web, la première étape que vous devez faire est de vous connecter au site Web de KompoZer et de cliquer sur le premier élément Télécharger (celui avec le drapeau Windows) placé à côté de l'élément italien italien, au centre de la page, pour télécharger le programme sur votre PC. Une fois le téléchargement terminé, ouvrez le fichier que vous venez de télécharger en double-cliquant dessus (Kompozer-0.8b3.it.win32.exe) et, dans la fenêtre qui s'ouvre, cliquez d'abord sur Cours est Oui (pour autoriser l'installation sur Windows 7 / Vista) puis sur Avant.
Acceptez ensuite les conditions d'utilisation du programme en cochant la case à côté de l'élément J'accepte les termes du contrat de licence, et cliquez d'abord sur Avant pendant quatre fois consécutives, puis Installer est finir pour terminer le processus d'installation et commencer KompoZer.
Une fois le programme lancé, vous pouvez démarrer créer un site web: puisque vous êtes débutant, je vous conseille de ne pas plonger immédiatement dans le labyrinthe du code HTML mais d'essayer de créer la page principale de votre site à l'aide de l'éditeur visuel. L'éditeur visuel de KompoZer fonctionne un peu comme Word et les programmes de traitement de texte que vous avez l'habitude d'utiliser. Vous pouvez ensuite écrire et formater le texte à l'aide des touches B. (Audacieux), LES (italique) f U (souligné) de la barre d'outils du programme ; alignez le texte à gauche, à droite, au centre ou justifiez-le à l'aide des boutons appropriés de la barre d'outils, et insérez des images, des liens et des tableaux dans vos pages Web.
Avant de tout faire, cependant, vous devez définir la page principale de votre site et l'enregistrer dans le dossier où vous irez ensuite pour enregistrer tous les fichiers de votre projet. Sélectionnez ensuite l'article Propriétés du titre et de la page du menu Format et, dans la fenêtre qui s'ouvre, saisissez le titre que vous souhaitez attribuer à votre site (celui qui sera affiché dans la barre de titre du navigateur) et toute autre information que vous souhaitez préciser. Une fois terminé, cliquez sur le bouton Sauvegarder et enregistrez la page principale de votre site dans le dossier où vous allez insérer tous les fichiers du projet, en la renommant index.html.
Une fois la page enregistrée, vous pouvez commencer à créer la page d'accueil de votre site comme mentionné ci-dessus. Pour insérer une image sur votre page web, cliquez sur le bouton Image de la barre d'outils KompoZer et, dans la fenêtre qui s'ouvre, sélectionnez la photo que vous souhaitez ajouter au site en cliquant sur l'icône en forme de dossier. Les images que vous insérez sur le site doivent toutes être préalablement enregistrées dans le dossier du projet où vous avez enregistré la page index.html ou dans un sous-dossier contenu dans ce dernier. Par exemple, si le dossier où vous avez enregistré la page principale du site est C : emplacement, les images devront être dans C: site ou alors C: photo du site.
Il en va de même pour les hyperliens. Si au sein de votre page Web, vous souhaitez lier un texte ou une image à une autre page de votre site, vous devez avoir enregistré l'autre page dans le même dossier index.html. Par exemple, si vous avez créé une page nommée images.html et vous souhaitez le lier sur la page principale de votre site, surlignez avec la souris le texte ou l'image que vous souhaitez utiliser comme lien, cliquez sur le bouton Connexion de la barre d'outils KompoZer et, dans la fenêtre qui s'ouvre, tapez le nom de votre page comme destination (ex. images.html) et cliquez sur le bouton d'accord pour confirmer l'opération.
Vous souhaitez personnaliser les couleurs de votre page Web ou lui appliquer une image de fond ? Sélectionnez Arrière-plans et couleurs de page dans le menu Format et définissez vos préférences dans la fenêtre qui s'ouvre. Encore une fois, si vous décidez d'utiliser une image comme arrière-plan de votre page, assurez-vous que l'image est enregistrée dans le même dossier que index.html (ou dans un sous-dossier).
En suivant ces règles de base très simples, créez toutes vos pages sur votre site personnel et, lorsque vous vous sentez prêt, essayez de jeter un œil au code HTML des pages créées (et pourquoi pas, modifiez-le) en cliquant sur le bouton La source qui est situé en bas à gauche. Pour toutes les instructions d'utilisation KompoZer reportez-vous à l'aide en ligne intégrée au programme, vous pouvez la trouver dans le menu ? > Rubriques d'aide. Vous verrez qu'en un rien de temps, vous pourrez créer un site avec tous les accompagnements.