Trouver les adresses IP de la Freebox

Depuis décembre 2007, la Freebox a, en parallèle de l'adresse de type IPv4, une adresse de type IPv6. Bien que cela ne présente pas beucoup d'intérêt pour l'utilisateur commun, vous trouverez ici des informations pour activer ce nouveau type d'adressage sur internet.
Et aussi des informations pour trouver les adresses IP et MAC de la Freebox.
Tout l'article dans une nouvelle page avec "Read more"


L'IP v6
Pour freebox HD (v5) uniquement. Votre firmware doit être supérieur à 1.3.0.
Pour avoir le dernier firmware, il suffit de relancer le boîter adsl de la Freebox. Pour cela, débrancher puis rebrancher le boîter adsl.
Pour activer l'IPv6 (adressage étendu des adresses IPs), allez dans votre interface de gestion, dans le bas à droite, dans l'encadré Fonctionnalités optionnelles, cliquer sur Fonctionnalités optionnelles de la Freebox (Wifi, Routeur...). Dans le nouvel écran, cliquer sur Configurer de Autres fonctions. Cocher Support V6 et enfin cliquer sur le bouton Envoyer.
Un message vous informe que vous devez relancer la Freebox ADSL. Pour cela, il suffit de la débrancher et de la rebrancher. Vous pouvez rebooter votre Freebox adsl à partir de votre commande de télévision.
Pour connaître son adresse IPv6, rendez-vous sur le site : 6to4.nro.net (à compléter).

Adressse IP v4 publique seule
IL y a deux endroits pour connaîtres son adresse IP dans l'nterface de gestion : Caractéristiques techniques de la ma ligne et Afficher mon adresse IP.
L'endroit le plus simple est le suivant : à partir de l'interface de gestion, cliquer sur Afficher mon adresse IP. Votre adresse apparaît en rouge. A noter qu'étant en dégroupage total, j'ai toujours la même adresse, si vous être en IP/ADSL (non dégroupé), vous avez une adresse dynamique qui change à chaque connexion.
Pour l'autre endroit, voir ci-dessous

Pour connaître l'adresse IP v4 publique et ses composantes ainsi que les données techniques de la ligne
Aller dans votre interfacfe de gestion, Caractéristiques techniques de la ligne.
Il apparaît alors :

1. Votre numéro de téléphone adsl (chez Free, commence par 095) qui est différent de votre numéro géographie (genre 01 34 ...).
2. Votre type de raccordement (dégroupage total ou autres).
3. Le NRA (raccordement aux équipements de France-Télécom). De type 3 lettres (mnémonique d'une ville ou quartier) suivies par le numéro du département. ex CRO10)
4. La longueur de votre ligne.
5. L'affaiblissement en dB (si le chiffre est supérieur 20, 30, vous avez des difficultés de liaison.
6. Votre adress IP publique (la voilà) de type : xxx.xxx..xxx.xxx (chaque chiffre va de 0 à 255, voir exemple ci-dessous). C'est une adresse IP de type v4. pour l'adresse IP v6 voir plus haut.
7. Votre adresse IP masque, le masque de sous-réseau. Il apparaît à la suite de l'adresse IP adresse IP /xxx. Son adresse est du type : 255.255.255.xxx.
   Exemple : si vous avez l'adresse (fictive) : 243.128.234.27 / 48, votre adresse IP est : 243.128.234.27 et votre masque de sous réseau est : 255.255.255.48.
8. Votre passerelle, appelé aussi le "gateway". Adresse du type xxx.xxx.xxx.xxx. Exemple : 82.241.177.254.
9. Autres informations sur votre liaison.

L'adresse IP locale
Il s'agit de l'adresse sur son propre réseau. L'adresse est : 192.168.0.1 pour le premier connecté derrière le routeur puis 2, 3 pour les équipements suivants. Cette adresse est donc dynamique.

Les données sur les adresses IP vues ici sont indispensables pour le paramétrage de son réseau sauf si vous cocher la case DHCP ce que nous vous conseillons car alors votre carte réseau trouvera tout seule ces coordonnées.

Les adresses MAC
Il s'agit de l'adresse unique de votre matériel. Indispensable pour la sécurité d'un réseau qui va reconnaître uniquement des adresses MAC identifiées.
Pour connaître l'adresse MAC, allez dans votre interface de gestion, Dans le bas à droite, la zone Fonctionnalités optionnelles, puis cliquer sur Fonctionnalités optionnelles de la Freebox (Wifi, Routeur...). Votre adresse MAC apparaît sous la forme xx:xx:xx:xx:xx:xx (noter les deux points au lieu des points de l'adresse IPv4. Il s'agit de nombres héxadécimaux (de 0 à F). Exemple (fictif) : 00:B5:CB:80:45:A9.

L'adresse Localhost
Il s'agit de l'adresse IP de votre ordinateur en local, lorsque vous utilisé un serveur de fichier comme IIS, easyPHP ou Zope. Cette adresse est la même pour tout les ordinateurs : 127.0.0.1.
Exemple : taper http://127.0.0.1/ dans votre navigateur, vous verrez si vous avez un serveur actif. Taper http://localhost/ donne le même résultat.

Adresses de son matériel
Maintenant, sous windows, il existe une méthode pour avoir les informations de son matériel :
Il faut lancer une commande ipconfig /all à partir de la console MSDOS. Pour cela, cliquer sur Démarrer puis Exécuter. Dans la boîte taper CMD. Une fenêtre MSDOS s'ouvre. A l'invite, là ou le curseur clignote, taper : ipconfig /all et enter. Bien ouvrir la fenêtre msdos pour lire toutes les informations. Vos différentes cartes réseau sont citées : éthernet, connexion sans fil, Bluetooth, autres. Attention pour l'adresse IP v4, vous n'avez que celle du réseau, soit quelque chose de la forme : 192.168.0.1. La commande ipconfig indique juste les adresses de la connexion.


Voilà, vous êtes armé pour le paramétrage de votre freebox.


Pour en savoir plus sur les adresse IP : http://fr.wikipedia.org/wiki/Adresse_IP
Autres lien, notamment détaillant les masques et classe d'adresse IP : http://fr.wikipedia.org/wiki/Adresse_IPv4
Et sur l'adresse IP v6 : http://fr.wikipedia.org/wiki/IPv6

Dryat120

Read More......

Applications portables

Savez-vous que vous pouvez maintenant emporter votre PC dans votre poche.
C'est possible grâce aux applications portables (suite bureautique, autres) que vous mettez dans votre clé USB. Pour les utiliser, il suffit de brancher cette clé sur un PC et d'utiliser les applications sans "utiliser" le PC.

Plus d'info avec "Read more".

Voir la page de Wikipédia

portableApps.com
FramaKey

Dryat120

Read More......

Téléchargement de gros fichiers, dl.free.fr

Depuis Janvier 2008, free à ouvert un wiki sur le sujet :
http://dl.free.fr/wiki/index.php/Accueil

Modification du 18 janvier 2008

L'envoi de gros fichiers (vidéos familiales) est un problème. Il existe bien les e-mails mais il y des limitations (quelques megas ce qui exclut les vidéos familiales). Il existe aussi le transfert par ftp mais cela est un peu plus technique (même avec FileZilla pourtant bien simple et efficace).

Avec dl.free.fr, l'échange de gros fichiers est très simple et encore plus simple depuis mi-2007.
Ce premier article indique les fonctionnalités de base de dl.free.fr. Pour le détail des communautés de dl.free.fr, un renvoi est fait au wiki de Free.
Mais d'abord le service de base en cliquant avec "Read more"

Free proposait depuis longtemps un service d'envoi de gros fichiers, ouvert à tous, semblable à d'autres sites avec des tailles de fichiers assez importantes (actuellement 1 Go par Web, la methode simple, et 10 Go par FTP, un peu plus technique). Depuis mi-2007, d'intéressantes fonctionnalités ont été ajoutées.

Au-départ, le service est celui-ci (Voir ci-contre)et est toujours accessible ici.
Le tableau du haut rappelle les caractéristiques.
La boîte texte permet, avec le bouton "Browse..." de sélectionner sur votre espace personnel le fichier à envoyer.
On indique les e-mails : un pour soi si l'on veut une copie et jusqu'à trois destinataires.
Un texte d'accompagnement pour les e-mails.
Et enfin, un mot de passe si l'on souhaite sécuriser le téléchargement du fichier. Ce mot de passe sera dans l'e-mail. Si l'on ne souhaite pas sécuriser son envoi par un mot de passe, laisser la boîte texte vide.
A la fin de cette page, apparaissent les avertissements de la société Free à propos de la responsabilité du contenu de ces fichiers.
Il est rappelé aussi que des fichiers peuvent être perdus. C'est gratuit, difficile de se plaindre.
Enfin, tout à la fin de cette page apparaît le lien vers les évolutions de ce service, ici.

Après validation de votre envoi, il apparaît un écran de chargement puis un écran final confirmant que le fichier est disponible à vos destinataires (Voir ci-contre).
Noter que vous pouvez accéder à votre fichier en cliquant sur le lien. Vous disposer d'un lien permettant de détruire ce fichier immédiatement.
Modification du 13 avril 2011. Attention, une fois que vous aurez cliqué sur le lien pour la destruction du fichier, il n'y aura pas de message de confirmation, le fichier sera directement détruit. Un message de confirmation vous demandera de confirmer la destruction du fichiers.
Important. Si votre fichier n'a pas été téléchargé pendant un mois, il sera automatiquement détruit.. Fin de la modification.

Au final, vos destinataires recoivent ce type d'e-mail.
Vous y retrouvez le lien vers le fichier, le texte du message ainsi que le mot de passe.

Le destinataires n'a plus qu'à cliquer sur le lien du fichier, entrer éventuellement le mot de passe, et télécharger le fichier normalement sur son ordinateur.

Comme déjà évoqué, depuis mi-2007, dl.free.fr offre de nouvelles fonctionnalités très pratiques comme :
- La création de communauté, on peut ainsi déclarer tous les e-mails de la famille et envoyer la vidéo du dernier-né à cette communauté d'un clic,
- Les vignettes qui permettent une pré-visualisation des fichiers sélectionnés.
Ces nouvelles fonctionnalités.

Modification du 18 janvier 2008.
dl.free a ouvert un wiki très intéressant sur le sujet ici : http://dl.free.fr/wiki/index.php/Accueil

Dryat120

Read More......

Freebox TV en toute sérénité

Comme beaucoup de monde, malheureusement, j'ai des problèmes avec la télévision sur ADSL diffusée par Free. Sur la page de l'aide de Free, signalée par nickole, Freenews' Evangelist, sur le forum Freenews, il est conseillé d'utiliser dans notre cas le réglage "sérénité".

Plus d'info sur une meilleure réception télévision ADSL Free, Read more...

D'abord, saluons les équipes de développement qui ont choisi ce nom évocateur pour un CHOIX DE L'OPTION FASTPATH. On est plutôt habitué à des noms ésotériques difficiles à mémoriser (enfin pour moi).
Ici, c'est simple. Si vous avez des problèmes avec votre réception TV, aller dans votre interface de gestion, dans liste des liens, repérer le dernier encadré "Fonctionnalités optionnelles", puis choisisser "Reglage du ping (fastpath)". Dans l'écran (voir ci-contre), à la suite d'une longue explication, cliquer sur la liste déroulante tout en bas.
Sélectionner dans cette liste "Sérénité".

Voici l'écran suivant. Il confirme la modification mais n'indique pas quel est le nouveau paramétrage. Pour cela, il suffit de retourner dans la page "Reglage du ping (fastpath)" pour vérifier que le nouveau réglage a bien été pris en compte. J'espère que vous avez bien noté que l'effet de votre modification n'interviendra que le lendemain entre minuit et deux heures du matin.

Si cela fonctionne (je viens juste de le faire), j'irai brûler des cierges pour sainte (je présume que c'est le pseudo d'une personne du sexe féminin) Nickole, notre évangéliste.

Le lien vers la page d'info de Free, ici.
Le lien vers le post en question, ici, et le lien vers le site de Nickole, ici.

Dryat120

Read More......

Domaine sans le www (no-www.org)

Pour supprimer le www de vos adresses car paraît-il, cela prend du temps.

Tout l'article dans une nouvelle page avec "Read more"

Voir : http://trac.lighttpd.net/trac/wiki/Docs%3AModRedirect

http://lifeiscomplicated.net/2007/9/14/no-www

mais surtout : http://no-www.org

Dryat120

Read More......

hCard un format de vCard pour le web

Pour indiquer vos coordonnées de manière "standard" sur le web et les rendre facilement exploitables, utiliser le format (et le générateur) hCard. Vous entrerez par la même occasion dans le web sémantique et les microformats.

Pour en savoir plus : "Read more"

Pour un accès plus direct à vos coordonnées publiées sur le web ou celles de votre affaire, utiliser le format hCard (HTML Card).
Ainsi, lorque l'on navigue sur votre site, nous pouvons sauvegarder vos coordonnées simplement en vCard (Outlook, autres) ou vous localiser géographiquement sans avoir à chercher ces informations sur votre site. De plus, des moteurs de recherche de plus en plus spécialisés tirent avantage de ce format pous mieux vous identifier.
Pas besoin d'être un expert en programmation, un générateur vous permet de "rédiger" simplement le code html (voir ci-contre).
Pour entrer vos coordonnées, utiliser le formulaire.
Pour visualiser le texte, voir l'encadré gris (Vous pouvez reformater ce texte).
Pour récupérer les lignes de codes (mise en forme de base), copier le code dans l'encadré nommé "code".

Vous aurez ainsi un code "sémantique", au format hCard, qui sera repéré par les navigateurs et les moteurs de recherche qui utilisent ce "microformat".

Aujourd'hui, Firefox 2 a une extension spécifique qui lit ce type de format, il peut donc mettre à votre disposition ces données.

Je vous propose de regarder l'exemple ci-dessous pour les coordonnées de Dryat120 (auteur de ce blog) écrites en html dans ce blog au format hCard.
J'ai utilisé le générateur, la mise en forme est donc celle du blog. J'ai juste rajouté la couleur de fond.

Dryat120

Privé

dryat120@gmail.com

Saint-andré-les-Vergers
,
10120

France

This hCard created with the hCard creator.

Lorque vous lisez ce blog contenant des informations au format hCard, vous pouvez facilement sauvegarder ces informations au format vCard (pour Outlook par exemple). Vous pouvez aussi demander la recherche de l'adresse avec Map. Et tout ceci grâce à la barre Operator de Firefox 2.
Dés que l'extension "lit" des tags au format hCard, il les affiche dans la barre "Opérator".
Pour sauvegarder les données, cliquer sur Contacts puis sélectionner une commande.
Pour visualiser l'adresse sur une carte géographique, sélectionner Adresse puis sélectionner une commande.

Vous pouvez auto-cacher la barre Operator à l'aide de l'icône "Operator" (la croix verte).
Pour télécharger cette icône, faire un clic droit à côté des menus, choissir Customize. Dans le panneau des "Icons" (voir liste déroulante en bas à droite), faire glisser l'icône avec la croix verte jusqu'à l'endroit où vous voulez placer cette icône. Terminer en cliquant sur le bouton "Done".
Pour demander le masquage automatique de la toolbar Operator, cliquer sur la flêche pointant vers le bas, à droite dans l'icône de Operator, sélectionner Options. Dans le menu Options, cocher La case "Auto-hide toolbar". Celle-ci sera cachée si la page où vous naviguez ne contient pas de hCard.

A noter qu'à partir de cette icône, vous avez les mêmes accès qu'avec la toolbar. De plus, lorsque il n'y a pas de tag au format hCard dans votre page, la couleur de la croix verte devient terne. Cette icône a donc les mêmes fonctions que la toolbar.

Le lien vers le hCard creator, qui vous génère le code simplement en remplissant un formulaire : http://microformats.org/code/hcard/creator.

Pour télécharger Operator, l'add-on de Firefox 2 lecteur de hCard : https://addons.mozilla.org/en-US/firefox/addon/4106.

Pour plus d'information sur les microformats : http://microformats.org/wiki/hcard et sur les microformats : http://microformats.org/about/.

Pour une info en français, ce post ici.

Dryat120

Read More......

Micro-standards du web : les microformats

Initié par l'article de Alex Faaborg, ici, sur les microformats,

vous trouverez dans cet article une présentation et une liste de ces microformats qui vous facilitent la vie lors de la création de vos sites web (tout en restant "standard") et qui permet à vos lecteurs de traiter plus facilement les informations que vous souhaitez mettre à leur disposition.
Voir mon article détaillé sur le microformat qui permet de laisser facilement vos coordonnées, le microformat "hCard". Ici.
Pour accéder à l'article, cliquer sur Read more.


Cet article, se limite à :

• des généralités sur les microformats


• une liste de microformats avec des pour plus d'information.

Pour un blog en français très documenté sur les microformats, voir le blog de Christophe Duchamp : http://www.elanceur.org (la page dédiée au microformat).
(Pour ceux qui veulent plus de détails sur les microformats, je recommande la lecture de ce post plutôt que celui-ci)

Les microformats
Voir le site : http://microformats.org/
Voir le blog, le Wiki, le code, liste de microformats d'où j'ai puisées les informations.
Pour faire simple, les microformats s'apparentent à des règles d'utilisation des "class" et autres propriétés des éléments html (comme rel="") de façon plutôt semantique que présentationnelle.
C'est à dire une utilisation plus orientée vers le sens de la donnée que sur la façon de la présenter dans la page html (pour cela il y a le css).

Il s'agit de permettre à des moteurs, navigateurs, autres, de repérer ces informations dans votre code et de les traiter à travers ces "microformats" reconnus par la communauté du Web. Ainsi, une adresse sur votre site pourra être enregistrée dans votre bloc-note d'adresse (Outlook, autres) ou être positionée par un logiciel de localisation géographique (Maps, autres).

L'exemple le plus courant étant les coordonnées de l'auteur d'un site ou de son affaire. En respectant le microformat "hCard", on peut facilement récupérer ces données au format vCard (Outlook) ou demander à Map de localiser l'endroit.
Une programmation hCard a cet aspect :

<div class="vcard">
<div class="fn">Joe Doe</div>
<div class="org">The Example Company</div>
<div class="tel">604-555-1234</div>
<a class="url" href="http://example.com/">http://example.com/ </a> ;
</div>

Ce code html, que vous pouvez mettre en forme, sera repéré et traité par les navigateurs ou des moteurs de recherche au "microformat" hCard.
Il est important de noter qu'il existe des "générateurs" de codes au format de ces microformats facilitant ainsi l'implémentation de ces codes dans les sites et blogs sans grandes connaissances de la programmation.

Pour avoir accès à ces informations à partir de votre navigateur, Firefox 2 propose un add-on : Operator. Voir mon post sur hCard, ici, ou sur le site de Mozilla Firefox, ici.

Présentation de microformats
Note : les noms sont précédés d'un "h" indique le lien avec le html (hCard pour "HTML Card"). Un "x" indique le lien avec XML. Et relxxx indique une propriété de l'élément lien hypertext rel="...".

hCard, carte de visite
Voir mon blog ici. Plus d'information ici. Le générateur de code est là.

hCalendar, pour des événements de votre calendrier
Plus d'info ici. Le générateur de code est ici.

hReviews, pour des revues de produits, critiques de cinémas, autres
Plus d'info ici. Le générateur de code est ici.

hResume, pour vos ... CV
Plus d'info ici. Le générateur est ici.
Alors, simplifier vos CV dans vos sites.

rel-licence, pour indiquer le type de licence de votre site
Il s'agit en fait d'ajouter au lien de votre type de licence, la propriété <a http="..." rel="licence" >. Pour plus d'information, ici.

rel-tag, pour indiquer des tags
Plus d'information ici. Il n'existe pas de générateur de code mais des outils qui permettent qui génére des tags chez les hébergeurs (Technorati, autres).
Les tags sont lisibles avec Operator, l'add-on de Firefox, à Tagspace. Sur les sites gérant ces tags, on peut voir la mention "tags using reltag" et autres références à reltag.

RelNoFollow, une sécurité par les liens
Ce "microformat" a pour but de limiter le spam en indiquant au moteur de recherche de ne pas ajouter de "poids" à l'adresse qui est indiquée dans le lien. Pour cela, on ajoute à l'élément html des liens hypertext la propriété : <a href="..." rel="nofollow">.
Utilisé dans les blogs pour les liens qui sont placés dans les commentaires d'articles. Peut-être aussi utilisé par un rédacteur pour citer un lien sans lui apporter son soutien.

XFN, votre réseau d'amis (Xhtml Friends Network)
Plus d'info ici, avec un renvoi vers GMPG. Le générateur de code est ici.

XOXO, pour vos listes
Autour des éléments HTML "Définition" : dl, dt; dd ; et "List" : ol, li
Plus d'info ici. Pas de générateur mais un validateur de code, ici.

xFolk, pour vos bookmarks
Plus d'info ici. Les bookmmarks sont lisibles avec Operator, l'add-on de Firefox, à Tagspaces.

VoteLinks, pour voter "Pour" ou "Contre". Abstention prévue
Plus d'info ici. Pas de générateur mais un lien vers un site dont les "votes" peuvent être liées à votre site : http://jyte.com/.

Pour la liste exhaustive de ces microformats, voir http://microformat.org, ici ; et chez microinformatique.com, ici, auteur d'un livre sur ce sujet.

Pour les liens en français,
microformats sur le Wikipedia français, ici. Noter que celui-ci n'est pas complètement traduit.
Je rappelle le lien vers http://www.elanceur.org, ici, et un autre lien vers http://microformateurs.org, ici.

Dryat120

Read More......

Joomla, un CMS pour l'hébergement chez Free

Après avoir fait plusieurs essais de CMS, ces logiciels qui permettent la contruction et la gestion aisée de sites web, je me suis fixé sur Joomla.

Il me paraît simple et surtout, il existe une communauté qui connaît bien la technique pour une installation chez Free.

Toute les informations sur Joomla :
Site officiel : http://joomla.org
L'aide : http://help.joomla.org
Les extensions : http://extensions.joomla.org
et le développement avec des tutos avancés : http://dev.joomla.org/

Le portail francophone : http://joomla.fr Onglet Potail,
Onglet extensions : http://www.joomlafrance.org/
L'onglet Aide : http://www.joomlafacile.com/
Ici beaucoup d'info en français et le guide d'installation pour Free.fr, ici.
et longlet forum : http://forum.joomlafacile.com/

Démos sur templates : http://www.joomlakb.com
Info pour l'installation sur Free.fr

Un site de tutos (soft) : http://www.joomladraft.org

Les CMS (Content Management System) sont présentés comme des logiciels qui permettent la publication d'un site web sans connaître la programmation html, php, MySQL, etc.

C'est vrai. Pour cela, vous utilisez dans le panneau d'administrateur :
- des commandes qui vont vous permette de créer la navigation (menus)
- et un éditeur qui va vous permettre de rédiger et mettre en forme vos articles.
Le résultat est assez proche d'un blog mais avec beaucoup plus de possibilité de navigation.

Il existe aussi des "extensions" qui vont vous permettre de mettre en oeuvre des fonctions avancées de sites web comme des galeries photos, autres.

Pour la mise en forme de votre site, vous êtes tributaire des "templates". Il en existe de nombreux, gratuits et payants.
Ces templates sont ouverts et vous pouvez les modifier avec un minimum de connaissance en HTML et en CSS.

Au final, c'est quand même complexe, j'ai donc ouvert un autre blog pour noter mes expériences avec Joomla : http://myjoomlaexperience.blogspot.com.

Quelques conseils pour démarrer :

- Vous avez besoin d'un hébergement avec MySQL et PHP, idéalement PHP 5. L'hébergement Free est parfait et vous bénéficiez de nombreux conseils et forums dans les liens donnés plus haut.

- Joomla n'est pas un éditeur où vous allez créer et télécharger des pages. Joomla "est" votre site. Vous devez le télécharger là où votre site sera hébergé puis vous créez votre structure et vos articles à partir de panneau d'administration. Il n'est pas utile d'avoir une phase de développement en local sur votre poste (localhost avec EasyPHP par exemple), vous pouvez directement travailler en ligne.

- A ce jour, octobre 2007, c'est la version 1.0.13 qui est stable (et proche de Mambo qui est la source de Joomla). Il existe une version 1.5 dite Release Candidate, c'est à dire pratiquement en production (que je n'ai pas essayé encore).

- Pour un hébergement chez Free, il suffit d'utiliser une adresse e-mail. Noter que vous pouvez avoir plusieurs adresses emails à partir de votre compte principal. Pour activer vos pages perso et la base de données MySQL, dans l'interface Free, vous entrez l'identifiant et mot de passe de votre adresse e-mail. Vous arrivez dans une interface qui vous propose entre autres l'activation de vos pages perso (incluant l'activation de la base de données, choisisser MySQL). Il faut attendre un certain temps, plusieurs jours voire plusieurs ... semaines. Si cela apparaît trop long, envoyer un mail à la hot line pour demander l'activation de vos pages. Vous n'êtes pas informé de l'activation, il vous faut aller dans votre interface pour vérifier que celle-ci a été activée.

Bon courage pour la suite.


Dryat120

Read More......

Presentation, le diaporame de Google sur Docs

A côté du traitement de texte et du tableur, nous avons maitenant la possibilité de faire des diaporamas et de les publier facilement grâce à ce nouveau soft de Google.

Justement, j'ai fait la présentation de Présentation dans un diaporama que j'ai mis en ligne
Pour y accéder, "Read more".

Plutôt que de faire une présentation dans ce blog, j'ai simplement réalisé un diaporama présentant Presentation que j'ai ensuite publié.

Pour voir le diaporama : ici.

Lien vers l'aide que je place aussi (en anglais et liste multilingue) ici.

Dryat120

Read More......

Augmenter votre classement chez Google

Quelques recommandations pour améliorer votre classement dans les recherches Google.
Voir aussi l'article sur le "Pense-bête du référenceur" dans ce blog.
Tout l'article dans une nouvelle page avec "Read more"

Il n'y a pas que les mots dans la balise meta qui comptent, les mots de la page sont pris en compte lors de l'analyse par Googlebot ainsi que les noms de pages et la description du site.

Pour savoir comment les mots de votre site sont "indexés" par le moteur Google, utiliser la commande : "site:monsite.ext mot-clé". Exemple sur mon blog : site:http://dryat120.blogsopot.com freego.


En général, vous pouvez augmenter votre classement par le nombre croissant de liens qui pointent sur votre site venant de sites qui sont déjà bien classés par Google.
Info Google sur le classement des pages ici.
Un guide Google pour la création d'un site en bonne intelligence avec Google ici.

Voir l'article de Google ici.

Dryat120

Read More......

Faire une carte de votre site (sitemap) pour Google

Comment présenter les informations de votre site comme vous le souhaitez dans l'affichage des résultats d'une recherche Google.
Simple, il suffit de réaliser une carte de votre site. Ainsi, lorsque Google présentera le résultat de sa recherche, il présentera les informations de votre site selon cette carte (sitemap).
Tout l'article dans une nouvelle page avec "Read more"

Principe
Proposer à Google d'indexer votre site selon un répertoire spécifique.

Comment
Pour cela, il faut : créer un fichier contenant cette "sitemap", enregistrer ce fichier sous la racine du site et déclarer ce fichier dans l'outil Google Webmaster Tools (onglet "sitemap"). Voir info Google ici

Il existe un générateur de "sitemap" cher Sourceforge. Voir ici comment l'utiliser.
L'outil "Google-sitemap_gen" chez Sourceforge.net ici. Il semble qu'il soit nécessaire d'avoir un site qui accepte les scripts Python.

Il est possible de créer ce fichier sitemap en xml en quelques clics, aller sur ce site : http://www.googlepageranks.net, cliquer sur l'onglet "Sitemap" et entrer les informations pour générer le fichier xml sitemap.
Lisez le fichier dans le navigateur, copier ce texte dans un fichier xml et uploader ce fichier à la racine de votre site. Attenion, pour le premier tag, remplacer la première ligne par :
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">


Dryat120

Read More......

BlogThis! Vous vous ne vous en passerez plus !

"La fonctionnalité BlogThis! est un moyen rapide de créer un message dans un blog sans passer par le site blogger.com. Lorsque vous ajoutez le lien BlogThis! à la barre d'outils de votre navigateur, vous pouvez publier des messages instantanément dans vos blogs, à l'aide d'un simple clic."
J'ai justement fait cet article avec cette fonction sur la page d'aide de cette fonction .
en sélectionnant le texte à publier.

Pour installer BlogThis ou pour connaître d'autres méthodes pour blogger à distance, cliquer sur Read more.

"La fonctionnalité BlogThis! crée une mini interface avec Blogger afin d'insérer directement dans votre blog un lien vers la page Web que vous consultez, ou le texte que vous avez sélectionné sur la page affichée. Vous pouvez, le cas échéant, ajouter du texte avant de publier un message dans votre blog en cliquant sur BlogThis!.
Vous pouvez faire appel à la fonctionnalité BlogThis! de deux façons :
- dans Windows et Internet Explorer, utilisez le bouton BlogThis! directement à partir de la barre d'outils Google." Sur la Toolbar version 3, vous accédez à BlogThis! par le menu "Send To" puis en cliquant sur "Blogger. Vous accédez aussi à la commande BlogThis! par le menu contextuel. Sur le texte à blogger, faire un clic droit à la souris et, dans le menu contextuel, sélectionner "Send To" puis "Blogger".
"- Dans les autres navigateurs, faites glisser le lien ci-dessous sur la barre Liens de votre navigateur. Ensuite, il vous suffit de cliquer sur BlogThis! dès que vous souhaitez publier un message dans votre blog :
BlogThis! <-- faites glisser ce lien dans la barre Liens de votre navigateur."

Alors, convaincu !

Petit rappel, autres méthodes pour écrire des blogs en dehors du site blogger.com, par e-mail, par l'outil de Microsoft "Writer". Ici, on a affaire à une interface enrichie qui permet par exemple la publication facile de tableau dans votre post.
Le lien vers l'aide de blogger pour cet article (il a peut-être été mis à jour depuis) : ici.
L'information pour les blogs par e-mail: ici.

Enfin, le lien pour blogger à partir de l'éditeur enrichi Writer : ici (Désolé, c'est le site de "Windows Live Betas").

Dryat120

Read More......

Tafiti (beta), c'est génial

Je viens de lancer Tafiti, la nouvelle interface du moteur de recherches de Microsoft Live Search. C'est Génial !!!
Une super ergonomie qui facile la recherche dans les différents médias : pages Web, images, livres, news, RSS. Tafiti facilite aussi la façon de gérer le résultat de ses recherches en vous permettant d'entasser les éléments de la recherche sur une étagère située à droite.
De plus, vous pouvez demander l'affichage des résultats de votre recherche non pas sous la forme d'une liste mais sous la forme d'un arbre.
Tout l'article dans une nouvelle page avec "Read more"

Tafiti est une nouvelle interface du moteur de recherche de Micrososoft Live Search.
Il n'est pas nécessaire d'avoir un compte Live Search pour utiliser Tafiti mais c'est nécessaire pour retrouver ses précédentes recherches.
Le mot "Tafiti" veut dire "faire des recherches" dans la langue Swahili (Langue du centre-est de l'Afrique).
Pour utliser Tafiti, vous devez d'abord installer SilverLight, c'est ici (En anlglais). SilverLight est outil Microsoft pour l'affichage de contenu multimédia riche. SilverLight est le concurrent de Flash d'Adobe.
Après avoir installe SilverLight, pour accéder à Tafiti, c'est ici : http://tafiti.com.
Pour conserver ses recherches, s'inscrire sur le site en suivant le lien sous le logo "Sign in".

Pour faire une recherche, taper votre texte dans la texte box.

Pour sélectionner le type de média de votre recherche (pages web, images, autres), dans le carrousel de gauche, cliquer sur l'image représentant le média adéquat.

Pour sauvegarder ses recherches au niveau des articles, faire glisser l'item retenu sur une des cinq étagères sur le côté droit. Sur une même étagère, vous pouvez conserver des items des différents médias (pages Web, images, autres).

Pour gérer le contenu de ces étagères, cliquer sur l'étagère dont vous voulez le détail, l'ensemble des items enregistrés apparaissent dans une même page.

Pour supprimer un des éléments de l'étagère, survoler l'élément à supprimer dans la page de l'étagère et utiliser la commande "Remove".

Pour nommer sa recherche, survoler l'étagère et entrer un nom dans la boîte texte.

Pour supprimer sa recherche, survoler l'étagère et cliquer sur la croix en haut à gauche.

Pour retrouver les recherches que vous avez placé sur l'étagère lorsque vous étiez logué, ouvrer simplement Tafini et le contenu des étagères réapparaît à votre login.

Pour diffuser le résultat de votre recherche (e-mail et blog), cliquer sur l'étagère, en haut à gauche, cliquer sur le lien pour le diffuser par e-mail ou par blog.

Vous pouvez faire apparaître le résultat de la recherche sous la forme d'un arbre au lieu d'avoir une liste.

Pour obtenir la liste des résultats sour la forme d'un arbre, cliquer sur "Tree".

En conclusion, même si la recherche est un peu longue (dû à Live Search paraît-il) le principe de la sauvegarde de ses recherches au même endroit pour les différents médias est très intéressant. Tafiti est en version Beta, donc à suivre.

Et M. Google, quelle est votre réponse ?

Dryat120

Read More......

Comparatif de navigateurs à mi 2007 et des "surcouches"

Voir cet excellent article dans le journal Les infos du net. Le lien.
Ci-dessous, juste quelques notes et pratiquement tous les liens.
Cliquer sur Read more pour les voir.



Firefox
Télécharger Firefox 2.0
Restauration d'un ongle récemment fermé : hisrorique/Onglets récemment fermés
Si Firefox reste ouvert plusieurs heures, il finit par consommer des ressources mémoire.
Lien vers la version Alpha de Firefox 3.0 Gran Paradiso Télécharger Firefox 3.0 Alpha.

Lancement de la version (add-ons) Firefox Campus Edition (en anglais) réunissant trois add-ons (disponible en français) : Foxy Tunes (music), Trailer (recherche dans les pages Web), Stumbleupon (recherche nouveaux sites)

Opera intègre un client e-mail, des widgets et bit-torrent. Opera passe le test ACID2
Télécharger Opera

Safari passe le test ACID2
Télécharger Safari

Les surcouches (sur un navigateur existant)
Télécharger Avant Browser
Télécharger Crazy Browser
Télécharger Maxthon

Et retour de Nescape Navigator 9
Télécharger Netscape Navigator 9

Note, toujours dans le Journal du Net, voir cet article sur les extensions de navigateurs. Ici.

Dryat120

Read More......

Blogs

Liste de blogs

Hackosphere, un blogger de haut niveau
C'est ici que j'ai trouvé le code pour le "Read more".

Read More......

Interdire l'accès de votre site aux robots

Here is the beginning of my post.
Tout l'article dans une nouvelle page avec "Read more"

And here is the rest of it.


<META NAME="robots" CONTENT="NOFOLLOW,NOINDEX">
N'indexe pas le site, ne suit pas les liens.

Autre solution, le fichier robots.txt que l'on place à la racine du site.

Placer la ligne
Disallow: /


Dryat120

Read More......

Règles pour la traduction multilingue automatique de pages Web

Des règles pour une bonne traduction automatique de vos pages ... et même la balise meta si vous ne souhaitez pas que votre site soit traduit par Google.
Tout l'article dans une nouvelle page avec "Read more"

Régles de rédaction de vos pages inspirées des conseils de la page de WordLingo.
Ces conseils sont à prendre en compte en fonction de la langue et culture de destination. Plus la langue (et particulièrement le jeu de caractères) et la culture sont éloignés, plus il est important de prendre en considération ces règles. Un point à étudier aussi est le rapport de votre texte avec l'anglais (expressions anglophones) ou avec d'autres langues.

• Privilégier le texte HTML plutôt que les textes graphiques (bouton par image)


• Utiliser des flows de texte fluides pour gérer la variation de longueur de texte


• Ecrire de manière concise et formelle : Faire des phrases courtes (15 à 20 mots) et simples ; Eviter plusieurs idées dans une phrase ; Bien noter les mots de liaison, conjonction, articles, autres (Exemple : "Les pages et les onglets" ... pluôt que "Les pages et onglets" ... ) ; Limiter les abbréviations (Exemple au lieu de Ex.), les sigles.
  


• Eviter les idiomes, les clichés, les sous-entendus, les expressions d'argot ou communes qui ne seront pas forcément bien traduites ou mal interprétées dans la culture du lecteur.


• Limiter l'utilisation de mots qui ont plusieurs sens. Exemple, le verbe "Marcher" (dans la rue, pour une machine)


• Utiliser une conjuguaison simple des verbes. Privilégier les verbes à l'infinitif qu'à l'impératif pour donner des instructions.


• Utiliser une ponctuation simple. Eviter l'utilisation de guillements pour un effet de d'expression.
  


• Vérifier l'orthographe et la grammaire de vos textes.
  

WordLingo propose aussi de spécifier une glossaire et d'utiliser un dictionnaires (à développer)

Pour éviter des confusions dans les dates, le format ISO de la date :

yyyy-mm-dd

Balise meta pour non traduction des pages par Google :

<meta name="google" value="notranslate">

Pour éviter la traduction de mots dans la texte, j'ai vu ces queslques propositions :
BabelFish indique que pour ne pas traduire un mot dans un texte, il faut placer un point devant. Exemple : Babel Fish et .Babel .Fish
Google indique que pour ne pas avoir la traduction d'un mot, il faut placer le signe "+" devant ce mot avec un espace entre.
A développer

Pour définir votre accronyme, abréviations, définition d'un mot, autres, vous pouvez utiliser la balise suivante.

<acronym title="World Wide Web">WWW</acronym>

Utiliser cette balise meta "UTF-8" pour un jeu de caractères universel

<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>

Dryat120

Read More......

Liste des languages pour la traduction de pages Web

Liste des langues disponibles à partir des outils gratuits de traduction automatique (self-translate) de pages Web pour la langue française :
- Google (2),
- BabelFish (7),
- WordLingo (14) mais limité à 500 mots.
Liste des drapeaux et nom de ces langues ... dans leur langue
(pour vérifier notamment si les caractères s'affichent).

Tout l'article dans une nouvelle page avec "Read more"


Langues selon les outils disponibles pour la langue française (mi-2007)
(Lien avec ces outils en cliquant sur les noms)

WordLingo	BabelFish	Google
English	English	English
German	German	German
Italian	Italian
Portuguese	Portuguese
Spanish	Spanish
Dutch	Dutch
Greek	Greek
Swedish
Russian
Arabic
Japanese
Korean
ChineseSimplified
ChineseTraditional

Autres outils regardés (mi-2007)
- impTranslator, ne semble plus disposer de traduction de pages web
- InterTran semble catastrophique au niveau de la traduction ... quand il fonctionne. (N'hésiter pas à me signaler si le site "re-"fonctionne bien).
- Applied Language, Transparent offrent peu de traduction à partir du français.

Information sur ces langues

Langue (En anglais)	Drapeau	Langue (dans leur langue)
English		American/English
German		Deutsch
Italian		Italiano
Portuguese		Portuguais
Spanish		español
Russian		русско
Dutch		Nederlands
Greek		ελληνικά
Swedish		Svensk
Arabic		[أربيك]
Japanese		日本語
Korean		한국어
Simplified Chinese		简体中文
Traditional Chinese		繁體中文

WorldLIngo semble le meilleur. Néanmoins, il ne traduit que 500 mots (une signalétique indique la fin de la tradution) et le site est très lent.

Pour un bon affichage des caractéres de toutes ces langues, la balise meta choisie et la UTF-8 : meta content='text/html; charset=UTF-8' http-equiv='Content-Type'.
Pour en savoir plus sur les codes caractères, voir le site de Unicode : http://www.unicode.org.

Pour télécharger tous les drapeaux du monde : chez SourceForge.

La liste des pays en anglais avec le code sur 2 caractères de l'ISO (ISO 3166-1-alpha-2 code) : lien.
et ici en code sur 3 caractères : Lien.
Ces codes sur 3 caractères présentent l'avantage de ne pas se confondre avec les balises HTML car c'est le cas pour les noms de pays sur deux caractères.

Liste des languages, selon la norme ISO ISO 639-3:2007 avec tri par code pays. La liste.

Noter que un fichier de language noté comme ceci "fr_ca" indique la langue française parlée à Montréal.

Voir aussi ce blog d'un membre de W3C pour UniView : Lien.

Une conclusion s'impose, créer vos sites en anglais (ou traduiser les en anglais), vous disposerez de plus de langues disponibles.

Dryat120

Read More......

La traduction automatique, à partir de la langue française, de pages Web

Il est possible d'intégrer des liens dans votre page pour une traduction automatique de la page. Pour cela, il suffit de recopier l'adresse url de la page traduite à partir de ces services "web page translation".
Toute les manipulations en cliquant sur "Read more".

Le principe
Sur la page où l'on souhaite que la traduction commence (page d'accueil), on place un lien de ce type :

<a href="">English (ou un drapeau)</a>.

Dans le paramètre href, il suffit de copier puis coller l'"url" de la page traduite à partir de l'outil de traduction.

L'ensemble du site est traduit dans un frame et l'on peut naviguer dans les pages traduites, mais pas changer de langue. Pour cela, il faut revenir à votre page d'origine.

Liens avec quelques services.
Pour plus d'information, voir mon article : Liste des languages pour la traduction de pages Web.
- Google Translate, onglet "Text et Web" ; accessible aussi à partir du "Language Tools", un accès à droite de la boîte de texte du formulaire de recherche.
- Babelfish d'Altavista.com
- et WordLingo (il faut insister)

Voir aussi mon article sur les règle de rédaction pour une meilleure traduction multilanguage.

Analyse de lignes de commandes rencontrées
Pour Google
Le tag du lien et l'adresse du fournisseur du service :
<a href="http://translate.google.com/translate
L'adresse de votre site en code url (pour chaque page ?) :
?u=http%3A%2F%2Fmambo-manual.org%2&;
Les deux langues, ici de l'anglais vers le français
langpair=en%7Cfr&;
Le paramètre "hl", je ne sais pas ce que c'est :
hl=en&;
Le paramètre "ie" qui semble être le code de la langue source (voir le paramètre suivant) :
ie=UTF-8&;
Le paramètre "oe" qui semble être le code de la langue cible (voir le paramètre précédent) :
oe=UTF-8&;
Le paramètre "prev", je ne sais pas ce que c'est :
prev=%2Flanguage_tools">

Pour Imtranslator
(qui semble ne plus être opérationnel)
Le tag du lien et l'adresse du fournisseur du service :
<a href="http://webtranslation.imtranslator.net/
L'adress du site cible :
?url=http://mambo-manual.org&;
La direction de traduction, ici de l'anglais vers le français :
dir=en/ru">

Pour Babelfish
Le tag du lien et l'adresse du fournisseur du service :
<a href="http://babelfish.altavista.com/babelfish/trurl_pagecontent
Les deux langues, ici de l'anglais vers le français :
?lp=en_nl&;
L'adresse du site à traduire :
url=http%3A%2F%2Fmambo-manual.org">


Je remercie RicoFlan du forum Documentation de Mambo.org de m'avoir ouvert la voie par son post. C'était aussi une question sur le forum de Zorgloob.

Dryat120

Read More......

Editeur de code HTML pour des articles sur les sites

htmlarea.com est un site qui référence les éditeurs de codes html.
A noter aussi la démo ne ligne de Midas, l'éditeur de Mozilla qui inclut les tableaux.
Tout l'article dans une nouvelle page avec "Read more"

Voir ce site qui les références : http://www.htmlarea.com/
L'éditeur de Mozilla : "Midas", outil en ligne http://www.mozilla.org/editor/midasdemo/


Dryat120

Read More......

Open Source CMS, évaluation de logiciels pour la publication

Ce site recense et teste des logiciels pour la publication web, les CMS (Content Management System). Il propose ces logiciels par catégorie ce qui facilite le choix. Attention, site en anglais et uniquement pour des logiciels qui ont une page de présentation en anglais.
Tout l'article dans une nouvelle page avec "Read more".

Les catégories permettent une bonne sélection :
Portal (portail, site Web),
Blogs,
e-commerce,
Groupware (site collaboratif, comme un intranet),
e-commerce,
Forums,
e-learning,
Images, Galleries,
Wiki,
Lite (pour un site sans base de données),
Miscellaneaous (divers, on y retrouve sugar CRM, le célèbre CRM)

On peut voir aussi sur ce site les freewares qui ont été rejetés et les freewares qui sont en attente.
Un des critère est la non mise à jour du logiciel pendant une période de un an, permettant de voir les projets "morts".

le lien http://opensourcecms.com
Autre source de CMS, Wikipedia bien sûr : ici

Note du 11/10/2007 : Au final, mon choix s'est porté sur Joomla.
Mon article dans ce blog : ici


Dryat120

Read More......

FreeGo, vos comptes Free dans une interface ergonomique

A partir de cette petite application à installer, vous accéder à de nombreux éléments de votre compte Free : factures, messageries, contrôle parental, paramètres du routeur, paramètres du téléphone, autres.
Cliquer sur "Read more" pour voir les deux copies d'écran de la version FreeGo 3.0 qui vous décideront à l'installer.

Après l'installation, vous arrivez dans l'écran de paramétrage, la "boîte à outils". Afin de permettre à l'application de visualiser vos comptes, vous devez entrer vos codes personnels. Pour le compte principal, cliquer sur l'onglet "Principal" puis entrer vos codes personnels. Pour votre messagerie, voir ci-après. D'autres paramétrages sont accessibles comme des enregistrement de chaînes Freebox. Suivre les différents onglets.

Une fois votre paramétrage effectué, cliquer sur OK, vous arriverez dans l'écran principal. Pour consulter vos factures, cliquer sur le bloc note, "Factures". Pour accéder et créer des comptes e-mails, cliquer sur l'enveloppe "Consulter vos emails". Pour tester votre débit, cliquer sur les doubles flêches "Tester votre débit ADSL". Pour suivre le statut ou connaître les caractéristiques de votre ligne, cliquer sur la prise "Suivi d'activation de votre ligne". Dans le bas de cette liste, vous avez un lien vers les caractérisques de votre ligne. Vous pouvez copier ces données. Pour accéder à votre contrôle parental, cliquer sur la paire de jumelles "Consulter le contrôle parental". Pour configurer le routeur, cliquer sur le PC "Configurer le routeur". Pour paramétrer votre téléphone, consulter les messages, cliquer sur le téléphone "Téléphonie". Pour avoir des informations sur votre réseau Free (incidents, autres), cliquer sur le réseau d'ordinateurs "Consulter les infos du réseau".
Pour monitorer votre débit pendant un téléchargement, cliquer sur la loupe "Moniteur de débit". Pour revenir à vos paramètres, cliquer sur les rouages "Boîte à outils FreeGo".

Le lien : http://www.freego.fr

Dryat120

Read More......

Un site en CMS chez Free

Créer sur Free un site à l'aide du module CMS
Tout l'article dans une nouvelle page avec "Read more"

D'abord, activer le compte pour l'adresse "compte.free.fr"
Il suffit d'avoir une adresse e-mail (ou d'en créer une) puis d'entrer comme login le libellé de cette adresse et le mot de passe. Dans l'interface, il est nécessaire d'activer les pages personnelles en choisissant une des bases proposées. Le nom du site sera de la forme "http://libellé_e-mail.free.fr".
Note : l'activation des pages perso prend plusieurs jours.

Les ressources Free.fr
sur cette page : http://support.free.fr/documentation.html
A droite, Pages perso indique des scripts à installer sur l'hébergement Free : compteur, form2mail, autres.
A gauche, Outils, liste d'outils comme des éditeurs de pages html (Dramweaver), cms (nVU), images, autres.
pour liste de CMS : http://www.commentcamarche.net/forum/affich-1333744-creer-son-site-gratuitement

Sinon, un réputé.
http://www.spip.net/fr
Semble tombé en désuétude (départ du leader).
Voir sur SoureceForge, CompoZze ???

Pour Mambo, voir le post sur le problème avec SQL chez Free et le patch sur la section French des forum Mambo. http://forum.mamboserver.com/showthread.php?p=398505&mode=linear#post398505


Note du 11/10/2007 : Au final, mon choix s'est porté sur Joomla.
Mon article dans ce blog : ici

Dryat120

Read More......

Faire évoluer le modèle sur Blogger

Il est possible d'accèder au code du template : onglet "Template", menu "Edit HTML" et ainsi modifier la mise en forme du post.
Les informations développées ici viennent de là.
Pour lire cet article, cliquer sur Read more.

C'est une page html où l'on retrouve les tags HTML, Head et Body. La partie CSS apparaît dans cette page.
Il est conseillé de sauvegarder son modèle avant toute manip. Ce modèle sauvegardé pourra être recharger.
En bas de la fenêtre de code, on retrouve des commandes qui permettent d'enregistrer les modifications.
Celles-ci ne portent que sur le modèle considéré.
Cocher "Expand Widget Templates" permet de d'avoir tout le code dans la partie "body".
La structure est la suivante : Le template principale (Classic Templage) composé du "header", du "crossbar" (sous le header), du "main" , du "navbar" et du "footer" et les widgets représentent les éléments que l'on insert. notamment dans la navbar.

Code et retour template de base visible avec "View" et "Revert to " "Classic Template".
Retour possible au modèles de widget avec "Revert widget templates to default".


Le CSS est dans une balise ![CDATA[ .... ]].

Les grandes parties du template, selon le CSS, sont :
Header, Content, Headings, Comments, Sidebar Content, Profile, Footer.

Les balises commence avec "b:"
.b:if cond="data:post.showBacklinks". (un paramètre de post, True / False)
.b:include data="post" name="backlinks". (commande include si Yes. Noter la fermeture de la balise include)
./b:include.

Ces balises sont incluses dans des .b:if>

Les données sont dans des 'data:objetdonnées'.
(Voir ci-dessous)

Balises des éléments de la page pour la mise en forme
http://help.blogger.com/bin/answer.py?answer=46888
Le body est composé de sections et widgets.
Les sections représentent un espace de la page : sidebar, footer,
Widget est un élément dans cette section : image, blogroll, que vous pouvez ajouter à la page.
Vous pouvez ajourter du code HTML dans les paragraphes de sections.

Les sections
.b:section id="'header'" class="'header'" maxwidgets="1" showaddelement="no" growth="'vertical']">
./b:section>

Dans le code, les sections sont, selon la class : Header, Crosscol (zone au dessus des deux colonnes (main et sidebar), Main, Sidebar, Footer

Une section contient seulement des widgets, il ne peut pas contenir d'autres sections ou du code.

Les widgets
.b:widget id="myList" type='ListView' [locked="no" title="My Favorite Things" pagetype="item"] />
Type of widgets : Blog archive, blog, feed, header, HTML, singleimage,, linklist, list, logo, blogprofil, navbar, videobar, newsbar.

Note : Chaque "b:section" ou "b:widget" sera remplacé par un "div"", aussi dans votre CSS, faire référence à "div.idsection".

Balises des éléments de font et colors
http://help.blogger.com/bin/answer.py?answer=46871
Voir dans le "Head" du code, les variables pour le CSS dans la balise "skin".
Dans le CSS, il existe des variables, déclarées dans les commentaires du CSS /* .. */ :
.variable name="bgColor" description="Page Background Color" type="color" default="#efefef" value="#efefef"> ./variable>
et utiliser comme cela :
background: $bgColor;
Pour quelques rappels sur le CSS : http://help.blogger.com/bin/answer.py?answer=41954

Balises des widgets
Includable et Include
Le contenu d'un widget est dans une balise "includable".
.b:includable id='main' var='thiswidget'>
[insert whatever content you want here]
./b:includable>
Le nom "id" d'un "includable est unique. Si vous avez besoin de plusieurs expression à l'intérieur d'un "includable, utiliser : .b:include name="new" />.
.b:includable id='main'>
.b:loop var='i' values='posts'>
.b:include name='post' data='i'/>
./b:loop>
./b:includable>
"var" servant à faire passer les variables comme une fonction.

Data
L'expression est la suivante : data:objetdonnées'.
Le lien vers les différents types de données.
http://help.blogger.com/bin/answer.py?answer=47270#header
Par exemple, le titre du blog : "data:blog.tilte".

Loop
Pour faire des boucles, répétitions : liste, rautres

If / Else
Pour faire apparaître ou non des éléments dans le blog.

Ajouter d'autres fonctionnalités
Voir : http://help.blogger.com/bin/topic.py?topic=8932
Voir la réponse au problème :
http://betabloggerfordummies.blogspot.com/2007/02/expandable-post-summaries.html

Le code html du post doit être :
div pour le "text-align: justify" que l'on ferme tout à la fin (incluant la balise "spam"
La séparation des textes se fait à la balise :
"span class="fullpost""

Dryat120

Read More......

Le ciel vu de Google, enfin de Hubbles

Pour accéeder aux images de Google Sky, il suffit d'aller dans Google Earth! La version 4,2+.

En haut à droite, un bouton permet de passer du mode Earth (Terre) au mode Sky (Ciel).












Pour installer Google Earth : http://earth.google.com/

Dryat120

Read More......

Le pense-bête du rédacteur

Un article de Nomasis sur la rédaction de page web pour un compromis entre une bonne lecture par les humains et les robots ...

http://nomasis.com/outils/le-pense-bete-du-redacteur

Voir aussi l'article sur le pense-bête du référenceur.


Dryat120

Read More......

Le pense-bête du référenceur (voir le lien)

77 points à vérifier pour un bon référencement de sites web

J'avais le projet de créer une liste des éléments permettant d'améliorer le référencement des sites quand, tout à coup, je suis tombé par hasard sur ce site ...

Voici le lien :
http://nomasis.com/outils/le-pense-bete-du-referenceur

Dryat120

Read More......

Notebook, un bloc-note dans votre navigateur simple et pratique

Pour prendre des notes lors de sa navigation à partir de son navigateur (sans ouvrir d'autres application), c'est un jeu d'enfant avec Notebook. Et accéder ensuite à ces notes pour les enrichir ou les exporter vers l'application traitement de texte de Google, Docs, est encore plus simple.
Pour la prise de notes, cela se passe dans le bas à droite de votre navigateur.
Et bien sûr, ce bloc sera toujours accessible quelque soit votre lieu d'utilisation de votre navigateur.
Deux copies d'écran qui parlent d'elles-mêmes. Tout l'article avec "Read more".

Pour installer Notebook, aller dans votre page iGoogle, puis dans votre compte, "My Account", rechercher et cliquer sur "Notebook". Suivre les instructions, notamment d'installation d'une extension. A mi 2007, seuls les récents navigateurs Internet Explorer et Firefox supportaient ces extensions.
Une fois installé, dans la barre d'état, en bas à droite de votre navigateur, un lien vers votre nouveau bloc-note a été créé.
Pour prendre des notes pendant la navigation, cliquer "Ouvrir le bloc-notes" puis, cliquer sur "Clip" pour avoir l'adresse de la page copiée dans une note ou cliquer sur "New note" pour ajouter une note, un memo.
La note est composée d'un titre et d'un commentaire. Pour ajouter un commentaire, cliquer sur "Add a comment".
Pour ajouter d'autres blocs-notes, cliquer "Ouvrir le bloc-notes" puis cliquer en haut à gauche de la fenêtre sur "Notebooks". Utiliser le bouton "New" pour créer un nouveau bloc-note.
Pour sélectionner un bloc-note lors de la prise de note, dans la fenêtre du bloc-note, cliquer sur "Notebook" et sélectionner le bloc-note adéquat.
Pour obtenir le bloc-note dans une fenêtre indépendante, cliquer sur la flêche inclinée vers la droite.

Pour accéder à toutes ses notes, il faut ouvrir l'application Notebook ellem-même. Pour ouvrir l'application, deux solutions, l'une à partir de votre fenêtre bloc-note du navigateur, cliquer sur le titre du bloc-note, l'autre à partir de votre compte iGoogle, cliquer sur "My account" puis cliquer sur "Notebook" (après qu'il a été installé).
Pour accéder à chacun des blocs-notes, utiliser le le menu de gauche.
Pour accéder et mettre à jour vos notes, utiliser la fenêtre de droite.
Pour exporter une note dans Google Docs, le traitement de texte de Google, à partir de l'application Notebook, cliquer sur le bouton en haut à droite "Tools" et sélectionner "Exporte to Google Docs".
Pour créer de nouveau blocs-notes, utliser le bouton en haut du menu de gauche "New".

Plus d'information sur Notebook en anglais ici : http://www.google.com/googlenotebook/faq.html

Dryat120

Read More......

Google's Docs, pas encore comme MS Word mais pratique

Google propose en ligne un traitement de texte (et un tableur) qui n'a pas encore toutes les fonctionalités de MS Word mais qui est très pratique car en ligne, donc accessible même si vous n'avez pas emporté votre ordinateur avec vous. De plus il est gratuit et sans publicité. A noter que depuis mi 2007, Google, dans le pack, propose aussi en ligne gratuitement Star Office, la suite bureautique de Sun.
Cliquer sur Read more pour découvrir, avec les copies d'écran, les principales fonctions de Docs. Noter que cet article a été rédigé dans Docs puis publié sur le blog (voir plus loin).

Pour activer votre compte "Docs and Spreadsheets", cliquer, à partir de votre compte iGoogle, sur "Documents". Vous arriverez dans la page Docs & Spreadsheets qui est le repertoire de ces documents texts et tableur. Remarquer les deux types d'icône.
Pour organiser vos documents, utiliser le menu de droite : création de folder, favori avec l'étoile (Starred), les cacher, les détruire (ils vont dans la poubelle (Trash)).
Pour ouvrir un document existant, il suffit de cliquer sur le nom de ce document dans la liste de droite.
Pour utiliser un document MS Word existant sur votre PC ou sur une adresse IP, utilser Upload.
Pour ouvrir Docs et créer un nouveau document texte, à partir de cette page d'accueil Docs & Spreadsheets, faire "News" puis sélectionner "Document".

Les principes de base de Docs.
C'est une ergonomie d'application en ligne. On retrouve des liens et quelques boutons qui représentent des commandes. Votre texte apparaît dans les onglets "Edit" et "Insert" avec des menus différents. Vous avez un détail des différentes versions de votre document à l'onglet "Révisions". Il existe une sauvegarde automatique de votre document, la première ligne de texte sera votre nom de fichier, changeable dans le menu "File".

Pour taper votre texte, taper le simplement sous le menu.
Pour mettre en forme du texte, sélectionner ce texte à la souris et utiliser une commande du menu : "gras", "iltalique", menu "Style", autres.
Pour une sélection de tout le texte, placer le pointer de la souris dans le texte puis utiliser les touches Ctrl + A.
Pour mettre en forme un chapitre : retrait, numérotation, etc, placer le pointer de la souris dans ce chapitre et utiliser une commande de mise en forme de chapitre.

Pour insérer une image, lien, commentaire, tableau, bookmark (lien interne à la page), (séparateur de ligne ou page) ou un caractère spécial, utiliser l'onglet Insert.
Placer le pointeur de la souris où vous souhaitez insérer l'objet puis cliquer sur la commande demandée.
Pour réaliser des liens à l'intérireur du document comme un sommaire, créer les bookmarks (signets) dans la page avec la commande "Bookmark", puis, avec la commande "Links", créer le lien vers ces bookmarks. Pour un sommaire, il faut répéter l'opération pour chaque entrée du sommaire. Pas de génération automatique de sommaire.

Pour suivre les révisions et faire des comparaisons de versions, suivre l'onglet "Révisions".











Pour partager ce document avec d'autres personnes, aller sur l'onglet "Share".
Note : Pour le faire fonctionner il m'arrive d'être obligé de lancer plusieurs fois de suite cette commande.








Pour publier ce document sur à une adresse url (que vous récupérez) ou sur le blog de votre choix, aller sur l'onglet "Publish".
Note : Pour le faire fonctionner il m'arrive d'être obligé de lancer plusieurs fois de suite cette commande.
Pour la publication sur le blog, je publie uniquement le texte puis j'insère les images à partir de Blogger. Sinon le texte ne se met pas à côté des images (Docs ajoute un DIV).

Pour les fonctionnalités liées au fichier, notamment une sauvegarde dans différents formats de traitement de texte (MS Word, Open Office, autres), utiliser la commande "File".
Pour les nouveautés, celles-ci sont parfois placées aussi dans "File".
Pour enregistrer un fichier existant de votre poste vers les fichires Docs & Speadsheet, aller dans la page d'accueil de "Docs & Spreadsheets", commande "Upload".
Pour retourner à la page d'accueil de Docs & Spreadsheets, utiliser la commande "Save & Close".

L'aide en française de Docs : http://docs.google.com/support/?hl=fr, onglet "Documents".

En anglais : http://docs.google.com/support/?hl=en, onglet "Documents".

Dryat120

Read More......