LESCAN.CA

test

admin — Sun, 03 Mar 2013 03:27:28 +0000

voici du texte

encore du texte

Bookmark It

Hide Sites

Comment référencer une page Web facilement

admin — Tue, 21 Feb 2012 01:04:46 +0000

5 points importants

nom de domaine
Titre de la balise title
description de 160 caractères
h1 pertinent
contenu pertinent (long contenu)

Bookmark It

Hide Sites

Comment utiliser un compte Adword?

admin — Tue, 29 Nov 2011 21:04:38 +0000

Sur youtube vous pouvez accéder a Adword University

http://www.youtube.com/universiteadwords?hl=fr_CA#p/c/3/TjAbcftFzWA

pour en savoir plus sur le réseau display de Google vous pouvez consulter le vidéo suivant:

http://www.youtube.com/universiteadwords#p/c/1/NHvXNxSAc4c

Bookmark It

Hide Sites

Seule les blagues doivent être faites avec le plus grand des sérieux

admin — Thu, 27 Oct 2011 01:39:18 +0000

Bookmark It

Hide Sites

Zen coding – Facilitez vous la vie !

Simon — Fri, 12 Aug 2011 18:28:04 +0000

Zen coding – Facilitez vous la vie !

Zen coding est une extension que l’on peut installer sur la presque totalité des éditeurs de texte (comme Dreamweaver, Notepad++ ou KomodoEdit).

C’est sans l’ombre d’un doute un des outils les plus utile que j’utilise.

Son fonctionnement

Son fonctionnement de base est très simple, en utilisant des sélecteurs CSS avancés, on écrit une ligne directement dans notre code HTML, par exemple:

table>tr>td

(notez que le sélecteur css “>” sélectionne l’enfant direct d’un élément)

En appuyant sur la touche tab (ou le bouton relatif à l’extension Zen coding sur votre propre éditeur), la ligne précédente produira le code suivant :

Zen coding pour faire un peu plus

Et évidemment, nous pouvons créer de réels structures complexes:

“()” les parenthèses servent à délimiter un bloc de balises
“*” L’étoile sert à multiplier l’élément (ou le bloc) par le nombre de fois précisé
“+” définie une relation de frère
“>” définie que l’élément est compris directement dans la balise précédente
“#” assignera un ID à l’élément
“.” assignera une classe à l’élément

Et ainsi, le code suivant produira

div#page>div.logo+ul#navigation>li*5>a

Ne pas se casser la tête sur la structure de base

Et une dernière astuce, l’utilisation de cette ligne

html:5

Vous produire une template de page de base complète et valide sans tracas. (cela dit, n’oubliez pas de changer la valeur de l’attribut lang pour la langue propre à votre site !)

Aller plus loin

Cet outil permet de faire encore de nombreuses choses:

Ajouter une classe numérotée à vos éléments (sur li par exemple)
Générer des commentaires conditionnels
Balises scripts, links et bien d’autres

Pour en voir plus, je vous renvoie vers ces autres ressources:

Article sur Zen coding de SmashingMag (en anglais)

Et ce vidéo de démonstration :

Zen Coding v0.5 from Sergey Chikuyonok on Vimeo.

Bookmark It

Hide Sites

Notre dernière Réalisation : Chiropractic Speakers Event

Simon — Wed, 10 Aug 2011 15:52:56 +0000

Nous avons mis en ligne la semaine dernière le dernier projet sur lequel nous avons travaillé, le site du « Chiropractic Speakers Event ».

Le design du site a été réalisé par Catherine Brunet, et nous nous sommes chargé de son intégration sur WordPress.

De même, pour faciliter la promotion de cet évènement, nous avons géré la campagne d’infolettre relié à la promotion de la conférence, ainsi que réalisé une infolettre sur mesure d’après le design de Catherine.

(P.S.: S’il prenait à quelqu’un l’intérêt de regarder le code source de l’infolettre, l’utilisation des tableaux de positionnement est la seule technique de postionnement viable des infolettres puisque les CSS sont tout simplement ignoré sur la majorité des clients de messagerie et des webmails – Je vous ferai un article à ce sujet éventuellement)

Ainsi, nous souhaitons le meilleur succès au Chiropractic Speakers Event, entre temps nous continuons de traquer les résultats de l’infolettre et des visistes sur le site afin d’ajuster nos stratégies SEO et marketting pour l’avenir.

Bookmark It

Hide Sites

[HTML] L’importance du Doctype et le modèle des boîtes

Simon — Tue, 09 Aug 2011 17:41:03 +0000

Qu’est-ce que le Doctype ?

Le doctype est la balise déclarant le type du document qui précède chaque page HTML. Par exemple:

Son utilité

La présence du Doctype est obligatoire selon les normes du W3C. Si vous souhaitez que votre page puisse être valider, il faudra l’inclure. En même temps, selon le choix du langage (xhtml, html4, html5) le validateur s’ajustera et corrigera votre document en conséquence.

Jusque là, son utilité ne semble pas primordiale. Cependant, si vous n’incluez pas de Doctype, vous risquez d’encourir de nombreux problème d’affichage sous Internet Explorer puisque son omission fait passer ce dernier en mode “Quirks”.

Qu’est-ce que le mode Quirks ?

Le modèle des boites est la norme du W3C (suivie par tous les navigateurs) qui définie la manière dont sont déclarés et appliqués différentes propriétés CSS (notamment margin, padding, border, width et height).

Pour ainsi dire, tout ce qui attrait au dimensionnement de ces dernières.

Selon ces normes, les valeurs CSS de width et de height définissent respectivement la largeur et la hauteur du bloc de contenu. À cette taille s’ajoutera l’espacement entre le contenu et la bordure (padding), la bordure (border) et la marge (margin).

Ainsi, selon les règles CSS suivantes:

div {
    width: 200px;
    padding: 10px;
    border: 1px solid #000;
}

La largeur totale de div sera de 222px (200px + (20px * 2) + (1px * 2)).

Le modèle de boîte est généralement peu connu des débutants en CSS et est souvent la cause des blocs flottants s’empilant au lieux de se suivre sur une même ligne. Ces derniers croyant que le padding et la bordure sont comprises au sein de la largeur définie.

Le mode Quirks (uniquement sous IE) quant à lui modifiera le modèle des boîtes. Sous ce mode, IE incluera le padding et la bordure à la valeur de with. Et ainsi, le code précédent génèrera une largeur totale de seulement 200px puisque la largeur du padding et de la bordure seront incluse au sein de la largeur du bloc.

Ceci semble pour plusieurs être plus intuitif, mais est un comportement actuellement strictement réservé à IE.

Nouvelle propriété pour le modèle des boîtes en CSS 3

La troisième version des CSS actuellement en cours de réalisation prévoit une valeur CSS spécifique qui permettra aux intégrateurs de spécifier le modèle des boîtes qu’ils souhaitent utiliser. Ainsi, le mode quirks pourra être utilisé via cette propriété :

div {
    box-sizing: border-box /* valeurs possibles: content-box | border-box | padding-box */
}

Actuellement cette propriété est comprise par Mozilla, Webkit, Opera 9 et IE 8. Mais pour l’instant, notamment dû à la présence des anciennes versions de ces navigateurs, il sera mieux dans la majorité des cas de se contenter du modèle de boîte original.

Annexe: Différents Doctype

HTML 4.01

xHTML 1.0

HTML 5 (utilisable aujourd’hui sans aucun problème)

Bookmark It

Hide Sites

Compétence de base niveau 3 : Littératie

admin — Wed, 13 Apr 2011 03:37:19 +0000

Le réseau collégial, porteur de solutions par le rehaussement nécessaire des compétences essentielles en littératie des adultes en formation et en emploi au Québec. L’objectif compétence niveau 3 en littératie.

Bookmark It

Hide Sites

Liste de validation pour le référencement d’un site Web

admin — Wed, 06 Apr 2011 00:46:00 +0000

Voici une liste simple de chose à valider pour le bon référencement d’un site Web

Le contenu a été écrit avec des mots clés ciblés qui ont été sélectionné intelligemment au fil des pages appropriées à l’aide des outils suivants: http://www.slowseo.com/tools/ http://www.pagetrafficblog.com/10-of-the-best-seo-keyword-selector-tools/3237/ mais mon préférer demeure https://adwords.google.com/select/KeywordToolExternal
Votre nom de domaine enregistrés a été soigneusement sélectionné en utilisant la marque, nom de commerce ou de mots-clés ciblés et vous avez décidé si vous prioriser le www ou sans le www pour votre version.
Chaque page de votre site contient son propre titre unique , meta description d’environ 150 caractères, et titre principal (H1) ansi qu’un nom de fichier html significatif.
La navigation du site est préférablement marqués au moyen de liens de texte brut.
URL contiennent des mots clés ciblés. Elles sont courtes et ne contiennent pas de chaînes de requête ou des identifiants de session. De plus elles sont correctement référencé par le rel = élément approprié lien canonique.
Le site a été enregistré et soumis à Google (add url Google) , Google Analytics a été installé correctement sur chaque page et le suivi est actif.
Les outils pour Webmaster de Google aussi.
Un plan en HTML et un plan du site XML ont été créés pour le site. Le plan du site XML a été correctement soumis à Google et / ou outils pour les webmasters Bing.
Tous les redirections utiliser la redirection 301 coté serveur.
Vous avez personnalisé la page ” not found “ ou erreur 404 pour que l’usager puisse retourner facilement dans le site.
Les bonnes information de contact figure sur le site ainsi que des informations de localisation et vous avez inscrit l’entreprise a Google place.

Bookmark It

Hide Sites

Évaluation du niveau de contraste idéal pour un site Web

admin — Tue, 05 Apr 2011 22:32:34 +0000

Le niveau de contraste d’une page Web est important au delà du look il est important d’avoir des contenus facilement lisible. On peut avoir un joli site facile à lire si on se donne la peine d’avoir un bon contraste et des teintes qui s’agencent bien (kuler). Pour ce qui est des contrastes, vous pourrez sans peine les évaluer avec ce petit sélecteur de couleur que vous pouvez télécharger.

Colour_Contrast_Analyser

Bookmark It

Hide Sites