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
• Google Page Creator
• Php (déplacé)
• Les sites en Flash
• 1) Les logiciels de création
• Komposer de Mozilla (anciennement NVU)
• Dreamweaver 2
• FrontPage Express
• Claris Home Page
• UltraEdit
• HTML-Kit
• Tidy
• 2) Créer sa page en HTML
  

Page suivante : Hébergement et Transfert :

• 2 - Ouvrir un compte chez son FAI
• 3 - Transférer sa page web
• - utiliser un logiciel FTP
• - utiliser Internet Explorer ou Firefox

Page suivante : Utilisation de Filezilla :

• Filezilla
• - Présentation de Filezilla
• Utilisation de Filezilla
• 1 - Se connecter
• 2 - Sélectionner les dossiers locaux et distants
• 3 - Transférer les fichiers
• 4 - Déroulement d'une opération de transfert
• 5 - Se déconnecter
• 6 - Problèmes de transfert

 

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"

 

DotClear :

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

 

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

 

 

WordPress :

http://fr.wordpress.com/

 

 

simplePHPblog :

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 :

 

 

CanaBlog :

 

 

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/

 

---

 

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

- PSPad.
http://www.pspad.com/fr/
http://www.clubic.com/telecharger-fiche14083-pspad.html

 

- 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). Sauf si on dispose de Dreamweaver.

 

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 (remplace Nvu) de Mozilla :

C'est un logiciel en français, disponible gratuitement; développé conjointement à Firefox
http://frenchmozilla.sourceforge.net/nvu/

Cependant, Nvu est affligé de défauts rédhibitoires (ex : il modifie automatiquement le code d'une page importée avec son code personnel) et je ne le recommande pas.

 

Liens :

geckozone.org - Comment fonctionne KompoZer -ex NVU (FAQ)
blog.alsacreations.com - NVU, j'lavais pas vu !

Tutoriel à télécharger :
Framasoft.net - NVU - Le Tutoriel

 

 

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/

 

 

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++ :
http://notepad-plus.sourceforge.net/fr/site.htm
ou :
http://www.gratilog.net/xoops/modules/mydownloads/singlefile.php?cid=40&lid=40
http://www.framasoft.net/article2579.html

Il existe également PSPad :
http://www.pspad.com/fr/

 

Apprendre le HTML :

Le langage HTML est un langage très simple. 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 :

 

 

2 - Ouvrir un compte chez son Fournisseur d'accès :

Déplacé : cliquer ici

 

3 - Transférer sa page web :

Déplacé : cliquer ici

 

- utiliser un logiciel FTP :

Déplacé : cliquer ici

 

- utiliser Internet Explorer ou Firefox comme logiciel FTP :

Déplacé : cliquer ici

 

- utiliser Filezilla :

Voir aussi : Ma page sur Filezilla

 

http://www.framasoft.net/article1011.html
http://sourceforge.net/project/showfiles.php?group_id=21558&release_id=117345