alain & html codes: 2008

Thursday, April 24, 2008

Fin de l'ultimatum lancé par Microsoft à Yahoo!

(afp) - Trois mois après que Microsoft eut proposé de racheter Yahoo! pour 44,6 milliards de dollars, l'issue de l'offre reste toujours aussi incertaine, alors qu'expire ce week-end l'ultimatum lancé par le géant du logiciel aux dirigeants du groupe de services internet.

Microsoft a proposé le 1er février de racheter Yahoo!, numéro 2 mondial de la publicité en ligne, afin de renforcer sa présence sur internet et concurrencer Google, l'incontestable leader du secteur.

Il a offert 31 dollars par action, en titres et en numéraire, ce qui représentait une prime de 62% sur le cours de Bourse.

Les dirigeants de Yahoo! ont refusé cette offre à plusieurs reprises, affirmant que le prix proposé était trop bas, et ont passé ces dernières semaines à tenter de nouer des alliances avec d'autres partenaires.

Pour le PDG Jerry Yang, pionnier de l'internet qui a créé Yahoo! en 1994 comme un hobby d'étudiant, Microsoft --un mastodonte fondé en 1975 qui règne sur le milliard de "PC" de la planète avec son logiciel Windows-- est d'une autre génération et d'une autre philosophie.

Yahoo! a engagé des pourparlers avec le portail internet AOL (groupe Time Warner), numéro 3 de la publicité en ligne, pour l'instant sans aboutir.

Il a même testé un partenariat avec Google pour lui sous-traiter sa publicité, ce qui n'est pas sans poser de problèmes de concurrence.

Lassé de ne pas obtenir de réponse, le PDG de Microsoft Steve Ballmer a lancé le 5 avril un ultimatum de trois semaines à la direction de Yahoo!

Mercredi Yahoo!, dont la part de marché dans la publicité en ligne n'a cessé de décliner face à Google depuis deux ans, a annoncé un bénéfice courant stable, et répété que l'offre de Microsoft était trop basse.

Microsoft lui a répondu le lendemain que si l'impasse devait durer au delà du week-end, il annoncerait une décision "la semaine prochaine".

"Cela inclut soit de s'adresser aux actionnaires" -- un coup de force pour s'emparer du groupe contre la volonté de ses dirigeants -- "soit renoncer", a expliqué le directeur financier Chris Lidell.

Il a redit qu'il n'avait pas de raison de payer davantage, "au contraire, car Yahoo! continue à reculer dans la recherche sur internet et sa rentabilité décline".

Beaucoup d'analystes croient encore à un bluff et à un relèvement de prix de dernière minute. Les résultats trimestriels en baisse de Microsoft annoncés jeudi y semblent pourtant peu propices.

Pour les analystes, Yahoo! devrait évidemment accepter, car il perd chaque jour du terrain face à Google à cause d'une technologie moins efficace.

Selon le cabinet eMarketer, Google encaissera cette année plus de 30% des dépenses publicitaires en ligne contre 14% pour Yahoo!, qui perd encore 2 points et 6,7% pour Microsoft. Même s'il devait voir le jour, "MicroHoo" resterait donc loin derrière Google, avec 21% du marché.

"Yahoo! croît bien plus lentement que Google. S'il continue à reculer, il n'arrivera plus à le rattraper en restant indépendant. L'offre de Microsoft est la meilleure solution, il n'y en a visiblement pas d'autre", a résumé Carmi Levy, analyste chez AR Communications.

Avec ou sans Yahoo!, Microsoft veut s'imposer sur la publicité en ligne car son métier actuel, les logiciels payants -- son système d'exploitation Windows et sa suite Office (Word, Excel, PowerPoint) -- se font concurrencer par des logiciels en ligne gratuits financés par la publicité, comme ceux de Google.

Le PDG Steve Ballmer estime que Microsoft tirera à terme 25% de ses recettes de la publicité en ligne. Le groupe prédit que le marché mondial dans ce secteur doublera d'ici à 2010, à 80 milliards de dollars.

13:28 - 27/04/2008
Copyright © L'Echo

Friday, March 28, 2008

messages de blog pouvant être développés

Comment puis-je créer des récapitulatifs de messages de blog pouvant être développés ?

Ce type de présentation permet d'afficher une quantité de texte arbitraire à partir du début de chaque message de blog, afin d'inciter les utilisateurs à lire le message en totalité. Les utilisateurs qui souhaitent lire le reste du message doivent simplement cliquer sur un lien pour afficher le texte dans son intégralité. Cette présentation est pratique quand une même page comprend plusieurs articles de grande longueur. Notez que pour utiliser cette fonctionnalité, vous devez activer les pages de messages de blog.

Trois éléments sont nécessaires pour créer des récapitulatifs pouvant être développés : une feuille de style CSS conditionnelle, un lien invitant à poursuivre la lecture de chaque message et une modification du code des messages de blog qui utilisent cette fonctionnalité. Examinons ces éléments un par un.

Feuille de style CSS conditionnelle

Nous allons utiliser des balises conditionnelles pour modifier la présentation des messages de blog sur les différentes pages. Ajoutez le code ci-dessous dans votre feuille de style, en fonction de votre type de modèle :

(pour les modèles classiques)


 span.fullpost {display:none;}



 span.fullpost {display:inline;}

(pour les mises en page)


 span.fullpost {display:inline;}

 span.fullpost {display:none;}

La feuille de style se trouve généralement vers le début du modèle, entre les balises . Si elle se trouve dans un autre fichier, ajoutez les lignes ci-dessus dans votre modèle afin que les balises conditionnelles puissent fonctionner. Veillez à ajouter les lignes entre les balises .

Nous venons de définir une classe, "fullpost", qui s'affiche seulement sur les pages de messages de blog (liens permanents). Une partie de chaque message utilisera cette classe, comme nous le verrons plus loin.

Liens incitant à poursuivre la lecture

Ajoutez le code ci-dessous dans le modèle, à la suite de la balise <$BlogItemBody$> ou :

(pour les modèles classiques)



 ">Suite

(pour les mises en page)



 Read more!

Le lien incitant à poursuivre la lecture s'affiche uniquement dans la page principale et dans les pages d'archives. Il mène le lecteur à la page du message de blog contenant le texte complet du message. Vous pouvez bien évidemment remplacer la mention "Suite" par le texte de votre choix.

Modification des messages de blog

Le dernier élément dont nous avons besoin est un petit fragment de code dans le message de blog. Ce code est nécessaire dans chaque message devant utiliser la fonctionnalité :

Ce fragment de code peut être placé dans le modèle de message de blog si vous ne voulez pas avoir à le saisir pour chaque message. Vous saisissez le début du message à l'extérieur des balises ci-dessus et le reste, à l'intérieur, comme ceci :

Voici le début de mon message. Et voici le reste.

Quand un visiteur consulte votre blog, le message se présente comme ceci :

Voici le début de mon message.
Suite

Si le visiteur clique sur le lien, il accède à la page de message de blog qui contient la totalité du message :

Voici le début de mon message. Et voici le reste.

Remarques :

Veillez à effectuer une copie de sauvegarde de votre modèle avant de commencer, comme pour toute autre modification du modèle. Copiez et collez tout le code du modèle dans un fichier texte sur votre disque dur, afin de pouvoir le récupérer dans ce fichier en cas de problème.
Il existe une autre façon de créer des extraits de messages. Elle consiste à utiliser la méthode afficher/masquer sur un message de blog entier. Chaque méthode présente ses avantages et ses inconvénients.
Avantage des récapitulatifs pouvant être développés : vous pouvez choisir ce qui sera présenté, plutôt que d'avoir à vous contenter du titre. En outre, vous pouvez appliquer la méthode à certains messages uniquement (aux messages longs, par exemple).
Inconvénients : il faut modifier les messages eux-mêmes, et non uniquement le modèle. Toutefois, le lien "Suite" figure dans le modèle, ce qui veut dire qu'il s'affiche indépendamment du fait qu'un message a été tronqué ou non (nous vous laissons, à titre d'exercice, le soin de modifier cela).

Déclarations CSS

Que puis-je faire d'autre avec les déclarations CSS ?

CSS (Cascade Style Sheets)

feuillet de style en cascade (échelonné) (pour des documents HTML, comprenant plusieurs styles que l'on peut adapter aux nécessités demandées)

[Retour Résultats de la recherche]

Vous pouvez modifier la quasi-totalité des éléments de présentation du blog en modifiant simplement la feuille de style de votre modèle. Certaines des opérations les plus courantes sont décrites ci-dessous. Pour obtenir davantage d'informations et des exemples, consultez les pages Exemples CSS des cours W3 Schools et Introduction W3C aux feuilles de style CSS.

Dans nos modèles par défaut, toutes les déclarations CSS se trouvent au début, entre les balises . Elles se présentent sous la forme d'une série de lignes telles que celles-ci :

La ligne sur fond bleu indique le style appliqué à chaque balise

dans le blog. Nous allons voir comment utiliser certaines options de style. Tous les extraits de code ci-dessous peuvent être insérés entre des {accolades} dans la feuille de style.

Couleurs
Code	Exemples
`color:blue;`	Ce texte est en bleu.
`background:yellow;`	Ce texte est associé à un fond jaune.
Vous pouvez indiquer un grand nombre des couleurs courantes (comme par exemple le rouge, le vert ou le jaune), ou entrer le code hexadécimal pour avoir accès à une plus large palette de couleurs (#0033AA, par exemple). Pour plus d'informations sur les couleurs, consultez la page Référence des couleurs Web.
Bordures
`border:solid 1px red;`	Ce texte est entouré d'une bordure rouge.
Une bordure peut se présenter sous la forme d'une ligne continue, d'une série de points ou d'une série de tirets. La largeur est indiquée en pixels (px). La couleur peut être indiquée directement ou à l'aide d'un code hexadécimal. Pour ajouter une bordure sur un seul côté, utilisez l'instruction border-top, border-bottom, border-right ou border-left.
Polices
`font-family:"Times New Roman",Serif;`	Ces caractères sont ceux d'une police Serif.
`font-family:Verdana,Sans-Serif;`	Ces caractères sont ceux d'une police Sans-Serif.
Vous pouvez entrer une liste de polices. Si la première police n'est pas disponible sur l'ordinateur de l'internaute, c'est la deuxième qui est utilisée, et ainsi de suite avec les autres polices désignées. Si vous indiquez « Serif », la première police Serif disponible est utilisée.
`font-size:24px;`	Ces caractères ont une taille de 24 pixels.
L'unité de mesure de la taille peut être le pixel (px), le point (pt), le pouce (in) ou un pourcentage de la taille par défaut (%).
`font-weight:bold;`	Ce texte est en gras.
Vous avez le choix entre le style Gras et le style Normal.
`text-decoration:underline;`	Ce texte est souligné.
Les options de mise en valeur du texte sont les suivantes : Aucune (none), Souligné (underline), Ligne au-dessus (overline) ou Barré (line-through). Elles s'emploient le plus souvent pour supprimer le soulignement des liens.
`text-align:right;`	Ce texte est aligné à droite.
Un texte peut être aligné à gauche ou à droite, ou être justifié.
Marges intérieures et extérieures
`margin:15px;`	Ce texte est associé à une marge extérieure de 15 pixels sur tous les côtés.
`padding:15px;`	Ce texte est associé à une marge intérieure de 15 pixels sur tous les côtés.
Les deux types de marge désignent un espacement par rapport à un autre élément. La différence est que la marge extérieure se situe à l'extérieur de la bordure et la marge intérieure, à l'intérieur (la bordure a été ajoutée uniquement à titre d'exemple). Comme pour l'instruction border, vous pouvez indiquer un seul côté à la fois en entrant margin-left, padding-top, etc. Vous pouvez également définir toutes les marges à la fois en entrant `margin:1px 2px 3px 4px;`. Dans ce cas, l'ordre est le suivant : marge supérieure, droite, inférieure et gauche.

Remarques :
Vous pouvez aussi mettre en forme une partie seulement du texte d'un message blog. Voici un exemple :
Ce texte s'affiche en rouge.

Thursday, February 14, 2008

Googlemania

Wired a concocté un court dossier très intéressant pour quiconque souhaite en savoir un peu plus sur les origines de Google.

Il s'agit en l'occurrence de la création du logo et des différentes étapes ayant mené au logo vu chaque jour par des millions de personnes à travers le monde!
Voici les 8 évolutions présentées ainsi qu'une rapide explication :

Grande lisibilité avec un texte très sobre, mais également les couleurs primaires, entre les deux 0, en ajoutant une dimension, représentant l'infini.

Basé sur le même modèle que le premier logo, il perd les couleurs et conserve les multiples dimensions, cette fois-ci uniquement sur une lettre. Ajout d'un motif de cible/viseur, faisant référence à la précision du moteur.

Logo très "jeux olympiques", avec le retour des couleurs primaires, pour des O s'entrelaçant, symboles de la dimension très internationale de la recherche, à travers les cultures et les pays.

Une couleur différente pour chaque lettre, mais trop chargé, nombreuses références graphiques (couleurs arc en ciel en désordre, cible/viseur, loupe, etc).

Version plus "propre" que la précédente, moins chargée mais toujours très ludique, avec l'ajout d'un sourire à la loupe. Première et dernière lettre de même couleur : Une recherche, un résultat, mais de nombreux chemins de découverte.

Ah, ça commence à ressembler à ce que nous connaissons aujourd'hui ! Des ombres, des épaisseurs de caractères variant ça et là, et une boucle de G non finie.

Deuxième O sortant de l'ordre attendu, montrant que Google n'est pas une société rigide, rappelant le caractère "joueur", recherché pour le logo.

LE logo Google, s'éloignant des concepts trop poussés (cible, multi-dimensions...) mais conservant les valeurs essentielles de non-conformisme, avec par exemple l'utilisation de couleurs primaires... mais pas seulement, le "L" -couleur secondaire- venant s'immiscer parmi les couleurs primaires. "Google doesn't follow the rules".

Eh voilà comment est né le logo dont la croissance de notoriété aura sans aucune doute été la plus forte de tous les temps (des chiffres peut-être ?), réalisé par Ruth Kedar, qui a rencontré Sergey Brin et Larry Page à Stanford en 1999.

source :