Featured Posts

212CMS : outil de gestion de contenu

2

Posted on : 10-02-2010 | By : admin | In : Actualités, Sites internet

212CMS est un outil de gestion de contenu.

Modifiez vous-même le contenu de votre site Internet depuis n’importe quel ordinateur connecté à Internet (PC ou MAC).

Modifiez vos pages directement sur votre site.

Vous avez alors la possibilité de modifier du texte et des images, d’ajouter des liens et de la vidéo, directement sur vos pages, avec une console d’administration en ligne  !

Développé en PHP / MySQL et AJAX, les temps de traitement (et donc d’attente) sont très réduits.

Google prépare sa riposte à l’iPad

4

Posted on : 09-02-2010 | By : yassine212 | In : Actualités, Design, Référencement, Sites internet
Google prépare sa riposte à l'iPad La première réplique de Google à l’iPad ne s’est pas faite attendre. Moins d’une semaine après la présentation en grande pompe de la tablette tactile d’Apple, le géant du Web a présenté en ligne un concept de tablette fonctionnant sous le futur système d’exploitation de Google, Chrome OS. Ce prototype met notamment l’accent sur la fonctionnalité multi-tâches, grande absente de l’iPad.

Après les smartphones, la bataille entre Apple et Google pourrait désormais se porter sur le terrain de l’informatique et des tablettes. Ainsi, quelques jours après la présentation de l’iPad par Steve Jobs, Google a publié sur le site officiel du projet Chromium, à l’origine du navigateur Chrome et du futur système d’exploitation Chrome OS, une série de visuels et une animation vidéo d’une tablette exploitant Chrome OS.

Conçu par Glen Murphy, designer de Google Chrome, ce concept laisse apparaître une tablette tactile de grande taille, visiblement plus large que l’iPad, un clavier virtuel dont la disposition à l’écran est personnalisable, et surtout, la prise en charge du multi-tâches. Cette fonctionnalité, qui n’est pas exploitée par l’iPad d’Apple, permet avec Chrome OS d’ouvrir simultanément plusieurs applications.

Selon le site australien Smarthouse.com, spécialisé dans les nouvelles technologies, Google pourrait faire produire une tablette tactile en partenariat avec le fabricant taïwanais HTC. Les deux sociétés ont déjà collaboré pour produire le Nexus One, premier smartphone vendu sous la marque Google et concurrent de l’iPhone.

Facebook retouche sa page d’accueil

2

Posted on : 09-02-2010 | By : yassine212 | In : Actualités, Design, Sites internet
[Brève] Facebook retouche sa page d'accueilA l’occasion de son sixième anniversaire, le réseau social Facebook annonce des mises à jour sur l’interface de la page d’accueil de ses membres. Ces réaménagements, qui seront progressivement déployés à l’ensemble des utilisateurs, concerne notamment le menu du haut, où des « notifications » permettront aux membres de savoir s’ils ont été identifiés dans une photo ou si quelqu’un a écrit sur leur mur, le menu de gauche, qui a été réorganisé (il accueille des tableaux de bord « photos », « Ã©vénements », « amis » et « chat »), ainsi que les « jeux » et « applications », désormais accessibles via des liens sur la page d’accueil. Facebook revendique désormais 400 millions de membres, contre 150 millions il y a tout juste un an.

Dell Froot, un concept de PC sans écran ni clavier

3

Posted on : 28-01-2010 | By : yassine212 | In : Actualités, Référencement, Sites internet
Dell Froot, un concept de PC sans écran ni clavierLe PC du futur n’aura ni écran, ni clavier. C’est du moins ce que laisse suggérer un concept d’ordinateur de bureau créé par la designer mexicaine Paulina Carlos lors d’un concours organisé par le fabricant américain Dell. Baptisé « Froot », ce prototype repose sur un système de projecteurs qui permettent d’afficher sur un mur et sur une table les deux périphériques dont il se passe.

Le Froot ne se compose que d’un petit boîtier plat, intégrant un lecteur DVD, quelques ports USB et deux rétroprojecteurs. Le premier sert à projeter sur un mur l’image d’un bureau sous Windows, tandis que le second recréé au laser l’image d’un clavier virtuel sur un plan horizontal.

Débarrassé du moniteur, du clavier et de leurs différents câbles, cet ordinateur conceptuel offre un gain de place optimal sur le bureau. Il est également respectueux de l’environnement, puisque l’unité centrale est enfermée dans un boîtier réalisé avec des matériaux recyclables.

Bien que les claviers virtuels existent déjà et que les pico-projecteurs sont désormais disponibles pour les téléphones mobiles et les appareils photo numérique, le Froot n’est pas destiné à la commercialisation. En revanche, cet ordinateur semi-virtuel indique l’une des prochaines grandes tendances de l’informatique.

(Paris – Relax news)

Les internautes toujours plus nombreux à surfer avec Firefox

0

Posted on : 28-01-2010 | By : yassine212 | In : Actualités, Référencement, Sites internet
Les internautes toujours plus nombreux à surfer avec Firefox Firefox, le navigateur gratuit et open source de la fondation Mozilla, continue d’être fortement plébiscité par les internautes. La nouvelle version du logiciel, estampillée 3.6, a été téléchargée plus de 12,5 millions de fois depuis son lancement, il y a seulement quatre jours. Depuis ses débuts fin 2004, le navigateur au « renard de feu » affiche 1,265 milliard de téléchargements dans le monde. Un succès qui fait de l’ombre à son concurrent, Internet Explorer.

Pour rendre compte de l’adoption de son navigateur, la fondation à but non lucratif Mozilla a mis en ligne un compteur pour suivre l’évolution des téléchargements. Ainsi, Firefox 3.6, mis en ligne jeudi dernier, enregistre lundi 25 janvier, à 15 heures, près de 12,6 millions de téléchargements, dont environ 2,5 millions aux Etats-Unis, et 620.000 en France, classé au quatrième rang.

Depuis ses débuts en novembre 2004, Firefox a été téléchargé à 1,265 milliard de reprises, toutes versions confondues. En juillet 2008, la version 3.0 avait été téléchargée 8 millions de fois en seulement 24 heures. Un chiffre depuis gravé dans le Guinness World Records, offrant à Firefox le privilège de devenir le premier logiciel à faire son entrée dans le célèbre livre.

La popularité de Firefox est confirmée par le dernier baromètre d’AT Internet Institute (ex-Xiti Monitor), société spécialisés dans la mesure de trafic sur le Web. Sur les visites effectuées en décembre 2009 sur un périmètre de 13.345 sites en Europe, Firefox récoltait pas moins de 29,4% de parts, contre 28,3% six mois plus tôt. A l’inverse, les parts d’Internet Explorer, le navigateur de Microsoft, sont passées de 62,2% à 58,6% sur la même période.

Toujours selon AT Internet, dans certains pays, comme la Hongrie et la Slovaquie, Firefox est même plus utilisé qu’Internet Explorer. En Allemagne ou en Finlande, le taux des visites sur le Web pour Firefox a dépassé les 40% et s’approche progressivement de la barre symbolique des 50%.

Selon Mozilla, 350 millions d’internautes dans le monde surfent sur la Toile avec Firefox.

(Paris – Relax news)

Ce que nous réserve CSS3 en 2010

2

Posted on : 13-01-2010 | By : simohamed elmir | In : Sites internet

L’écriture des spécifications CSS progresse à grands pas, et la version 3 comporte déjà plusieurs modules implémentés dans les navigateurs récents. L’année 2010 verra certainement nos habitudes changées par les nouvelles possibilités offertes en CSS 3. D’ores et déjà de nombreuses utilisations concrètes voient le jour.

Vous pourrez constater l’état d’avancement des différents modules CSS sur la page récapitulative Cascading Style Sheets : Current Work.

Des coins arrondis

Du Web 2.0 avec style

La propriété border-radius arrondit les angles de n’importe quel élément HTML, sans avoir besoin d’images ni de JavaScript.


Using Rounded Corners with CSS3 (EN)


Créer des coins arrondis en CSS et sans images


CSS: border-radius and -moz-border-radius (EN)

La gestion de l’opacité

La transparence enfin maîtrisée !

L’interprétation des images transparentes en PNG (24 bits) est une première délivrance pour les web-designers qui pourront mettre en Å“uvre plus de créativité. La nouvelle notation des couleurs et de la gestion intégrée de leur transparence (RGBa) va être une seconde avancée significative.


CSS3 : la transparence de couleur avec RGBa


CSS3 opacity : transparency of an element in css (EN)

Les arrière plans multiples

Elle n’est pas (plus) belle la vie ?

Grâce aux nouvelles valeurs multiples utilisables dans la propriété CSS background, il sera désormais possible d’appliquer plusieurs images d’arrière-plan sur le même élément, sans devoir en imbriquer plusieurs.


Arrière-plans avec CSS 3 Backgrounds

Le multi colonage

De la P.A.O. sur le Web ?

Les propriétés column-width et column-gap vont générer une mise en page sous forme de colonnes multiples, où le texte va s’écouler automatiquement d’une colonne à la suivante.


CSS3 Multiple Columns (EN)


Multi-column layout (EN)

Les ombrages

Nul besoin d’un surcroît d’images

La propriété box-shadow crée un ombrage solide ou dégradé sur tous les éléments HTML.


CSS3 box-shadow property (EN)


Les ombrages en CSS3

Des effets sur le texte

Les CSS3 concurrencent les styles Photoshop ?


Les ombrages en CSS3


Text-shadow, Photoshop like effects using CSS (EN)

Des boutons esthétiques

Arrondis, dégradés, animés.

L’association de plusieurs propriétés CSS3 permet de concevoir des boutons de lien d’une esthétique irréprochable sans utiliser d’images.


Super Awesome Buttons with CSS3 and RGBA (EN)

Les polices exotiques

Les polices web-safe ne sont plus seules.

@font-face permet d’incorporer des polices externes et variées.


Using @font-face (EN)


21 Awesome @font-face Embeddable Typefaces (EN)

Les dégradés

Un peu de douceur dans ce monde uni.

De nouvelles propriétés gradient permettent de réaliser et gérer des arrière-plans de teintes dégradées.

degradé-css
Arrière-plans avec CSS3 Backgrounds

Des animations

E pur si muove !

Grâce aux dernières évolutions du langage et au module Transitions, il est désormais possible de réaliser des transitions basiques.

transitions-css
Transitions CSS3

Les sélecteurs

La fin de la Divite et de la Classite chronique ?

Les nouveaux sélecteurs CSS3 vont faciliter le nommage des éléments particuliers (le second de la liste, les lignes impaires d’un tableau, …).

selecteur-css
CSS 3 selectors explained (EN)

Conclusion

CSS3, couplé à HTML5 (ou pas), va permettre de réaliser des effets réservés jusque-là à JavaScript ou aux découpes d’images contraignantes (ombrage, survol, arrondis…). Si on ajoute que jQuery et les autres frameworks commencent à s’imposer dans de nombreuses applications web (diaporama, interface cliente riche…), l’année 2010 sera mouvementée ! Bien entendu, il est important de rappeler que certains navigateurs n’ont pas encore implémenté l’ensemble de ces fonctionnalités.

Portail de recrutement de web designers

2

Posted on : 12-01-2010 | By : aya | In : Actualités, Design, Sites internet

Vous êtes web designer et vous cherchez du travail en vain? Ou alors vous êtes une entreprise et vous ne trouvez pas de web designers selon vos critères? Read the rest of this entry »

Référencement site web: retour aux bases

5

Posted on : 02-12-2009 | By : admin | In : Référencement, Sites internet

Le référencement ON Page :

Tout ce que vous devez faire directement sur vos pages.

Conception du site :
Pensez à créer un site accessible aux moteurs. Évitez les menus en flash, soignez votre page d’accueil et intégrez dedans les liens vers chacune de vos pages internes principales. Évitez les liens en javascript.

La balise Title :

  • C’est sans doute la balise la plus importante.
  • Elle doit être unique sur chacune des pages de votre site.
  • Elle doit intégrer l’expression-clé la plus importante de votre page.
  • Elle sera visible comme titre de vos pages dans Google.

La baliste Keywords :

  • Elle ne sert à rien pour votre positionnement dans les moteurs de recherche.
  • Elle donne des informations à vos concurrents sur votre stratégie de référencement.
  • Elle alourdit le code de vos pages pour rien.
  • Oubliez-la !

La balise description :

  • Elle ne sert à rien pour votre positionnement dans les moteurs de recherche.
  • Elle est souvent affichée par les moteurs sous votre titre.
  • Elle ne doit pas être truffée de mots-clés, mais donner envie de cliquer grâce à un discours qui « vend » votre contenu.

Les balises <H1><H2>…<Hn>

  • Elles impactent le référencement en clarifiant votre contenu aux yeux des moteurs.
  • La balise H1 reprendra l’expression-clé principale de votre page ou un synonyme fort.
  • Les balises H2 comporteront les expressions secondaires ou des mots-clés connexes.

Les textes des pages :

  • Ils sont d’une importance capitale pour votre référencement.
  • Les moteurs vous positionnent majoritairement en fonction de vos textes.
  • Veillez à ne pas aborder trop de sujets distincts dans une page, si c’est le cas faites plusieurs pages.
  • Ne soyez pas « bourrin » en répétant 50 fois le même mot dans une page, utilisez plutôt des synonymes qui élargiront les chances de vous positionner sur un nombre plus grand d’expressions-clés.

Les liens dans vos pages :

  • Ils impactent fortement le positionnement de vos pages.
  • N’hésitez pas à faire des liens vers vos autres pages à l’intérieur de vos contenus.
  • Faites vos liens sur des mots-clés correspondant aux termes sur lesquels vous souhaitez positionner les pages qui reçoivent les liens.

Optimisez vos images :

  • Je vais m’attirer les foudres des défenseurs de l’accessibilité, mais…
    Remplissez la balise ALT des images de vos pages en fonction des termes sur lesquels vous souhaitez vous positionner (pas une suite de mots-clés, mais une vraie description).
  • Si une image est un lien, cette optimisation du ALT de l’image est très importante.

Le référencement OFF Page :

Ce que vous devez faire en dehors de votre site
La règle est simple, il consiste globalement à obtenir des liens en provenance d’autres sites. Ces actions ont autant de poids que ce que vous pouvez faire directement dans vos pages.

Echange de liens :

  • Privilégiez les liens que vous pourrez obtenir dans le contenu éditorial d’un site.
  • Obtenez des liens sur des ancres (mot servant de support au lien) comportant les mots-clés qui vous intéressent.
  • Obtenez des liens à partir de pages ayant des thématiques similaires ou adjacentes à la vôtre.
  • Quelques réflexions sur les pages partenaires.

Inscriptions aux annuaires :

  • Fuyez les offres de référencement automatique.
  • Sélectionner des annuaires de qualité en petit nombre est plus payant que l’inscription à des milliers d’annuaires de seconde zone.
  • Multipliez les titres différents qui serviront d’ancres à vos liens (en intégrant vos expressions-clés favorites).
  • Travaillez vos descriptions afin de créer un environnement sémantique favorable à vos liens.

Utilisation des réseaux sociaux, agrégateurs …

Si les pages Facebook, Viadeo, Twitter etc. n’apportent que peu d’intérêt en terme de référencement pur puisque les liens y sont généralement en nofollow, elles apportent du trafic, ne les négligez pas.
Bétonnez votre référencement propre avant de vous inscrire dans des agrégateurs dont certains risquent de passer devant vous du fait de leur forte puissance.

Et c’est tout ?

Les référenceurs avertis resteront sans doute sur leur faim avec ce billet, et pourtant…

Lorsque nous procédons à la première analyse d’un site pour savoir ce que sont ses lacunes en terme de référencement, nous constatons qu’au moins 50 à 60% des basiques mentionnés ci-dessus ne sont pas mis en oeuvre.

Bien sûr, il existe bien d’autres choses à mettre en place. Certaines techniques présentées ci-dessus nécessitent sans doute des explications plus détaillées lorsque l’on travaille son référencement au scalpel. L’objet de cet article est toutefois de rester sur des notions simples d’accès. Pour toux ceux qui voudraient aller plus loin, nous conseillons la lecture plus complète des autres articles plus détaillés de ce blog.

Les webmasters sont t-ils de gros menteurs ?

0

Posted on : 02-12-2009 | By : admin | In : Référencement, Sites internet

Le W3C (World wide Web Consortium) est un organisme qui promeut la standardisation et la  compatibilité des technologies du web. En deux mots, il préconise des normes de codage et fait des recommandations. Les webmasters peuvent les appliquer et le mentionner sur leur site ( valide W3C ) sous la forme d’un petit label de qualité. Mais voilà, la plupart des sites qui affichent ce logo n’appliquent pas les recommandations du W3C.

Les 10 commandements pour créer un site internet efficace

1

Posted on : 14-11-2009 | By : Hind | In : Sites internet

1- Un contenu clair et de qualité :
Avant de commencer à rédiger le contenu de votre site internet, mettez-vous dans la peau de vos clients. Demandez-vous quelles informations vous aimeriez trouver sur un site. Structurez clairement votre site, à chaque idée importante sa page. Et n’oubliez jamais que vous créez un site pour vos clients et non pas pour vous.

2- Une valeur ajoutée :

Votre site ne détient pas le monopole d’un sujet donné. Positionnez-vous par rapport à ce qui existe et essayez d’offrir un ou plusieurs avantages comparatifs (contenu original, exhaustif, conseils et astuces). Faites de votre site un incontournable !

3- Une navigation aisée :

La navigation doit être claire et efficace, l’internaute doit pouvoir se déplacer aisément à travers tout le site. Il doit aussi retrouver rapidement une information lue précédemment.

4- Une charte graphique efficace et lisible :
La charte graphique c’est l’esthétique, le design de votre site. Le graphisme doit être au service de l’information et doit servir de support pour mettre en avant le contenu. Il apportera également la touche esthétique nécessaire.

5- Un temps de chargement optimisé :
Le contenu de votre site doit se charger le plus rapidement possible. Dans le cas où vous avez de nombreuses photos ou graphismes longs à télécharger, offrez à côté un contenu textuel à lire dans l’attente du chargement complet de la page. Les sites où il faut attendre devant une page blanche plus d’une minute avant de voir apparaître une animation d’accueil avec juste le nom de la société sont courants sur le web, mais pas un exemple à suivre !

6- Une large présence dans les outils de recherches :
Votre site doit être présent sur un large panel d’outils de recherches. Sur les grands outils généralistes bien entendu mais aussi sur les annuaires spécialisés dans votre secteur ou votre région, ils vous apporteront un trafic plus faible mais souvent plus ciblé.

7- Un site réactif aux demandes de ses clients :
Dans l’esprit des personnes, internet rime avec instantanéité. Sur le net tout doit aller vite. l est donc primordial de toujours répondre aux formulaires de contact présents sur votre site internet.

8- Une définition ciblée des mots-clés utilisés par vos clients :
Il est essentiel de bien cibler les mots-clés les plus porteurs pour définir votre activité. Le référencement se concentrera sur ces mots-clés. Ce ne sont pas toujours ceux auxquels on pense d’emblée, par exemple les termes trop techniques ne seront introduits que par des internautes avertis !

9- Une optimisation selon les critères des moteurs de recherches :
S’il semble évident que votre site gagne à être séduisant aux yeux des internautes, il est également important qu’il « plaise » aux robots des moteurs de recherches. C’est en effet ces programmes informatiques qui décideront de placer votre site en 1ère ou en 34ème position !

10- Un site à l’écoute de ses clients :

Enfin, soyez à l’écoute de vos clients ! N’hésitez pas à leur poser des questions sur ce qu’ils ont pensé de votre site, ce qu’ils auraient aimé avoir en plus comme information. Plus proche votre site sera des attentes de vos clients plus il sera performant !

Source : http://www.creation-sites-internet.be/site-internet/creer-site-internet-efficace.php