Créer sa page web : les techniques

Concevoir sa page web Les nouvelles techniques Blog Posterous DotClear WordPress - WordPress.org (gratuit) - WordPress.com (payant) Windows Live Writer / WordPress Simple PHP Blog Blogger de Google SkyBlog Over-Blog CanalBlog Google sites Les sites en Flash Forums en Java : JForum Pages suivantes : CMS Joomla! CSS PHP

Page suivante : Les logiciels 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 Les éditeurs de texte (créer sa page en HTML) NotePad++ PSPad Arachnophilia Apprendre le HTML

 

"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.

 

 

Avant : Concevoir sa page web :

A la création de ces pages (2001), j'écrivais :

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

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.

 

(*) 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

 

Pour mettre en ligne sa page web :

Il faut :
- 1 - ouvrir un compte chez son Fournisseur d'accès
- 2 - transférer sa page web chez son Fournisseur d'accès, grâce à un logiciel FTP

 

 

Les nouvelles techniques :

Ces dernières années, de nouveaux 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 Adobe Flash. :
http://www.adobe.com/fr/products/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 journalistes ou politiques choisissent ce moyen de communication).

 

- CMS (notamment Joomla! et Mambo) : déplacé pages suivantes : cliquer ici

 

 

Blog :

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

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

Inconvénient : 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 ou recherche.

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.
Avis personnel :-)

 

 

"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

 

Exemple d'un blog réalisé avec Posterous :

 

 

Dotclear :

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

 

Télécharger Dotclear 2.3.1 (09/2011) :
http://fr.dotclear.org/download

 

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."

 

03/2011 : Téléchargement dernière version : WordPress 3.1 - 3.5 Mo
http://fr.wordpress.org/

 

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

 

 

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".

 

 

Windows Live Writer / WordPress :

Windows Live Writer fait partie de la suite Windows Live : voir ma page : Windows Live
Il permet de créer un blog

Voir sur le site Microsoft : http://explore.live.com/windows-live-writer

Il existe une version pour Windows Vista et Windows 7, et une version pour Windows XP

 

Au premier lancement, il est proposé de choisir un service de blog :

Si on choisit "Créer un blog", on est dirigé vers le site WordPress.com :

 

 

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 :

Créez un blog. C'est gratuit.
Très simple, et ne nécessite pas d'hébergement.

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

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 sites (remplace Google Page Creator) :

Utiliser une interface web : Google sites

C'est une solution convenable pour se lancer dans la conception d'un site web.

 

On obtient un nom de site sous la forme : http://sites.google.com/site/prenomnom/

 

23/03/2009 : WebRankInfo.com - Google Sites : l'outil gratuit de création de site de Google Apps
"Fruit du rachat de JotSpot et du développement des outils de Google Apps, Google annonce la sortie de Google Sites, qui permet aux néophytes de créer facilement des sites web intégrant de nombreuses fonctionnalités. Présentation..."

Goopilation :
http://www.goopilation.com/category/5-reseaux/google-sites

23/05/2008 : Infos-du-net.com - Créer son site Internet avec Google Sites

28/02/2008 : WebRankInfo.com - Google Sites : pour créer des sites collaboratifs
http://forum.webrankinfo.com/google-sites-pour-creer-des-sites-collaboratifs-t89492.html

 

 

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 logicielAdobe Flash CS5 :
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 inutilisable 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

 

Consultation d'un site en Flash :

Pour qu'un site en flash soit visible, il faut que le navigateur Internet soit équipé de l'extension Adobe Flash Player :

Voir ma page : Flash Player et fichiers FLV

Voir sur le site Adobe :
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)

 

 

---

 

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/

 

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

 

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).