Créer sa page web : Techniques et logiciels

• 1 - Concevoir sa page web
• Les nouvelles techniques :
• CSS (déplacé)
• CMS et Blog
• CMS (déplacé)
• Joomla! (déplacé)
• Blog
• Posterous
• DotClear
• WordPress
• Simple PHP Blog
• Blogger de Google
• SkyBlog
• Over-Blog
• CanalBlog
• Google Page Creator
• Php (déplacé)
• Les sites en Flash
• Forums en Java : JForum
• 1) Les logiciels de création
• Komposer de Mozilla (anciennement NVU)
• Dreamweaver 2
• FrontPage Express
• Claris Home Page
• UltraEdit
• HTML-Kit
• Tidy
• Graphisme : mesure sur écran : Pixel Ruler
• 2) Créer sa page en HTML

 

 

Pour créer sa page web, rien de plus simple !

Il faut :
- 1 - concevoir sa page web avec un éditeur de pages HTML (ou autre*)
- 2 - ouvrir un compte chez son Fournisseur d'accès
- 3 - transférer sa page web chez son Fournisseur d'accès, grâce à un logiciel FTP

(*) on peut aussi :
- utiliser les CSS (feuilles de style) et la norme XHTML
- concevoir son site en utilisant un CMS, ou créer un blog

 

"Page web" est ici synonyme de "page perso", "pages perso" ou "site web".
- on peut faire son site web avec une seule page web, faire un site vitrine,
- dès que la première page est créée et mise en ligne, il est facile d'en ajouter d'autres.

 

Recourir à un professionnel :

La conception d'un site web performant reste un travail long et ardu qui nécessite des connaissances, de l'expérience.
Si l'on ne peut(veut) s'investir dans cette tâche, on peut recourir aux services d'un professionnel.

Libre de toute publicité, je conseille Neojin (co-développeur du site http://www.pcinpact.com) :

 

 

1 - Concevoir sa page web :

Deux solutions principales :
- 1 - utiliser un logiciel de création de page web,
- 2 - comprendre le fonctionnement de sa page en la créant en HTML

Dans le premier cas, un logiciel de création de page web permettra de "placer" textes et images sur la page, sans se soucier du code HTML.
Dans le second cas, un simple éditeur de texte permettra d'écrire le code de la page.

 

En fait, il est préférable :
- d'utiliser un logiciel de création de pages
- d'acquérir des notions d'HTML afin de pouvoir remédier à certains problèmes qu'on ne peut résoudre avec un éditeur de page web.

 

 

Les nouvelles techniques :

Ces dernières années, d'autres types de sites sont apparus.
La tendance est à séparer le contenu de la forme :
- on utilise les derniers standards de mise en page (CSS),
ou :
- on choisit une "architecture" spécifique (CMS, Blog),
ou :
- on privilégie le contenu "dynamique" (Php pour créer des forums, articles avec commentaires, etc)

Il existe également des sites conçus en Flash, avec le logiciel Macromedia Flash.

 

En bref, il existe des solutions plus simples (CMS, Blog) ou plus élaborées / compliquées (CSS, Php, Flash) pour concevoir son espace web.

 

 

CSS (Cascading Style Sheets) :

L'utilisation des CSS est tellement pratique qu'on peut la considérer comme indispensable.

Déplacé : cliquer ici

 

 

CMS et Blog :

Utiliser un CMS ou créer un Blog :

Ce sont les solutions les plus accessibles : on installe une "structure" et on ajoute du contenu par la suite.

- Si on désire créer un véritable site, on choisira un CMS,
- Si on veut créer un espace de communication ou d'échange, on choisira un Blog (beaucoup de politiques choisissent ce moyen de communication).

 

CMS :

Déplacé : cliquer ici

 

Joomla! et Mambo :

Déplacé : cliquer ici

 

 

Blog :

Un blog est un site constitué d'articles (billets) ordonnés sous forme chronologique.

Très pratique pour tenir un journal, entretenir une communication avec possibilité pour les visiteurs d'ajouter des commentaires.

Inutilisable pour concevoir un site. Car les informations récentes masquent aussitôt les plus anciennes. Aucune structure fixe conservée dans le temps, ce qui gêne toute consultation ultérieure.

Un blog est fait, avant tout, pour mettre en valeur son auteur.
Sa fonction première n'est pas de partager des connaissances, mais de satisfaire l'ego de son concepteur.

 

 

"Un moteur de blog est un logiciel qui permet de réaliser des sites Web basés sur le principe du blog. Les deux scripts libres les plus utilisés en France sont Dotclear et Wordpress"

 

 

Posterous :

Posterous : plus simple, ça n'existe pas.
Il suffit (après inscription et création du blog), d'envoyer un mail (avec image ou pièce jointe, etc.) pour que l'ensemble soit publier immédiatement et accessible sur Internet.

 

Créer un blog avec un simple mail avec Posterous :
http://www.presse-citron.net/redacteur-invite-posterous-la-creation-d%E2%80%99un-blog-a-partir-dun-simple-email

Posterous, pour se créer son micro-blog en version simplifiée
http://www.20minutes.fr/article/576763/Web-Posterous-pour-se-creer-son-micro-blog-en-version-simplifiee.php

 

 

DotClear :

DotClear semble être le blog de référence actuellement :

 

Blog d'Olivier Meunier, concepteur de DotClear :
http://www.neokraft.net/

 

Exemple : Blog de Maître Eolas sous DotClear :
http://www.maitre-eolas.fr/

 

 

WordPress :

WordPress sur Wikipedia :
http://fr.wikipedia.org/wiki/WordPress
"WordPress est un système de gestion de contenu libre écrit en PHP et reposant sur une base de données MySQL. WordPress est surtout utilisé comme moteur de blog, mais ses fonctionnalités lui permettent également de gérer n'importe quel site Web. Il est distribué selon les termes de la GNU GPL. Le logiciel est aussi à l'origine du service WordPress.com."

Il faut donc distinguer :
- WordPress.org = blog gratuit à télécharger et installer soi-même sur son propre espace.
- WordPress.com = blog gratuit, mais accompagné de fonctionnalités payantes, notamment un hébergement avec une adresse Internet sous la forme monsite.wordpress.com

 

WordPress.org (gratuit) :

WordPress France :
http://fr.wordpress.org/
Téléchargement et Installation.
Nécessite une base de données MySQL

"WordPress est le nec plus ultra des plates-formes sémantiques de publication personnelle, alliant esthétique, standards du Web et utilisabilité. Gratuit, Wordpress possède une valeur inestimable.
Plus simplement, WordPress est ce qu’il vous faut si vous voulez avancer grâce à un système de blog, plutôt que vous battre contre lui."

WordPress (site angalis):
http://wordpress.org/

 

WordPress Francophone :
http://www.wordpress-fr.net/
"WordPress est un système de gestion de contenu (CMS) qui permet de créer et gérer facilement l'ensemble d'un site web ou simplement un blog. Gratuit et libre, WordPress est personnalisable grâce à de nombreux thèmes et plugins.
En outre, il existe une solide communauté à travers le monde entier."

Support de WordPress :
http://www.wordpress-fr.net/support/forum-26-support-wordpress

 

15/02/2020 : Sortie de WordPress 2.9.2 :
http://www.wordpress-fr.net/blog/sortie-de-wordpress-2-9-2

 

The Gallery Plugin for WordPress
http://nextgen-gallery.com/

 

Exemple de blog conçu avec WordPress :
http://www.virtualr.net/

 

WordPress.com (payant) :

WordPress.com Français :
http://fr.wordpress.com/

http://fr.forums.wordpress.com/

WordPress.com ou WordPress.org?
http://fr.forums.wordpress.com/topic/wordpresscom-ou-wordpressorg

WordPress.org est un outil de création de blogs gratuit, que vous devez installer et héberger vous-même, sur votre propre site Web. Grâce à cet outil, vous pouvez utiliser votre thème préféré, ajouter des plug-ins pour adapter le système à vos besoins, modifier la feuille de style CSS, changer la langue et même modifier le code source. Vous maîtrisez donc tout.

WordPress.com est différent. Il s'agit d'un service gratuit offert par Automattic permettant à l'internaute de créer un blog qui sera cette fois hébergé sur une plate-forme distante (ces blogs auront tous une adresse URL se terminant en .wordpress.com, comme monblog.wordpress.com par exemple). Des options, payantes, sont offertes pour les personnes désirant utiliser leur propre domaine, modifier la feuille de style CSS, etc. Celles-ci se trouvent dans le menu de votre Tableau de bord, dans la section "Options payantes".

 

 

Simple PHP Blog :

Blog sans base de données, donc simple à installer.

http://simplephpblog.com/
Simple à mettre en place et facile à utiliser.

Framasoft - Simple PHP Blog
http://www.framasoft.net/article3911.html

 

 

Blogger de Google :

http://www.blogger.com/
Très simple, et ne nécessite pas d'hébergement.
Exemple de site conçu avec Blogger :
http://apc8.web.googlepages.com/

Wikipedia - Blogger :
http://fr.wikipedia.org/wiki/Blogger

 

 

SkyBlog :

 

 

 

Over-Blog :

 

 

 

Canalblog :

 

 

 

Google Page Creator :

Utiliser une interface web : Google Page Creator :

Uniquement accessible en anglais actuellement, c'est une solution convenable pour se lancer dans la conception d'un site web.

 

 

Flash :

Un site en Flash est constitué d'animations.
Très esthétique mais nécessite de connaître et d'utiliser le logiciel Macromedia / Adobe Flash.

Pour concevoir un site en Flash, il faut disposer du logiciel Macromedia Flash
Macromedia ayant été racheté par Adobe, il s'agit maintenant de Adobe Flash CS4 :
http://www.adobe.com/fr/products/flash/

 

Les sites en Flash ne sont pas indexables :
Un site en Flash, c'est donc très joli à regarder... mais inutilsable pour avoir une visibilité sur Internet.

 

Tutoriels :
http://www.flash-france.com/sections.php?op=viewarticle&secid=6&artid=3
http://www.flash-france.com/sections.php?op=listarticles&secid=6
http://wiki.media-box.net/tutoriaux/flash

 

Consultation d'un site en Flash :
Il faut que le navigateur Internet soit équipé de l'extension Macromedia / Adobe Flash Player :
http://www.adobe.com/fr/products/flashplayer/

 

 

Forum en Java : JForum :

Forum en Java : JForum :
http://jforum.net/

JForum is a powerful and robust discussion board system implemented in Javatm. It provides an attractive interface, an efficient forum engine, an easy to use administrative panel, an advanced permission control system and much more.

Built from the ground up around a MVC framework, it can be deployed on any servlet container or Application Server, such as Tomcat, Resin and JBoss. Its clean design and implementation make JForum easy to customize and extend.

Best of all, JForum is freely available under the BSD Open Source license.

If you or your company are searching for a serious and robust Forum Software, JForum is the right choice.

 

Voir aussi mes pages : Forums en PHP (FluxBB, PunBB)

 

 

---

 

Au préalable, Il faudra créer un nouveau dossier sur son disque dur (voir), à l'intérieur duquel on mettra :
- ses pages web (à commencer par index.htm)
- le(s) sous-dossier(s) contenant les images (ou autres documents).

 

1) Les logiciels de création de page web :

Il en existe plusieurs. Je me contente d'en citer quelques uns :

Les gratuits :

- Dreamweaver 2.0 : le plus complet, mais pratiquement introuvable (voir mes pages sur Dreamweaver)

- Komposer de Mozilla (anciennement NVU - français) : développé conjointement à Firefox
http://www.frenchmozilla.fr/nvu/

Fonctionne avec Cigwin :
Wikipedia.fr - Cygwin

- FrontPage Express, l'éditeur de pages HTML fourni avec Windows. gratuit, mais je le déconseille.
Présent dans les anciennes versions d'Internet Explorer.
On le trouve ici :
jetelecharge.com - FrontPage Express 2.0

- Claris Home Page 2.0 : gratuit, ancien.

 

Amaya :

Commentcamarche.net - Télécharger Amaya 9.54

 

Les payants :

- Dreamweaver 8 / MX / CS3 / CS4 : "la" référence à mon avis (voir mes pages sur Dreamweaver)

- Adobe Golive.

- Ultraedit, considéré comme un des meilleurs éditeurs.

- Expression Web 2 Beta (fonctionnel jusqu'au 01/07/08) - De Microsoft - fonctionne avec .NET Framework 3.5.

 

WebExpert :

Site officiel :
software.visicommedia.com - WebExpert 6.6

Télécharger WebExpert (ancienne version) :
Infos-du-net.com - Télécharger WebExpert 6.50.2
Clubic.com - Télécharger WebExpert 6.50.1
WebExpert est un logiciel de création de pages web non WYSIWYG (vous devez connaitre un minimum le langage HTML pour pouvoir l'utiliser).

Test :
bwp-necromance.developpez.com - Test complet de l'éditeur WebExpert 6.50 de Visicom
pagesperso-orange.fr/coin.des.experts - Web Expert 5.00 (2001)

Forum sur WebExpert :
developpez.net - Le forum des utilisateurs Webexpert - un puissant logiciel d'édition Web pour HTML, JavaScript, CSS, ASP & PHP

 

Il vaut mieux éviter Word, le traitement de texte, pour éditer ses pages Web.

Pour transférer ses pages, il vaut mieux utiliser un véritable logiciel de transfert FTP (voir ma page ).
Sauf si on dispose de Dreamweaver ou d'un logiciel intégrant un client FTP

 

Une liste d'éditeurs HTML :
http://archives.allhtml.com/telechargement/categorie3.php

Voir également :
http://www.generation-nt.com/telecharger/116/editeur-html/

 

 

Extensions de Firefox : Web Developer et FireBug :

Déplacé : cliquer ici

 

 

KompoZer 0.7.10 en français de Mozilla :

 

Je n'ai pas essayé Kompozer, mais je crains qu'il ait les mêmes défauts que Nvu.
Pour moi,Nvu était déjà affligé de défauts rédhibitoires (exemple : il modifiait automatiquement le code d'une page importée avec son code personnel) et je ne le recommandais pas.
Voilà ce qu'on en disait sur Alsacreation : blog.alsacreations.com - NVU, j'lavais pas vu !
Des avis sur KompoZer dans les commentaires de cette page : À qui s'adresse Alsacréations.com ?

 

Liens :

KompoZer sur Framasoft :
http://www.framasoft.net/article2243.html

Télécharger KompoZer sur Clubic.com :
http://www.clubic.com/telecharger-fiche36476-kompozer.html

 

 

1st Page 2006 (First Page 2006) :

Un éditeur HTML gratuit.

Site officiel :
http://www.evrsoft.com/

Télécharger First Page 2006 v 3.0 FINAL sur Gratilog.net :
http://www.gratilog.net/xoops/modules/mydownloads/singlefile.php?cid=64&lid=229

Télécharger 1st Page 2006 sur Clubic.com :
http://www.clubic.com/telecharger-fiche9646-1st-page-2006.html
"Même si n'importe quel éditeur de texte permet de créer des pages web (même le bloc notes, si on est vraiment courageux), rien ne vaut un bon éditeur HTML. 1stPage n'est pas un éditeur WYSIWYG comme peut l'être Dreamweaver ou Nvu et il nécessite la connaissance du code HTML, néanmoins, il est conçu pour des utilisateurs néophytes comme confirmés."

 

 

Dreamweaver 2.0 :

J'ai rédigé une petite aide pour débuter avec Dreamweaver 2 (cliquer ici)

Ce logiciel, est un "must" en matière de création de page web.
La version 2.0 n'est plus disponible, mais cette aide pourra être utilisée sur les versions suivantes (3.0, 4.0, MX, et maintenant, Dreamweaver 8).
http://www.macromedia.com/fr/software/dreamweaver/

... Dreamweaver 2.0 était auparavant disponible sur le site Wanadoo, ou sur les cd-rom de connexion Wanadoo (kit de connexion Wanadoo version 5.11 et suivante). L'accord entre Dreamweaver et Wanadoo ayant cessé, il faut tenter de se procurer un ancien cd-rom Wanadoo, ou rechercher le programme sur Internet.

Dreamweaver est un logiciel qui fait également office de logiciel de transfert FTP. Il permet donc de transférer ses pages sur son site, sans avoir besoin d'un autre programme.

Il est relativement complexe... car il est très complet. Mais il est en français, et l'aide est bien faite.
Il manque un peu de stabilité dans sa version 2.0 (plantages), mais l'inconvénient reste minime par rapport à ses possibilités.
Certains lui reprochent une mauvaise écriture du code HTML, et lui préfèrent WebExpert.

 

FrontPage Express :

FrontPage existe en 2 versions : FrontPage (version payante) et FrontPage Express (version gratuite).

Mais ces deux programmes sont désormais obsolètes :
- FrontPage n'est plus en vente depuis décembre 2006
- FrontPage Express n'est plus inclus dans Internet Explorer.

Pour information :

- FrontPage 2000 :
inclu dans la suite Microsoft Office
http://faqfp.free.fr/
Forum :
news:microsoft.public.fr.frontpage

- FrontPage Express :
version gratuite, "allégée", incluse dans Internet Explorer 4 et 5.
Voir ici :
FAQ de FrontPage Express et téléchargement :
http://faqfp.free.fr/faq/fpx/index.htm

 

L'inconvénient de FrontPage, c'est qu'il utilise des "extensions" spécifiques qui doivent être prises en compte par l'hébergeur (FAI ou Hébergement autre).
http://faqfp.free.fr/faq/extensions/index.htm

 

Pour Installer FrontPage Express sous Windows 98 :

Sur certaines versions de Windows, cette option n'est pas accessible. Il faudra installer FrontPage Express à partir d'une mise à jour d'Internet Explorer (disponible sur un cd-rom de revue informatique) :

 

Claris Home Page :

La version 2 et le guide d'utilisation sur le site d'Henri :
http://www.aidenet.com/chp.htm/chp111.htm
ou sur le site de Patrice :
http://pagesperso-orange.fr/patrice.roatta/claris/index.htm

 

UltraEdit :

Un notepad amélioré...
Une version d'essai (30 ou 45 jours) est disponible..

Site officiel :
http://www.ultraedit.com/

 

HTML-Kit :

Logiciel shareware, toutes versions de Windows. Editeur de pages web.

site officiel :
http://www.chami.com/html-kit/ ou http://www.htmlkit.com/

Voir aussi :
http://pagesperso-orange.fr/coin.des.experts/tests/htmlkit.htm

Voir aussi HTML Tidy plugin :
http://www.htmlkit.com/tidy/
(pour vérifier la validité du code)

 

Tidy :

Petit logiciel gratuit, en anglais, qui vérifie le code HTML :

Site officiel :
http://tidy.sourceforge.net/

Télécharger la version Windows :
http://tidy.sourceforge.net/trt/tidy_win32.zip

 

Voir également :
HTML VALIDATOR :
http://users.skynet.be/mgueury/mozilla/

 

 

Graphisme : mesure sur écran : Pixel Ruler  :

Très utile pour mesurer des dimensions sur l'écran. Particulièrement pour le graphisme ou la création de site web.

Site officiel :
http://www.mioplanet.com/products/pixelruler/

Télécharger sur Commentcamarche.net :
http://www.commentcamarche.net/telecharger/telecharger-34055194-pixel-ruler

 

 

2) Créer sa page en HTML :

Le langage HTML n'est pas un langage de programmation. C'est un langage de description de page.
Il est beaucoup plus simple à comprendre et à assimiler.
Il est composé essentiellement de balises qui permettent de mettre en forme textes et images.

Progressivement, le HTML est remplacé par le XHTML. C'est pratiquement la même chose (voir).

 

Utiliser un éditeur de texte :

On peut créer sa page avec un simple éditeur de texte, comme le Bloc-notes de Windows !
Mais d'autres éditeurs de texte sont évidemment plus complets.

 

Je conseille particulièrement Notepad++ :

Notepad++ :

2000/XP/Vista

Petit éditeur de texte. Plus performant que le Bloc-notes :

Télécharger Notepad++ sur Framasoft :
http://www.framasoft.net/article2579.html

 

 

Il existe également PSPad :

PSPad :

 

Télécharger PSPad sur Clubic :
http://www.clubic.com/telecharger-fiche14083-pspad.html

 

 

Apprendre le HTML :

Le langage HTML est un langage très simple.
Ca n'est pas un langage de programmation, compliqué à apprendre.
C'est un langage de description de pages, composé en grande partie de balises ouvrantes et fermantes, que l'on place avant et après les différents types de contenus (paragraphes, images, etc.)

On peut très facilement créer une page contenant les instructions de base, et l'améliorer petit à petit.

Voir mes pages :
Créer une page en HTML

 

Voir les indications fournies :
http://www.aidenet.com/pageperso0.htm
http://pagesperso-orange.fr/coin.des.experts/archiv_rep1.html
http://pagesperso-orange.fr/coin.des.experts/rep_index.html
http://pagesperso-orange.fr/patrice.roatta/indexie4.html

On peut également consulter :
http://www.allhtml.com/
http://www.ccim.be/ccim328/index.htm

 

Pour étudier le code HTML, on peut consulter la source des pages Web que l'on consulte :