Derniers articles

liste complète

 

Calendrier

Novembre 2009
L M M J V S D
            1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30            
<< < > >>

 

Publicité

 

Programmation - net

Mardi 14 décembre 2004

Liens utiles - CSS

Comme prévu, des liens utiles pour relooker un site ou un blog:

css.over-blog.com - un blog de relookage de blogs sur over-blog.
Francisek - un autre blog vachement pratique
openWeb - la référence en matière de feuilles de style alternatives ;)
Dicolive.css - la liste complète de tous les éléments CSS et de leurs attributs.
pompage - un article francais qui traduit les articles intéressants dans le domaine des css ;)
w3c - LE site où sont définies les normes des CSS
Validator-css - le validateur de CSS pour vérifier que la feuille de style respecte les normes ;)

Voilà, à vos bookmarks !

Prochain article: les moteurs de recherches.
Par Fabrice Bournisien
Ecrire un commentaire - Voir les 1 commentaires - Recommander
Jeudi 16 décembre 2004

Moteurs de recherche

Voici une liste rapide et pratique: les moteurs de recherches classiques et efficaces. Pour trouver ce que vous voulez quand vous en avez besoin ;-)

http://www.yahoo.fr - Un site francais disposant d'un moteur performant, d'un classement par catégorie. En outre le site dispose d'une page d'actualités, l'horoscope, le guide télé...

http://www.google.fr - La version francaise de ce puissant moteur de recherche. Le graphisme est inexistant. Tout est axé sur l'efficacité, et ca marche. La version anglaise donne plus de réponses, mais en anglais: http://www.google.com

http://fr.altavista.com - Un moteur de recherche ressemblant à google. Certains le trouvent plus efficace. Simple question de gout.

http://msnsearch.com - Le moteur de recherche de msn. Ce site est affilié à Microsoft. Pas forcément les plus efficace, mais il permet de trouver des sites qui ne sont pas toujours dans les précédents.

http://www.mylinea.com - Un moteur de recherche dans des annuaires. Les réponses sont donc des annuaires de liens vers des sites plus ou moins bons.

A noter: régulièrement, on trouve sur le net des moteurs en mode béta (en phase de test)... Certains sont pratiques, d'autres rapidement abandonnés... Voici un florilège des derniers que j'ai trouvé:
http://fr.cydral.com - un moteur plutot pour trouver des images.
Google - beta la future version de google ? Celle ci, disponible en anglais uniquement, propose lorsque vous tapez une recherche, une liste de choix possible avec le nombre de réponses :D


Voila, c'est tout pour le moment ;)
Bonne recherche !
Par Fabrice Bournisien
Ecrire un commentaire - Voir les 0 commentaires - Recommander
Mardi 11 janvier 2005

HTML

La mise en forme du texte, ca se passe en CSS mais aussi en HTML. Voyons un peu maintenant comment jouer avec ca ;)
Introduction
Le HTML est un langage de mise en forme crée il y a longtemps.. En même temps qu'internet en fait. Il permet de mettre en forme les données fournies au navigateur. Entre autre, il permet de mettre le texte en gras, en italique, ou de créer un tableau.
Ce langage marche par balise. En clair: on ouvre une balise, puis on la referme. en mettant au milieu ce qui va bien ;)

Mise en forme
Balises de base très pratique :
Mettre du texte en <b>gras</b>
Pour le voir en <i>italic</i>
On peut même <u>souligner</u>

Balises utiles
On peut insérer une image dans le texte! <img src="url"> en remplacant url par l'adresse d'une image sur le net. Si vous utilisez une image qui n'est pas a vous, attention aux droits d'auteurs ! Le mieux est de lui demander avant;)
Beaucoup de gens aiment les textes qui défilent (moi, pas...) mais je vous donne le code quand même: <marquee>texte défilant</marquee>

Balises pratiques
On peut aussi mettre en couleur le <font color="red">texte</font> et si vous n'aimez pas le rouge, vous pouvez changer en remplacant red par une couleur en code hexadécimal. Pour voir les codes, c'est par là: Francisek power...
Reste les liens: <a href="http://adresse_de_la_page">Texte qui sera le lien</a>. Et voila un beau lien ;).

Superpositions
Evidemment, on peut cumuler les effets :D Il suffit pour cela d'imbriquer les éléments et les balises ;)
Juste un exemple de texte rouge gras défilant
Et le code associé :
<b><font color="red"><marquee>rouge gras défilant</marquee></font></b>

Et voilà. Avec cà, vous avez déjà de quoi vous amuser!!!

Pour le css, c'est par là: http://info.over-blog.com/article-31734.html
Par Fabrice Bournisien
Ecrire un commentaire - Voir les 4 commentaires - Recommander
Dimanche 13 février 2005

Liste des choses à ne PAS faire

Lorsque l'on créé un site, on s'emballe fréquemment à vouloir en faire trop...
Petit récapitulatif des choses à éviter :

- Une musique de fond. 32% des gens écoutent déjà de la musique en surfant, et la plupart ferment directement un site qui diffuse de la musique. Sans parler des problèmes de droits sur les morceaux diffusés, la non compatibilité, etc..

- Un design trop lourd: les lumières clignotantes, les animations partout, les couleurs différentes partout ne sont pas du tout agréable à l'oeil.

- Les vidéos en direct sur une page. C'est long à charger, ca ralentit le visiteur, le serveur, et il y a de nouveau un problème de droits et de plugins.

- Les redirections à rallonge: un lien pour dire venez ici, où on dit d'aller là, puis là bas... C'est lassant, et les visiteurs risquent de s'arrêter en chemin.

- Le langage SMS: tout le monde ne le parle pas. C'est lassant de devoir déchiffrer ce qui est écrit. Je ne suis pas contre une abbréviation de temps en temps, mais un article complètement comme ca est rapidement illisible.

- Les fautes d'orthographe: il est préférable des les éviter (attention, je ne dis pas que vous devez utiliser le subjonctif passé lorsque vous eussiez du) mais un minimum de respect pour le langage est un plus.

- Une organisation logique: il parait logique de mettre un menu visible et à portée de click. Tout le monde ne pensera pas à survoler l'image pour voir le super beau menu en flash tout joli mais pas très pratique.

Cette liste est évidemment non exhaustive.
Par Fabrice Bournisien
Ecrire un commentaire - Voir les 7 commentaires - Recommander
Mardi 22 février 2005

Liste de liens aléatoires

Récemment, dans une conversation que j'ai eu avec d'autre bloggueurs, je me suis apercu qu'une liste de lien trop longue n'était pas lu. Il fallait rester à 5-6 liens pour que les gens la regardent.

L'idée: créer un script pour n'afficher que quelques liens choisis aléatoirement dans une liste plus longue.

La solution: je stocke mes liens dans un tableau (vive le javascript) et je les sors aléatoirement.

<script language="javascript">
<!-- Init //-->
function attrib_amis(url, nom){
id = blogs_amis_url.length;
blogs_amis_url[id] = url;
blogs_amis_nom[id] = nom;
}


<!-- Init amis //-->
blogs_amis_url = new Array;
blogs_amis_nom = new Array;

attrib_amis("http://aide.over-blog.com","Aide");
attrib_amis("http://info.over-blog.com","Info");
attrib_amis("http://photos.pour.enfants.over-blog.com","Photo pour enfants");
attrib_amis("http://fabrice.over-blog.com","Fabrice");


<!-- Aléatoire //-->
nb_max = 3; // nombre de blogs à tirer aléatoirement

bl_a = new Array(nb_max);
for (i=0; i<bl_a.length; i++){
bl_a[i] = Math.floor((blogs_amis_url.length-1)*Math.random()+1);
while (bl_a[i]<0 || bl_a[i]>blogs_amis_url.length || doublon(i)){
// suppression des doublons
bl_a[i] = Math.floor((blogs_amis_url.length-1)*Math.random()+1);
}
}


<!-- doublons //-->
function doublon(i) {
// compare la case courante avec toutes les précédentes
for (k=0; k<i; k++){
if (bl_a[i]==bl_a[k]) return true;
}
return false;
}


<!-- Affichage //-->
for (i=0; i<bl_a.length; i++){
document.write('<li><a href="' +blogs_amis_url[bl_a[i]]+ '" title="' +blogs_amis_nom[bl_a[i]]+ '">' +blogs_amis_nom[bl_a[i]]+ '</a></li>');
}

nb_blogs = blogs_amis_url.length - 1;

document.write("</ul>Blogs choisis aléatoirement dans une liste de "+nb_blogs+" blogs.");
</script>


Je vous laisse adapter ce script en mettant vos liens dans la liste :)

Voir le script tourner: Blog de Fabrice
Par Fabrice Bournisien
Ecrire un commentaire - Voir les 2 commentaires - Recommander
Créer un blog sur over-blog.com - Contact - C.G.U. - Rémunération en droits d'auteur - Signaler un abus