Comleweb - 1 Rue du Bazin - 57160 Rozerieulles - France06 63 87 02 56contact@comleweb.com
Contact info
Comleweb - 1 Rue du Bazin - 57160 Rozerieulles - France06 63 87 02 56contact@comleweb.com

Site statique, les logiciels gratuits pour modifier les pages HTML

Site statique, les logiciels gratuits pour modifier les pages HTML

Lors de la création de votre site internet, vous avez peut-être opté pour un site statique, écrit en langage HTML. L’inconvénient du site statique, c’est qu’il n’existe pas d’interface pour changer facilement les textes de vos pages (comme c’est le cas des sites dynamiques ou e-commerce) et qu’il faut faire appel à un prestataire pour tout changement.

Peut-être n’avez-vous pas le budget ou souhaitez approfondir vos connaissances, c’est pourquoi vous trouverez dans cet article une liste de logiciels gratuits qui vous permettront de faire des modifications.

 

 

 

Avec Filezilla, récupérez les fichiers de votre site chez votre hébergeur et renvoyez les.

logo logiciel libre FilezillaGrâce à ce logiciel, nous pouvons nous connecter à l’hébergeur de notre site, récupérer un fichier à modifier (par exemple : index.html, qui est la page d’accueil de votre site) et le renvoyer index.html

 

Filezilla est un logiciel libre, open source, c’est un « client Ftp » qui vous permet de gérer les fichiers de votre site web sur son serveur. Vous pouvez télécharger une page ou le site en entier, faire vos modifications puis les renvoyer chez votre hébergeur.

Vous trouverez ici un tutoriel pour apprendre à vous en servir.

Avec Notepad++, éditer les fichiers de son choix, les modifier et les enregistrer.

logo-notepadNotepad++ est un logiciel libre, open source. Il est un éditeur de code source qui vous permet de visualiser le code HTML de la page de votre choix, d’écrire ou modifier les textes, puis de l’enregistrer.

Ses applications sont bien plus nombreuses (ce logiciel est utilisé par les codeurs purs et durs), vous pouvez aussi changer la balise Title de votre page ou structurer et mettre en valeur vos textes grâce à d’autres balises importantes et ainsi être mieux référencé.

 

Grâce à ce logiciel, nous pouvons ouvrir la fichier de notre choix (la page index), modifier ses textes et l’enregistrer.

capture fichier ouvert notepad++

 

Avec Firebug, vous pouvez visualiser les code HTML et CSS en cliquant sur la page internet de votre site.

logo firebug Grâce à ce module, nous pouvons faire des simulations et visionner le résultat avant de faire réellement les modifications à l’aide de Notepad++

Firebug est une module complémentaire du navigateur Mozilla Firefox, il permet d’inspecter le code HTML, de modifier le style et la disposition de votre page. De visionner en temps réel ces modifications.

Utilisé par de nombreux webmaster, il vous permet de repérer très rapidement les textes et balises. Tutoriel pour le découvrir ici


Exemple concret :

Exemple de page à modifier :

adresse de la page : http://www.monsite1254.com/temple-protestant-metz.html

 

temple protestant à Metz

Photo du temple protestant de Metz, autrement appelé Temple-neuf. De style néoroman, ce joyau architecturale de Metz fut construit à partir de 1901 lors de l’annexion Allemande (1870-1918).

Autrefois mal perçu par le Messins, ce bâtiment symbolise maintenant la réconciliation entre les deux peuples. (source)

Je souhaite remplacer une partie de mon texte.

  • Je visionne le code où je souhaite mettre un nouveau texte grâce à Firebug

    visualisation d'un fichier avec firebug

  1. Cliquez sur la flèche à gauche pour inspecter votre page.
  2. Cliquez dans votre page internet à l’endroit où vous souhaitez faire des modifications
  3. Visualisez et situez le code dans la page HTML
  4. Modifiez le texte à votre guise (dans 3)
  5. Visualisez la modification en direct.
    fichier html modifié avec firebug et visualisation en direct

    1 – On change le texte
    2 – Le changement apparait en direct sur l’écran

 

 

    • J’ouvre Filezilla, me connecte à mon serveur distant (OVH si votre site a été réalisé par notre agence) et je récupère dans les fichiers de mon site la page nommé : temple-protestant-metz.html
    • J’ouvre le logiciel Notepad++ et édite le fichier récupéré par Filezilla.

      fichier à modifier avec notepad

      Je cherche le texte à modifier et le remplace

      fichier modifié avec notepadJ’enregistre le fichier (Fichier > Enregistrer)

 

  • J’envoie le fichier modifié (toujours appelé : temple-protestant-metz.html) chez mon hébergeur avec Filezilla

 

 

Derniers conseils :

Soyez prudents lorsque vous intervenez sur votre site, faites toujours des essais avec Firebug avant de vous lancer.

Sans connaissance des langages HTML et CSS, les modifications que vous apporterez ne pourront qu’être limitées.

Si vous plantez tout votre site, vous avez toujours la possibilité de le restaurer à une date antérieure, OVH (et tout autre bon hébergeur) fait une sauvegarde automatique chaque jour.

 

 

Si cet article vous a été utile, n’hésitez pas à le linker, le twitter ou le googler+. :)

Cet article a été écrit par Comleweb

Menu