Depuis le 9 février 2005, Mozilla Firefox a fêté son premier anniversaire. Le désormais célèbre navigateur existe depuis 2002 mais a changé d’appellation plusieurs fois au cours de son développement :

2002 : Mozilla browser
2002/2003 : Mozilla Phoenix
2003/2004 : Mozilla Firebird
2004 : Mozilla Firefox

Notez que les développeurs de ce navigateur se sont largement inspirés du très populaire Netscape Navigator, et grâce à leur contribution, de nombreux bénévoles ont permis d’obtenir un résultat plus que satisfaisant.

En peu de temps, ce logiciel s’est imposé comme une réelle alternative au géant de Microsoft, Internet Explorer. En s’adressant principalement aux particuliers, Firefox se distingue par la gestion d’extensions qui rend le navigateur Internet très pratique et personnalisable selon ses besoins.

Au mois de février, la fondation Mozilla a annoncé que son navigateur Internet FireFox a été téléchargé 25 millions de fois depuis le lancement de la version 1.0 en novembre 2004.

La dernière version de Firefox est traduite en 28 langues, notamment le chinois et l’hébreu.

Désormais, chers Webmaster, pensez à vérifier vos pages Web afin qu’elles soient compatibles sous Internet Explorer et Firefox.

• Télécharger Mozilla Firefox >>

• Obtenir des extensions >>

• Obtenir des thèmes Firefox >>

TRUCS ET ASTUCES MOZILLA FIREFOX

FIREFOX EN MODE TURBO
Dans la barre d’adresse, tapez about:config et appuyez sur la touche « enter » de votre clavier. Double-cliquez sur la valeur browser.turbo.enabled la faisant ainsi passer à la valeur true. Redémarrez ensuite Firefox !

Cela permet de libérer la charge mémoire et votre navigateur et ainsi le faire fonctionner plus rapidement.

RECHERCHE CLIC DROIT
Une fonction très intéressante vous permet d’effectuer une recherche sur un mot ou une expression sélectionné dans une page Web. Pour cela, faites un clic droit et choisissez l’option « Chercher sur le Web… ». Une recherche sera lancée sur Google (par défaut).

AFFICHER TOUTES LES ERREURS JAVASCRIPT SOUS FIREFOX
Vous avez la possibilité de voir les erreurs Javascript occasionnées par l’exécution de scripts contenus dans une page Web. Pour cela, afficher une page puis sélectionnez le menu « Outils » et sélectionnez Console Javascript.

TELECHARGER ET UTILISER LES THEMES SOUS FIREFOX
De nombreux thèmes vous permettent de modifier l’aspect de votre navigateur et le rendre plus convivial. Tout d’abord, cliquez sur le menu « Outils » puis sélectionnez « Thèmes ». Cliquez sur « Obtenir d’autres thèmes », vous allez être redirigé vers le site Mozilla qui vous propose des thèmes téléchargeables.
Ensuite, pour appliquer un thème téléchargé, cliquez sur le menu « Outils » puis sélectionnez « Thèmes ». Choisissez un thème et cliquez sur « Utiliser le thème », puis redémarrez Firefox afin de prendre en compte les modifications.

AUGMENTER OU DIMINUER LA TAILLE DU TEXTE SOUS MOZILLA
Vous avez oublié vos lunettes : Appuyez sur la touche « Ctrl » de votre clavier et sur la touche « + » pour augmenter le texte d’une page Web.

Vous voulez exercer vos yeux avant un rendez-vous chez l’ophtalmo : Appuyez sur la touche « Ctrl » de votre clavier et sur la touche « - » pour diminuer le texte d’une page Web.

Autre possibilité : Si vous possédez une souris avec une roulette, appuyez sur la touche « Ctrl » de votre clavier et faites la rouler de haut en bas ou de bas en haut.

LISTE DES RACCOURCIS CLAVIER FIREFOX
Nouvelle fenêtre : CTRL + N
Nouvel Onglet : Ctrl + T
Ouvrir un fichier : Ctrl + O
Fermer l’onglet : CTRL + W
Fermer la fenêtre : Ctrl + Shift + W
Enregistrer sous : Ctrl + S
Imprimer : Ctrl + P

Annuler : Ctrl + Z
Refaire : Ctrl + Y
Couper : Ctrl + X
Copier : Ctrl + C
Coller : Ctrl + V
Tout sélectionner : Ctrl + A
Rechercher dans la page : Ctrl + F
Rechercher à nouveau : Ctrl + G

Afficher la panneau latéral Marques pages : Ctrl + B
Afficher la panneau latéral Historique : Ctrl + H
Augmenter la taille du texte : Ctrl + +
Diminuer la taille du texte : Ctrl + -
Code source de la page : Ctrl + U

Plein écran : F11
Page précédente : Alt + Gauche
Page suivante : Alt + droite
Page de démarrage : Alt + Home
Actualiser : Ctrl + R
Marquer la page : Ctrl + D
Recherche sur le web : Ctrl + K
Téléchargement : Ctrl + E
Information sur la page : Ctrl + J
Taper une adresse : Ctrl + L

VOIR LE CODE SOURCE D’UNE PAGE SOUS FIREFOX
Pour voir le code source HTML d’une page Web, Cliquez sur le menu « Affichage », puis sélectionnez « Code source de la page ». Autres alternatives, appuyez sur les touches « Ctrl + u » de votre clavier ou faites un clic droit dans la page Web et choisissez « Code source de la page ».

OUVRIR UN NOUVEL ONGLET SOUS FIREFOX
Une des fonctionnalités intéressantes et pratiques de Firefox est l’ouverture de page Web dans des onglets. Pour cela, appuyez sur les touches « Ctrl + t » ou cliquez sur le menu « Fichier » et sélectionnez « Nouvel onglet » puis entrez une URL dans la barre d’adresse.

OUVRIR L’HISTORIQUE FIREFOX
L’historique permet de voir les adresses des sites visités dernièrement. Pour l’ouvrir, appuyez sur les touches « Ctrl + H » du clavier.

CHANGER LA PAGE D’ACCUEIL
Cliquez sur le menu « Outils » et sélectionnez « Options ». Cliquez ensuite sur l’icône « Général » situé à gauche. Sur la droite, une section nommée « Page d’accueil » vous permet d’indiquer l’adresse URL de votre choix (http://webyo.net par exemple) puis cliquez sur le bouton « OK ».

Bonne navigation…

OUTILS ET LOGICIELS | (0) commentaire »

Cet article est dédié à tous les internautes qui souhaitent créer un site Web. Quelques conseils pour éviter les erreurs qui pourraient gâcher votre travail.

Trop d’images tuent la page !

Evitez tant que possible d’alourdir vos pages HTML avec une multitude d’images. Vos fichiers seront moins lourds et donc plus rapides à charger (Gain de temps, gain d’argent pour certain !). De plus, vos visiteurs resteront davantage si votre site s’affiche vite.

Utilisez des polices standard

Dans vos feuilles de styles CSS, vous pouvez choisir la police de caractère que vous voulez pour votre site mais sachez que si l’Internaute ne possède pas cette police sur son ordinateur, la mise en page de votre document risque de subir des modifications inattendues. Pour éviter cela, utilisez les polices classiques comme :

- ARIAL
- VERDANA
- TIMES NEW ROMAN
- GEORGIA
- HELVETICA
- COURIER
- GENEVA

Ainsi, vous êtes quasi-certains que les Internautes possèdent ces polices et donc qu’ils n’auront pas de problème de lecture.

Malgré tout, si vous voulez utiliser une police plus originale, la solution est de créer des images (pour un menu par exemple).

Les Cadres (Frames)

Evitez l’utilisation de « Cadres » (Frames) dans vos documents car elles posent des problèmes pour certains navigateurs mais surtout lors du référencement. De plus, elles sont très contraignantes pour l’internaute novice qui souhaite imprimer une page de votre site ou mettre une page dans les favoris.

Les liens brisés

Un site est composé de divers éléments dont les liens hypertextes qui permettent de naviguer de page en page.
Veillez à mettre des liens utiles dans vos pages afin que la navigation soit plus fluide pour l’utilisateur.
Vérifiez toujours qu’il n’y a pas de liens dits “brisés” dans vos pages car il n’est pas agréable de cliquer et de ne pas arriver à la destination souhaitée.
Pensez également à ajouter l’attribut « ALT » sur vos images pour donner une description de l’image.

Exemple :

<img src="images/mamie.gif" width="120" height="90" alt="Photo de mamie">

Compatibilité navigateur

Essayez tant que possible de vérifier votre site Web sur Internet Explorer, Firefox, Opera et autres navigateurs. En effet, il existe des incohérences par rapport à l’interprétation de vos pages Web entre ces différents navigateurs. Qui plus est, elles ne fonctionnent pas de la même manière sur IE (Windows) et IE (MacOS), ainsi que Firefox (Linux) et Safari (MacOS).
Vous aurez de merveilleuses surprises si vous ne faîtes pas attention lors de l’intégration de vos pages HTML !!!
La meilleure solution est de vérifier votre code sur http://validator.w3.org et de corriger vos erreurs. (Cependant, il n’est pas garanti que vos pages s’affichent de manière homogène même si elles sont conformes aux standards W3C).

Les Meta Tags

N’oubliez pas d’insérer des Meta tags dans vos pages car votre référencement n’en sera que meilleur. Les Meta tags sont un ensemble de codes qui se présentent dans des balises <META> de la façon suivante :

<meta name="description" content="La description de votre site">
ou
<meta name="keywords" content="inscrivez ici la liste des mots-clés caractérisant votre site, séparés par une virgule">

Ainsi, quand vous éditez votre page, ils permettent aux robots des moteurs de recherche (entre autres) d’indexer votre site et d’obtenir des infos pour le caractériser.

Créer des META TAGS >>

La navigation interne

La navigation dans votre site est très importante. Il est fondamental de pouvoir naviguer facilement sur vos pages. La navigation doit alors être présente partout et surtout être bien organisée.
Voici quelques exemples de liens que l’on trouve fréquemment sur les sites Web et qui améliorent la navigation :

- vers la page d’accueil du site.
- vers des pages rubriques
- vers une page d’aide
- vers une page nouveautés
- vers un contact (e-mail ou formulaire)
- vers un plan du site
- etc.

La taille de vos fichiers

Vous devez faire attention à la taille de vos fichiers. Pour cela, il faut tenir compte des statistiques concernant la résolution d’écran des Internautes et l’adapter en fonction. Si un de vos visiteurs possède un écran 15″ avec une résolution 800x600, et que votre site est conçu pour résolution 1024x768, il aura beaucoup de mal à le parcourir.

La résolution la plus répandue à l’heure actuelle est 800x600 même si le 1024x768 est largement répandue.

Les couleurs

Vous devez également faire attention aux couleurs utilisées dans votre charte graphique. Vous ne pouvez pas choisir toutes les couleurs que vous souhaitez puisque celles-ci sont limitées (palette de 216 couleurs Web).
Au cas ou vous en utilisez quand même, certains internautes risquent de voir des couleurs approximatives et non celles que vous avez choisies.
A vous de juger !

>> En savoir +

L’orthographe

Attention à ne pas commettre de fautes d’orthographe dans vos pages Web. Essayez, tant que possible, de relire vos textes avant de les publier.

WEBMASTER | (1) commentaire »

XHTML signifie “EXtensible HyperText Markup Language”. Il représente une évolution du HTML 4 qui est voué à disparaître. Le XHTML est un langage recommandé par la W3C depuis le 26 janvier 2000 et il a bénéficié d’une révision le 1er août 2002.

Pour vous motiver à lire la suite de cet article, consultez d’abord celui-ci publié par Xavier Borderie (JDN Développeurs) qui présente dix raisons d’utiliser XHTML, les CSS et le DOM : voir l’article >>

Si vous connaissez déjà le HTML, vous pouvez rapidement apprendre les recommandations XHTML et les mettre en application. Pour connaître les différences entre le HTML et XHTML, consultez cet article très bien détaillé et en français :

http://fr.selfhtml.org/html/xhtml/differences.htm

Si vous ne pratiquez pas de manière intensive le HTML, consultez cette rubrique afin d’apprendre les bases :

http://www.webyo.net/article.php3?id_article=29

Pour développer vos connaissances en XHTML, consultez ces sites :

XHTML W3C - INFORMATION

• W3C - Site officiel du World Wide Web Consortium
  http://www.w3.org
• W3C – HyperText Markup Language (HTML)
  http://www.w3.org/MarkUp/ (en anglais)
• W3C – XHTML 1.0
  http://www.w3.org/TR/xhtml1/ (en anglais)
  http://www.la-grange.net/w3c/xhtml1/ (en français)
• XHTML 1.0 - Eléments interdits
  http://www.w3.org/TR/xhtml1/#prohibitions (en anglais)
• XHTML 1.0 – Guide de compatibilité
  http://www.w3.org/TR/xhtml1/#guidelines (en anglais)
• XHTML 1.1 – Documentation officielle
  http://www.w3.org/TR/xhtml11/ (en anglais)
  http://www.la-grange.net/w3c/xhtml11/ (en français)
• XHTML 2.0 – Documentation officielle
  http://www.w3.org/TR/xhtml2/ (en anglais)
• w3schools
  http://www.w3schools.com/xhtml/xhtml_reference.asp (en anglais)

OUTILS XHTML

• HTML Validator – Permet de tester vos pages Web.
  http://validator.w3.org

TUTORIAUX XHTML

• w3schools
  http://www.w3schools.com/xhtml/default.asp (en anglais)
• Openweb – Le XHTML
  http://openweb.eu.org/xhtml/ (en français)
• SELFHTML
  http://fr.selfhtml.org/html/xhtml/ (en français)
• Ptaff
  http://ptaff.ca/xhtml/ (en français)
• Alsacréations - Cours et tutoriels HTML, CSS et standards Web
  http://css.alsacreations.com (en français)
• Laltruiste - Le guide des langages Web
  http://www.laltruiste.com/coursxhtml/sommaire.html

SITES CONSACRES AU XHTML

• XHTML.net : Standards, CSS, XHTML
  http://www.xhtml.net (en français)

EN CONCLUSION
Pour vérifier vos connaissances dans le domaine, vous pouvez faire un Quiz (en anglais). Je l’ai fais et obtenu 17/20 sachant que mon anglais est très approximatif ! Vous ferez facilement mieux après avoir visité les sites référencés ci-dessus.

http://www.w3schools.com/xhtml/xhtml_quiz.asp

(X)HTML - CSS | (0) commentaire »

De nombreux navigateurs gratuits sont actuellement disponible sur le Net. Chaque éditeur vante les mérites de son logiciel mais concrètement il est relativement difficile de faire un choix.

Tout d’abord, cela dépend de votre système d’exploitation (Linux, Windows, MacOs…), des outils proposés, de la rapidité et d’autres critères que je ne développerais pas ici.
En revanche, si vous souhaitez vous pencher sur le sujet, consultez le test (en anglais) effectué sur le site « howtocreate » :

http://www.howtocreate.co.uk/browserSpeed.html

OUTILS ET LOGICIELS | (1) commentaire »

Le nouveau package version 1.8 est disponible en téléchargement depuis le 01 mars 2005 et comprend Apache 1.3.33, PHP 4.3.10, MySql 4.1.9 et phpMyAdmin 2.6.1. Un petit plus, la possibilité d’utiliser EasyPHP sur une clé USB. Pour cela, il suffit de copier son répertoire d’installation sur la clé et lancer le manager.

EasyPHP, c’est quoi ?
C’est un utilitaire qui installe et configure automatiquement un environnement de travail complet sous Windows permettant ainsi de travailler localement avec des applications dynamiques en PHP.

http://www.easyphp.org
http://www.easyphp.org/telechargements.php3

ACTUALITE | (1) commentaire »