Sécurité

 

Menaces sur Internet : le point mensuel de Fortinet

Tiré du monde informatique

Edition du 06/06/2007 - par Eddye Dibar

Selon le dernier rapport mensuel sur les menaces Internet les plus répandues édité par Fortinet, le phishing a été détrôné par W32/Dialer.PZ!tr, au mois de mai 2007. Il s'agit d'un logiciel malveillant combinant un robot et un composeur. Dans un communiqué, Fortinet précise que W32/Dialer.PZ!tr a été identifié aux Etats-Unis et au Mexique. Les appels lancés par ce logiciel sont généralement à destination des pays d'Europe et d'Afrique.

Pour être fonctionnel, W32/Dialer.PZ!tr nécessite un modem analogique pour composer les numéros. Selon Fortinet, l'introduction de ce logiciel s'oppose à la recrudescence des robots liés au développement des connexions adsl. Ces derniers ont peu à peu supplanté les composeurs.

Concernant les autres menaces, les vers Sober (réapparus sous la forme W32/Sober.AA@mm) et Stration (W32/Stration.JQ) ont été très actifs, notamment à la fin du mois de mai.

Pour réaliser ses rapports, Fortinet se base sur son réseau mondial de systèmes de sécurité FortiGate.

Baisse des côtisations sociales dans les TPE

 

Renaud DUTREIL, Ministre des PME, de l’Artisanat, du Commerce et des Professions libérales, considère que la suppression totale des cotisations sociales patronales pour les salariés des TPE au niveau du SMIC est une réforme historique. Après cinq années ininterrompues d’action en faveur des TPE, elle parachève une action destinée à libérer toutes les sources de création d’emplois marchands en France.

La poursuite de la baisse des cotisations sociales dans les TPE, qui couvrira 97% des entreprises françaises et le tiers des salariés du secteur marchand, est particulièrement opportune :

- Toutes les enquêtes montrent que les TPE sont extrêmement sensibles au coût du travail, en particulier celui des salariés les moins qualifiés. C’est donc un nouveau frein à l’embauche qui vient d’être levé, alors que les TPE, stimulées en particulier par le CNE, contribuent comme jamais à la réduction du chômage en France.

- Elle échappe aux critiques récemment formulées par la Cour des Comptes, qui préconise dans son rapport adressé à la Commission des Finances de l’Assemblée Nationale la concentration des exonérations sur les TPE et une amélioration de leur lisibilité.

- Elle est vertueuse pour les finances publiques selon le dernier rapport du Conseil d’Orientation pour l’Emploi, qui indique que « les évaluations confirment le bon rapport efficacité/coût à moyen terme pour les finances publiques de la politique d’allègement de charges ».

- Cette mesure constitue une indiscutable mesure de simplification administrative de millions de feuilles de paye et des formalités sociales des TPE, ce qui devrait répondre au souci constant du Parlement de simplifier l’environnement des entreprises.

Renaud DUTREIL souligne l’efficacité des mesures permettant de libérer l’embauche dans les petites entreprises. Les 150 000 emplois salariés supplémentaires créés en 2005 l’ont été principalement par les TPE. Le seul CNE permet, selon les estimations, de créer 70 000 emplois nouveaux par an.

Cet allègement supplémentaire, qui permet de supprimer totalement les cotisations patronales de sécurité sociale au niveau du SMIC dans les TPE, complète les mesures de la loi pour l’initiative économique (2003), de la loi PME (2005) et du plan d’urgence pour l’emploi (2005). Ces dispositifs avaient fortement encouragé l’emploi dans les TPE, en particulier avec le Contrat nouvelles embauches (CNE) et le Chèque emploi TPE.

La fête à:	Lundi
Mardi	Mercredi
Jeudi	Vendredi
Samedi	Dimanche

Caricature Zone

Ou trouver des captures d’écrans 

 

Notre BDD contient 320 000 miniatures de sites. Afin d'améliorer notre service, notre script générera les miniatures non disponibles dans un délai de 48 heures.

Pour télécharger la miniature, il vous faut remplacer la partie en rouge par l'url de la page correspondante. http://www.thumbzor.com/tel.php?url=url-page

Exemple : http://www.thumbzor.com/tel.php?url=http://www.virtualis.fr

CUSTOM CSS SUR OVER BLOG 

 

/* ---------- Elements Principaux ------------- */ 

body    { margin:0px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small;color:#FFFFFF;background:#000000; }

h1      { color: #5675A4; font-size: 20px; } /*titre des pages*/

h2      { color: #5675A4; font-size: 15px; }

h3      { color: #5675A4; font-size: 12px; }

a            { text-decoration:underline; color:#5675A4; font-size:110%; } /* lien */

a:hover { text-decoration:none; color:#9E9E9E} 

legend  { color:#5675A4; padding-left:5px; padding-right:5px;}

li      { list-style-type:none; }

img     { border:0px; } /* image */

input   { border:solid 1px #D8D7D7; font-size:100%; background:#FFFFFF; color:#5675A4; } /* bouton */

 

 

/* ---------- Structure ------- */ 

/* La class main correspond à la structure global du blog 

/* le numéro après 'main' correspond au type de structure (1 2 ou trois colonne) */ 

 

/* Pour les stuctures avec 2 colonnes */ 

#main1 { text-align: left; margin: 0px auto 50px auto; } 

#main1 #rightnav   { width:210px; background: url('../pics/graf/box-middle-right.png') repeat-y top left;; padding-left:30px; padding-right:10px; padding-top:10px; padding-bottom:10px}

#main1 #leftnav    { width:210px; background: url('../pics/graf/box-middle-left.png') repeat-y top right;; padding-left:10px; padding-right:30px; padding-top:10px; padding-bottom:10px }

#main1 #content    { padding:10px; }

#main1 h2          { margin:0px 0px 10px 0px; padding:0px; font-size:130%; }

 

 

/* Pour les stuctures avec une colonne à droite */ 

#main2 {  text-align: left; margin: 0px auto 50px auto; }

#main2 #rightnav { width:220px; background: url('../pics/graf/box-middle-right.png') repeat-y top left;; padding-left:30px; padding-right:10px; padding-top:10px; padding-bottom:10px} 

#main2 #content  { padding: 10px 25px 0px 0px;}

#main2 h2        { margin:0px 0px 10px 0px; padding:0px; font-size:130%; }

 

/* Pour les stuctures avec une colonne à gauche */ 

#main3 {  text-align: left; margin: 0px auto 50px auto; }

#main3 #leftnav {  width:220px; background: url('../pics/graf/box-middle-left.png') repeat-y top right;; padding-left:10px; padding-right:30px; padding-top:10px; padding-bottom:10px }

#main3 #content {padding: 10px 0px 0px 25px;} 

#main3 h2       { margin:0px 0px 10px 0px; padding:0px; font-size:130%; }

 

#MainTab { margin:0px; width:100%; } 

#MainTab td { vertical-align:top; } 

 

/* entete */ 

#top    { padding:0px; border-bottom: 1px solid gray;}

#top h1 { padding:0px; margin:0px;color:black; } 

 

.topLien{text-decoration:none;} 

.topLien:hover {text-decoration:none;} 

 

 

/* Bas de page */ 

#footer   { clear:both; color: #333; border-top: 1px solid gray; }

#footer p { margin:0px; padding: 10px; background:#ddd; } 

 

.basLien            { }

.basLien:hover { } 

 

.cleaner {clear:both;} 

/* ---------- Box ---------- */ 

/* correspond au block des modules */ 

.box             { width:100%;}

.box h2          {

        color: white;

        text-align: center;

} 

.box-top         { background:url('../pics/graf/box-top-center.png') repeat-x top center; }

.box-left        { background:url('../pics/graf/box-middle-left.png') repeat-y top left; }

.box-right       { background:url('../pics/graf/box-middle-right.png') repeat-y top right; }

.box-bottom      { background:url('../pics/graf/box-bottom-center.png') repeat-x bottom left; }

.box-topLeft     { background:url('../pics/graf/box-top-left.png') no-repeat top left; }

.box-topRight    { background:url('../pics/graf/box-top-right.png') no-repeat top right; }

.box-bottomLeft  { background:url('../pics/graf/box-bottom-left.png') no-repeat bottom left; }

.box-bottomRight { background:url('../pics/graf/box-bottom-right.png') no-repeat bottom right; padding:10px } 

.box-content     {

        padding: 10px 20px 40px 20px;

        color: Gray;

} 

.box-content p   { margin:10px 10px 5px 10px; padding:0px; }

.box-content ul  { margin:10px 10px 5px 10px; padding:0px; }

.box-content li  { list-style:square; color:#b6b6b6; margin:5px; padding:0px; }

.box-content a  {  }

.box-content a:hover  {  }

 

/* ---------- Recherche --- */ 

#Recherche   { padding:0px; }

#WForm       { margin:0px; border:solid 1px #D8D7D7; padding:10px; background: #F3F7FC; }

#WForm input { border:solid 1px #D8D7D7; font-size:100%; background:#f4f4f4; color:#5675A4; } 

#WForm input:hover { border:solid 1px #5675A4; background:#fff; } 

 

.RNum  { font-weight:bold; }

.RDesc { padding:10px; } 

.ROut  { font-style:italic; color:#A0B8CB; }

.RSize { color:#BFBFBF; } 

 

a.RTitle       { text-decoration:none; color:#00275E; }

a.RTitle:hover { text-decoration:none; color:#834141; } 

 

#GGResults { text-align:left; margin:0px; color:#000000; } 

.Result1   { padding:4px; background:#F7FAFD; }

.Result2   { padding:4px; background:#FBFBFB; }

 

.article    { margin-top:10px; padding:0px; border-bottom:1px dotted #808080; }

.article p  { padding:0px 0px 5px 5px; margin:0px; }

.Date         { width:100%; margin-right:10px;}

.Option { padding:5px 0px 0px 0px; margin:5px 0px 5px 0px; border-top:1px dotted #808080; width:100%; text-align:right; font-size:85%;} 

.categorieArticle {} /*categorie de l'article*/ 

.categorieArticle a {text-transform:lowercase;} 

.barreHautArticle {padding:0px 0px 5px 0px; margin-bottom:4px; border-bottom:1px solid #808080; width:100%; } 

.listArticles { margin-top:0px; margin-bottom:10px; border:1px solid #666666;  background-color:#FFFFFF;}

.resumeArticle { background-color:#F9F8FA; border-top:1px solid #F4F4F4;} 

 

.titreArticle{text-decoration:none;} 

.titreArticle:hover {text-decoration:none;} 

 

#articleSeul {} /*style d'un article lors de l'affichage de l'article ou de ses commentaires/trackbacks*/ 

 

 

/*--------------------Commentaires---------------------------- */ 

.h2commentMessage {color:#3366CC;} 

.comment    {  }

.comment hr {  }

.linkcomment {font-size:130%; color:#0099FF;} 

 

.commentMessage  { padding:5px; border:1px dotted #999999;background:#F8F8F8; margin:0px;}

.commentOption   {text-align:right;font-size:85%;color:#808080; margin-bottom:10px;}

 

#formComment label { width:70px; } 

#formComment input { } 

#formComment textarea{ } 

 

 

/*-------------------trackback----------------------------------*/ 

#addTrackback { border:1px dotted #999999; padding:5px;} 

.affTrackback { padding:5px; border:1px dotted #999999;  margin-bottom:10px;}

.affTrackback h2 {} 

.linkTrackback {font-size:130%; } 

.h2Trackback {color:#3366CC;} 

 

/*-------------------Recommander--------------------------------*/ 

#divRecommander {} 

#divRecommander span {font-size:larger;} 

#divRecommander legend {font-size:larger;} 

#divRecommander fieldset {padding:3px; margin:5px;} 

 

/*-----------------Newsletter-----------------------------------*/ 

#divNewsletter h2 {text-align:center; font-size:12pt;} 

 

 

/*-------------- Calendrier -----------------------------------*/ 

.calendarTop1         {  font-family: Verdana, Arial, Helvetica; font-size: 10px; font-style: normal; color:#5675A4; font-weight: bold;  background-color:#FFFFFF} /*entete*/

.calendarToday1 {  font-family: Verdana, Arial, Helvetica; font-size: 10px; font-weight: bold; color:#FFFFFF; background-color:#A2B4CE;} /* Aujourd'hui */

.calendarDays1         {  width:50px; height:15px; font-family:Verdana, Arial, Helvetica; font-size: 10px; font-style: normal; color:#000000; background-color: #FFFFFF; text-align:center;}

.calendarHeader1{  font-family: Verdana, Arial, Helvetica; font-size: 10px; background-color:#5675A4; color:#FFFFFF;} /* lettre de la semaine */

.calendarTable1 {  background-color:#F4F4F4;border:0px solid #5675A4} /* contour du calendrier */

 

/*------------------------Divers-----------------------------*/ 

.cleaner {clear:both;} 

 

/*-------------------------------Accueil album------------------------*/ 

 

#centreAccAlbum{} 

.AccAlbum{ text-align:center;} 

.thumbAccAlbum { display:inline; margin:5px;} 

.thumbAccAlbumimg { padding:5px 0px;} 

 

 

/*-----------------------Album photo--------------------------*/ 

#bodyAlbum{ background-color:#FFFFFF;} 

.topAlbum{} 

 

#generalAbum{width:100%;} 

 

.h2Album { text-align:center; font-size:12pt; } 

 

                /*en tete de l'album placee en haut de la fenetre, meme que celle du blog*/

#enteteAlbum{ width:100%; border-bottom:1px solid #222222;  font-size:130%;}

#enteteAlbum a {} 

#enteteAlbum a:hover {} 

 

       

.nomPhotoAlbum { font-size:large;} 

 

.lienAlbum {text-decoration:none;} 

.lienAlbum:hover{text-decoration:underline;} 

       /*navigation rapide precedent suivant retour*/

.quickNavAlbum{margin:0px; padding:0px; border:1px groove #666666; width:100%; text-align:center;} 

.quickNavAlbum a {text-decoration:none;} 

.quickNavAlbum a:hover {text-decoration:underline;} 

.precAlbum{ float:left; text-decoration:none; position:relative; padding:0px; margin:0px;} 

.retourAlbum{ position:relative;  text-decoration:none; padding:0px; margin:0px auto; width:6em;}

.suivAlbum{ float:right;  text-decoration:none; position:relative; padding:0px; margin:0px;}

 

      /*miniatures de l'album*/

#centrethumbsAlbum{ } 

.thumbsAlbum {padding:2px; width:550px; margin-right:auto; margin-left:auto;} 

.thumbAlbum { display:inline; margin:3px;} 

.thumbAlbum img {} 

 

          /*miniature de la photo courante*/

.thumbCouranteAlbum { display:inline; margin:3 px;}/*miniature de la photo courante*/ 

.thumbCouranteAlbum  img { }

 

.topLienAlbum{text-decoration:none;} 

.topLienAlbum:hover{} 

 

#photo{ text-align:center; } 

#photo img {margin: 0px auto; } 

.nomPhotoAlbum{  text-align:center;}       

 

#piedAlbum{ width:100%; text-align:center; margin-top:5px;} 

Comment obtenir des screenshots ?(des captures d écrans) 

 

Ces vignettes sont aussi appelées "thumbshots" une contraction de "thumbnails" et "screenshots". 

Les images produites par les services sont accessibles via des URL’s auxquelles il faut ajouter l’adresse de la page dont on souhaite obtenir la capture d’écran. 

Ces vignettes sont destinées à illustrer des sites web et en particulier les annuaires pour lesquels il rend la navigation beaucoup plus attrayante. 

• les sites de type "annuaire" ou "répertoire",  

• les pages qui listent des sites partenaires,  

• les "blogrolls" pour les blogs (liste de blogs favoris). 

Les URL’s donc la forme : 

http://screenshots.snyke.com/target=[adresse_de_la_page]

Ainsi pour insérer par exemple une image du journal "Libération" dans l’une de vos pages il suffit d’insérer la ligne suivante : 

<img alt="Screenshot Liberation" src="http://screenshots.snyke.com/target=http://www.liberation.fr">

Vous pouvez aussi ajouter une bordure autour de la vignette ainsi que préciser une taille différente, par exemple : 

<img style="border: solid 1px #999; width: 60px; height: 45px;" alt="Screenshot Liberation" src="http://screenshots.snyke.com/target=http://www.liberation.fr">

STRUCTURE V2 

 

• body {} : le contenu complet du blog  

• a {} : les liens  

• #top {} : l'entête  

• #footer {} : lepied de page  

• .box-titre {} : le titre des modules  

• .beforeArticle {} : tout le bloc avant chaque article  

• .article {} : l'article  

• .date {} : la date des articles  

• .titreArticle {} : le titre des articles  

• .box-content {} : le contenu des modules  

• .box {} : les modules complets  

• .commentMessage {} : les commentaires  

• .commentOption {} : les infos sous les commentaires  

• .extraitArticle {} : les extraits d'article (premium)  

• .dateExtrait {} : la date des articles, lors de l'affichage en extrait (premium)  

• .extrait {} : toujours lié aux extraits (premium)  

• .plusExtrait {} : toujours lié aux extraits (premium) 

 

Essayer !

Pratique, n'est-ce pas ?

Et l'attribut id alors ?

Lui, il fonctionne exactement de la même manière que class, à un détail prêt : il ne peut être utilisé qu'une fois.

Quel intérêt ? Il y en a assez peu pour tout vous dire, cela vous sera utile si vous faites du Javascript plus tard pour reconnaître certaines balises. D'ailleurs, nous avons déjà vu l'attribut id dans le chapitre sur les liens (pour réaliser des ancres).

En pratique, nous ne mettrons des "id" que sur des éléments qui sont uniques sur votre page, comme par exemple le logo :
<img src="images/logo.png" alt="Logo du site" id="logo" />

Dans le CSS, ce n'est pas un point que vous devez mettre avant le nom de l'id, mais un dièse (#) :

Code : CSS

#logo
{
/* Mettez les propriétés CSS ici */
}

Je ne vous propose pas de le tester, parce que de toute façon ça fonctionne exactement comme class.

Si vous vous emmêlez les pinceaux entre class et id (il ne devrait pas y avoir de raison, mais on sait jamais ), vous pouvez utiliser tout le temps des class car ça marchera toujours.

Pour ma part, il se peut que j'utilise des id dans la suite de ce cours. J'ai pris l'habitude de mettre un id plutôt qu'une class quand je sais que je ne m'en servirai qu'une fois.

Les balises universelles

Il arrivera parfois que vous ayez besoin d'appliquer une class (ou un id mais c'est plus rare) à certains mots qui ne sont pas entourés par des balises.
En effet, le problème des class c'est qu'il s'agit d'un attribut, vous ne pouvez donc en mettre que sur une balise.

Par exemple, si je veux modifier uniquement "Neil Armstrong" dans le paragraphe suivant :

Code : HTML

<p>Comme l'a dit Neil Armstrong un certain 20 juillet 1969...</p>

Ca serait facile à faire s'il y avait une balise autour de "Neil Armstrong", malheureusement il n'y en a pas.Heureusement, on a inventé la balise-qui-sert-à-rien
En fait, on a inventé 2 balises qui ne servent à rien, avec une petite (mais importante !) différence entre les deux :

• <span> </span> : c'est une balise de type inline. Vous vous souvenez ce qu'est une balise inline ? C'est une balise qui se met à l'intérieur d'un paragraphe, comme <strong>, <em>, <q>. Cette balise s'utilise donc au milieu d'un paragraphe, et c'est celle dont nous allons nous servir pour colorer Neil Armstrong.

• <div> </div> : c'est une balise de type block. Comme <p>, <h1> etc... Elle crée un nouveau "bloc" dans la page, et provoque donc obligatoirement un retour à la ligne. C'est une balise très très utilisée pour faire un design. Nous lui dédierons d'ailleurs 2 chapitres entiers dans la partie III du cours pour vous aider à construire le design de votre site web.
  
  Pour le moment donc, nous allons utiliser plutôt la balise <span>.On la met autour de Neil Armstrong, on lui rajoute une class, on crée le CSS et puis basta
  
  Code : HTML

<p>Comme l'a dit <span class="nom">Neil Armstrong</span> un certain 20 juillet 1969...</p>

Code : CSS

.nom
{
color: blue;

Pour en savoir plus sur ce cours aller sur le site très bien fait : http://www.siteduzero.com/tuto-3-32-1-mettre-en-place-le-css.html?sesid=94f421f6ed281ffc4a24f903bb697a602393c000&sesmid=-3420#ss_part_1

 

Comment convertir un fichier ?  

  Qui n’a pas eu des soucis de conversion surtout lorsque l’on débute. Je vous ai trouvé un vrai petit bijou. Un site qui peut convertir gratuitement tous vos fichiers. Je le répète, je ne gagne rien du tout en vous diffusant  toutes ces bonnes informations.

 Vous me direz pourquoi mon investissement est aussi intense ? Parce que le net est pour moi est bien plus qu’un formidable moyen de communication. La toile représente une planète de partage.  

 

 

 

 ET C EST GRATUIT  

 Pourquoi utiliser Media-Convert ?   

Simplement parce que Media-Convert est la meilleure manière de convertir des fichiers audio, vidéo, présentation, document, tableur, etc.
 
Vous éliminez ainsi les problèmes suivants :
 

·  C'est plus sûr car vous avez pas à installer des logiciels sur votre ordinateur, lesquels peuvent contenir des virus, spyware (espions), etc.
 

·  L'accessibilité partout dans le monde à travers une connexion Internet. Vous pouvez réaliser une conversion depuis un cybercafé, le PC d'un ami ou celui du bureau, et ensuite télécharger tranquillement le résultat sur votre lecteur mp3 ou n'importe quel autre support (ordinateur, téléphone portable).

Un fichier de votre ordinateur : cliquez sur Parcourir et choisissez le fichier, sélectionnez ensuite le format d'entré (le format votre fichier), le format de sortie (le format souhaité), et cliquez sur Convertir.
 
A partir d'une URL : cochez le mode URL, saisissez l'adresse, sélectionnez le format d'entrée et le format de sortie et cliquez sur Convertir.
 
Pour faire une copie d'écran d'un site internet (transformation en image) : cochez le mode URL, saisissez l'adresse internet du site et choisissez un format de sortie dans les formats d'images proposés, cliquez sur Convertir.   

http://media-convert.com/convertir/  

Gagner de l’argent avec google Adsense 

 

 

      Ouvrir un compte gratuit cher google Adsense  

Très facile, vous devez vous  rendre sur le site suivant :  

http://www.google.com/adsense

 

      Optimisation toujours encore et toujours !!!  

Eh oui ! Une bonne optimisation du programme Adsense sur votre site peut véritablement augmenter vos revenus. Eh oui, pour gagner de l’argent vous devez vous investir un peu. On n’a rien sans rien !!!! 

 

      4 Points à respecter pour une excellente optimisation:

1. L’emplacement où sera placée l'annonce Adsense
2. Le format de l'annonce Adsense
3. La spécification de l'annonce Adsense (essayer de le rendre unique)
4. Le ciblage de l'annonce Adsense 

             Optimiser la zone réservée à Adsense

Un internaute ne voit pas intégralement une page web. Il la parcourt le plus souvent non pas en diagonal mais en Z. La zone la plus optimale est surtout celle située en haut à gauche.

Vous pouvez également placer une annonce Adsense près d'une zone où l'internaute doit cliquer fréquemment (pour accéder à une page suivante ou à coté d'une fonctionnalité importante). Ainsi, vous augmentez les chances que l'annonce Google Adsense soit lue. Si si cela fonctionne !

 

      Annonce Adsense : augmentez le taux de clic  

De nombreux webmasters ont constaté que l'ajout d'images à proximité d'une annonce augmente le taux de clic. Bon je ne l’ai pas vérifié mais je fais confiance aux milliers d’internautes…

Google utilise l'url de votre page pour cibler l'annonce. Si elle contient des mots clés, alors le ciblage pourra être un minimum efficace dès le début. 

      Communiquer avec le robot Adsense via des balises HTML :  

Je vous dévoile un petit secret :  

<!-- google_ad_section_start -->
Le contenu entre ces balises sera favorisé par le robot Adsense
<!-- google_ad_section_end -->  

 

De la même façon, vous pouvez indiquer une zone à négliger, par exemple le menu, le footer ou le header qui sont identiques sur toutes les pages :  

<!-- google_ad_section_start(weight=ignore) -->
Le contenu entre ces balises sera ingoré par le robot Adsense