Archive pour le thème 'Créér un site'

Ayant eu quelque besoin d’installer rapidement un serveur web dynamique sur un PC sous Windows, j’ai été amené à chercher un logiciel gratuit qui fournisse ces services dans un emabllage simple et attirant.

Je connaissais EasyPHP de Emmanuel Faivre, Laurent Abbal et Thierry Murail, trois français qui ont entrepris de mettre dans une même boite les outils gratuits, open-source les plus adaptés à un tel usage :

• un serveur Apache
• le langage PHP
• une base de données mySQL
• quelques outils naturellement complémentaires :
• PHPMyAdmin
• SQLiteManager

Il est toujours possible de récupérer chacun d’entre eux séparément, mais quel plaisir de tout installer en un seul mouvement sur un même PC !

Mais on m’a également signalé l’existence de WAMP de la PHPteam pour exactement le même usage. Ayant vu dans les forums que WAMP semble bien plus simple à installer sur un PC sous Windows que EasyPHP, j’ai décidé de tester WAMP.

En quelques mots, je peux confirmer la facilité de mise en oeuvre. Le programme d’installation est tout à fait à la hauteur de ce qu’attend un utilisateur Windows. Les choix sont clairement décrits et facilement compréhensible, à condition de savoir de quoi il retourne (on parle de serveur web à déployer…). Et c’est là le seul reproche que l’on puisse faire à WAMP (comme à EasyPHP) : s’ils laissent travailler avec des outils connus d’un public spécialisé, il ne faut pas imaginer pouvoir sérieusement installer son propre serveur sans avoir un minimum de compréhension d’Apache, de mySQL ou de PHP.

Quoi qu’il en soit, l’impression générale que je retire de WAMP est encore plus favorable que de EasyPHP. Mieux, dans les deux cas, le nombre élevé de participants francophones dans le développement, comme dans le support et dans les forums, fait que les français ne seront absolument pas handicappé (au contraire).

Vous avez peut-être remarqué un nouveau petit logo qui apparaît maintenant sur notre site web depuis que son interface graphique a évolué sensiblement.

Si votre navigateur web le supporte (Opera 9, FireFox, Internet Explorer 7), une icône très similaire mais de couleur orange apparaît aussi dans la barre d’adresse.

C’est une fonctionnalité nouvelle qui est un bonus intéressant à la fois pour les visiteurs et pour les concepteurs de sites web. Pour les utilisateurs, il fournit un moyen simple d’accéder très directement à l’information de notre site web en autorisant FireFox ou Opera à collecter les actualités sans intermédiaire, sans même que vous n’ayez à vous connecter à Roumazeilles.net. Si vous cliquez sur l’icône de RSS feed , votre navigateur va vous porposer de vous abonner au feed ou au fil. Ensuite, vous serez directement informé des nouveautés sur Roumazeilles.net sans même avoir besoin de vous rendre sur le site web. Vous ne manquerez plus jamais un titre ronflant. !

L’icône RSS feed est un moyen standardisé (proposé par FireFox) pour facilement vous orienter vers cet accès rapide à l’information d’un site web. En soi, c’est déjà une bonne nouvelle pour les concepteurs de sites web puisque cela évite d’avoir à ré-inventer la poudre (une nouvelle icône, etc.) et d’avoir à donner des explications détaillées (comme je le fais ici sur la signification de cette icône. C’ets la même explication et le même fonctionnement sur tous les sites qui utilisent cette technique.

Initiallement, les RSS feeds ont été créés pour sous-traiter (syndicate en anglais) du contenu (pour permettre à d’autres sites d’inclure de manière transparente le contenu de Roumazeilles.net dans leurs propres pages). C’est toujours possible (c’est d’ailleurs ce que font des sites web de gestion d’actualités comme MyYahoo!, MyAOL, Google, ou Bloglines), mais c’est allé bien plus loin avec l’arrivée d’outils spécifiques intégrés dans votre propre navigateur.

Après un précédent article sur de superbes polices de caractères gratuites, je vous propose aujourd’hui un site avec BEAUCOUP de fontes en libre téléchargement. Ca ne veut pas dire qu’elles sont utiles, intéressantes ou même jolies à imprimer ou regarder, mais il y a quand même un choix impressionnant : un moteur de recherche avec 13 000+ fontes, ce n’est pas rien.

SearchFreeFonts

N|vu est une puissante application de développement web avec une interface WYSIWYG pour le rendre plus facile à utiliser. C’est sensé être un opposant sérieux pour des outils commerciaux comme DreamWeaver (le fait que N|vu est en téléchargement gratuit ajoute encore de l’intérêt à la chose).

Malheureusement, comme il provient du monde du logiciel libre, N|vu est étudié assez souvent dans des articles sur Internet, mais rarement écrits par des concepteurs professionels de site web. C’est pourquoi j’ai vivement apprécié de trouver une étude spécifiquement organisée en comparaison de N|vu et DreamWeaver et qui comporte des points tirés directement de la vie quotidienne d’un programmeur/designer de site web. Elle ne consiste pas seulement en un survol (qu’y a-t-il dans les menus ?), mais elle plonge dans les meilleurs détails (la génération de code CSS, l’homogénéïté de l’interface, etc.)

Si vous envisagez d’utiliser N|vu pour votre activité professionnelle (ou simplement sérieuse) d’édition HTML/CSS et de création de site web, je vous conseille de prendre 10 minutes pour lire cet article en anglais. Même s’il date de 2004, il contient des informations passionnantes et encore à jour.

Ca y est ! Microsoft annonce officiellement la mort de FrontPage (Microsoft® Office SharePoint® Designer 2007 et Microsoft® Expression™ Web Designer seront là au printemps pour en prendre la place).

En fait, il faut reconnaître que FrontPage n’avait pas vraiment réussi à s’implanter chez les professionnels. Son approche simpliste du développement web en faisait un outil très en retrait par rapport aux grand concurrents comme DreamWeaver. Mais les non-professionnels n’ont -pour l’essentiel- plus besoin de FrontPage. Avec l’arrivée des blogs prêts à l’installation (comme WordPress, ou Joomla ou Mamba ou SPIP), le recours à la conception du site était devenu marginal, mais avec les solutions d’hébergement+blog (comme WordPress.com), il n’y vraiment rien à faire pour construire son site web et commencer à publier.

FrontPage a donc vu disparaître son public et sa raison d’être. On ne le regrettera pas.

Une curiosité peut-être, mais une idée intéressante pour tous ceux qui souhaitent naviguer le web incognito. Alors qu’il n’y a qu’une seule solution -utiliser un proxy- APAZ propose une extension un peu particulière qui consiste à monter son propre anonymizer proxy (un serveur par lequel on passe pour rendre anonyme une communication web).

APAZ est un petit logiciel PHP qui peut être installé sur à peu près n’importe quel serveur capable d’héberger une petite application web en PHP. Il fournit alors un anonymizer proxy à la demande. Plus besoin de fouiller les listes de serveurs plus ou moins disponibles.

Félicitations à Emmanuel Saracco pour cette bonne idée. Téléchargement sur http://labs.libre-entreprise.org/scm/?group_id=107.

C’est la question à laquelle répond le site BrowserShots.org en fournissant un moyen simple de tester votre site web dans un grand nombre de configuration et de navigateurs (browsers en anglais). C’est une très bonne idée qui repose sur l’aide apportée par des ordinateurs volontaires répartis un peu partout dans le monde (architecture largement distribuée).

Vous pourrez ainsi savoir à quoi ressemble Roumazeilles.net sur nombre de navigateurs exotiques (ou pas) :

Recommandé pour quiconque fait des sites web.

Même si je suis de manière générale très favorable à l’emploi des tables HTML pour construire la mise en page d’un site web (comme celui que vous regardez en ce moment), il m’a paru intéressant de donner un lien vers un article qui articule clairement (en anglais) les arguments exactement à l’opposé : Why tables for layout is stupid.

Pour ceux qui se demanderaient encore pourquoi je préfère les tables HTML, disons simplement qu’elles sont infiniment plus simples à employer pour une présentation en trois colonnes que j’apprécie. Par ailleurs, utilisant DreamWeaver, le fait de disposer la plups grande partie de la présentation directement dans la page web n’est que peu gênant (grace aux excellents modèles/templates de DreamWeaver).

Les blogs du Monde (LE quotidien de référence de la presse française) viennent de faire un gros mouvement en passant de la technologie TypePad au logiciel WordPress (que j’utilise ici aussi).

C’est une belle démonstration de la grande solidité de WordPress et de sa qualité de niveau international et professionnel.

Source : Toni’s Garage.

Depuis quelques temps déjà j’utilise un petit plug-in bien plaisant pour gérer le cas particulier des publicités de type Google AdSense sur mon site. Vous avez peut-être remarqué une ou deux publicités qui se présentent dans le corps du article publié. Il est normalement assez difficile de le faire quand on publie sur WordPress, mais AdSense-Deluxe est assez souple à utiliser pour permettre cela.

J’espère que les publicités ainsi générées ne vous sont pas spécialement désagréables. Pour ma part, elles jouent un rôle certain pour rentabiliser cette petite activité de publication de nouvelles et d’articles (les clicks sur les pubs me rapportent de petites sommes d’argent ; mais les petits ruisseaux font les grandes rivières).

N’hésitez pas à me signaler si vous pensez que les pubilcités sont trop envahissantes.

Et oui, un blog comme roumazeilles.net peut aussi être situé géographiquement. C’est ce que vous pouvez voir depuis aujourd’hui en bas à droite des pages de ce site. Vous avez repéré la petite carte : ce site sur la carte de Paris. Et l’on peut ainsi trouver aussi les sites proches (géographiquement).

Il paraît que c’est recommandé pour un site web. Je suis pas mécontent d’essayer. Donnez-moi votre avis.

si vous êtes comme moi, vous trouvez aussi difficile d’organiser votre code CSS que de le comprendre. The Blog Herald a un article assez bien fait avec des trucs sur comment organiser et écrire son CSS. Je ne sais pas si c’est parfait, mais ça a une bonne tête.

Si vous voulez créer votre propre site web, vous serez peut-être intéressé par la série de six articles que je viens de publier sous forme de tutoriel en vue de publier un site basé sur WordPress.

1. Un nom de domaine
2. Un espace de publication
3. Lier nom de domaine et espace d’hébergement
4. Configurer le serveur Apache
5. Installer WordPress
6. Appelons les moteurs de recherche

Maintenant, vous pouvez publier à volonté. N’était-ce pas facile ?

Vous n’êtes pas sans savoir que le trafic d’un site web est souvent proportionnel à sa visibilité sur les moteurs de recherche. Malheureusement, en dehors des cercles (assez restreints) des marketeurs électroniques, il se raconte bien des histoires fausses et il se propage bien des rumeurs parfois ridicules.

Quelques messages simples à retenir.

(Lire la suite…)

Maintenant, pour exécuter cette nouvelle étape dans notre tutoriel de création d’un site web, vous devez choisir quel logiciel vous allez utiliser pour écrire votre site web. Le choix est large. Mais je veux décrire les deux options principales :

• Le système D
• Utiliser WordPress

(Lire la suite…)

Attention ! Il s’agit là de l’étape la plus compliquée de tout ce tutoriel vous permettant de créer facilement votre propre site web. Mais, c’est une étape dont on peut souvent se passer.

Dans mon cas particulier, pour la création du site Lexyk.com qui doit héberger un dictionnaire en ligne, je dois ajouter un petit service interne supplémentaire pour gérer spécifiquement les sous-domaines de Lexyk.com pour s’assurer qu’ils vont bien pointer au même endroit. Pour 99% des sites web, le seul sous-domaine qui importe est le très traditionnel www. Ainsi, la seule adresse connue des visiteurs est www.lexyk.com. Presque tous les serveurs/hébergeurs sont configurés pour utiliser directement www comme le sous-domaine par défaut et personne ne devra seulement le remarquer.

Mais dans quelques cas particuliers comme le mien, il faut s’occuper personnellement des sous-domaines. La seule manière simple est alors de demander à l’hébergeur de vous donner accès à un fichier de configuration du serveur. Sur les serveurs de type Apache (le plus courant), il s’appelle mod_rewrite. Comme je devais être capable de rediriger tous les sous-domaines au même endroit, j’ai dû demander à mon hébergeur l’autorisation d’installer mon propre fichier mod_rewrite.

Pour l’essentiel, après avoir loué un espace de stockage auprès de votre hébergeur, seule cette entreprise et vous savez vraiment où se trouve votre site web. Personne d’autre n’a été prévenu des acquisitions que vous venez de faire. Encore plus précisément, la société que vous avez payée pour informer le reste d’Internet (le registrar que vous avez payé pour ses services de Domain Name Service – see Step 1) n’a pas été informée de votre décision en matière d’hébergement. Il faut les en prévenir.

Dans la plupart des cas, le registrar met à votre disposition une interface dite administrative pour vous aider et vous guider. Dans le cas du registrar que j’ai sélectionné pour mon propre site lexyk.com, Gandi.net a une telle interface administrative (et intuitive). Ils veulent savoir où trouver l’information DNS exacte pour pouvoir la diffuser au reste d’Internet. C’est l’information qui nous a été fournie à la fin de l’étape 2.

C’est ainsi que j’ai informé Gandi.net de l’existence des sources primaire et secondaire d’information DNS qui m’ont été désignées par l’hébergeur (ns3074.ovh.net et ns.ovh.net chez OVH.com, l’hébergeur choisi pour Lexyk.com). Après avoir ainsi indiqué à Gandi.net l’adresse des deux serveurs de DNS d’OVH, il n’est plus qu’une question de temps pour que des millions d’ordinateurs n’apprennent la bonne nouvelle de l’existence de votrenom de domaine et de l’emplacement des données afférentes. Le protocole DNS s’en occupe parfaitement par une distribution progressive et très organisée de cette information cruciale à des centaines de milliers de serveurs partout dans le monde. Mais cela demande toute de même entre 24 et 48 heures. C’est parfois un peu plus rapide et vous en verrez peut-être vous-même l’effet un peu plus tôt que les autres internautes.