Articles www`

Décodage du Codex de la Freebox Révolution

22-11-11

FreeBoX
Philippe Starcks explique dans ce texte gravé sur la Freebox Révolution un bref historique des théories de la physique moderne qui ont été une révolution pour leur époque.

N’importe quel point est potentiellement le centre de l’univers ; comme la nouvelle Freebox est le centre d’attention de la communauté Geek.

Un développement physique à venir, celui de la physique quantique et celui de la Freebox qui va se muscler grâce à l’emplacement pour les Femtocell 3G.

Lorsqu’on est en orbite on tombe sans jamais toucher le sol, c’est ce que les physiciens appellent une chute perpétuelle autour d’un astre et on peut mettre cela en parallèle avec le flot d’information, qui sur Internet ne s’arrête jamais. Tout tourne autour de la Freebox: ordinateurs, téléphones, tablettes, télévisions et objets connectés.

L’énergie d’un photon (la particule associée à la lumière visible) est inversement proportionnelle à sa longueur d’onde. L’innovation sur les apparences extérieures de la Freebox est inversement proportionnelle à l’innovation à l’intérieur de la boite. La quantité d’informations à l’intérieur de la Freebox est inversement proportionnelle à la taille de celle-si. On peut aussi citer la constante gravitationnelle: la force d’attraction entre deux corps est proportionnelle au produit de leur masse et inversement proportionnelle au carré de la distance qui sépare leur centre de masse respectif.

La théorie de la relativité restreinte nous apprend qu’on ne peut pas additionner des vitesses simplement, plus les vitesses sont rapides moins elle s’additionnent. On peut voir ici le récit de la collaboration entre Philippe Starck et Xavier Niel qui après de nombreux essais de designs très innovants en sont revenus à une simple boite noire pour pouvoir loger à l’intérieur plus de composants électroniques.

Selon lui, les Astres se déplacent du fait de la gravité alors que notre Univers est en expansion. Cela remet en cause les fondements même de la théorie d’Einstein qui se base sur le fait que l’univers soit statique. A l’image d’Internet qui remet en cause les principes de l’économie, les fortunes se déplacent et la quantité d’information disponible croit chaque jour.

Einstein a prouvé l’existence de la quatrième dimensions du cosmos dans sa théorie de l’espace temps et maintenant la théorie des cordes porte le nombre de dimensions à 26. La première dimension est la hauteur, la seconde la largeur, la troisième la hauteur. On peut noter ici que la Freebox Serveur affiche l’heure, qu’elle a plus d’une corde à son arc et que les mises à jours logiciels sont susceptibles d’ajouter dans le futur de nouvelles fonctionnalités.

Descartes  remarque qu’un infini dépend de la volonté de l’homme. Il y a trois manifestations de l’infini chez Descartes : l’infinité de Dieu, l’infinité de la volonté et l’infinité du monde physique et mathématique. De l’infinité de l’univers on passe à l’infinité des idées pour le concevoir et on en revient à la révolution, cette rupture amenant une science à se réorganiser autour de principes nouveaux. Cette affirmation est à l’image du monde, en perpétuelle évolution. La dernière révolution en date est celle de l’informatique qui a complètement révolutionnée nos modes de vie et la Freebox se place au centre de cet écosystème numérique.

Robots.txt

18-06-11

Robots.txt est un fichier qui permet d’indiquer aux moteurs de recherche quelles sont les pages à crawler, à indexer ou le(s) sitemap(s) du site internet. Il doit obligatoirement être placé à la racine du site. Voici quelques exemples de robots.txt

Sitemap classique:

User-Agent: *
Allow: /
Disallow: /dossier/xxx.html
Noindex: /dossier/xxx.html
Sitemap: http://www.example.fr/sitemap.xml

Déréférencer un site internet:

User-Agent: *
Noindex: /

Déréférencer une page:

User-Agent: *
Noindex: /dossier/xxx.html

Interdire le crawl d’une page

User-Agent: /
Disallow: /dossier/xxx.html

Déréférencer plusieurs pages:

User-Agent: *
Noindex: /dossier/page-1.html
Noindex: /dossier/page-2.html
Noindex: /dossier/page-3.html

Déréférencer un répertoire:

User-Agent: *
Noindex: /repertoire/

Référencer un sitemap:

User-Agent: *
Sitemap: http://www.example.fr/sitemap.xml

Bloquer un moteur de recherche:

User-Agent: googlebot
Disallow: /

User-Agent: bingbot
Disallow: /

Bloquer le référencement une extension de fichier

User-Agent: /
Disallow: /*.jpg$
Noindex: /*.jpg$

User-agents du GoogleBot:

  • Recherche sur le Web Google – Googlebot
  • Google Actualités – Googlebot-News
  • Google Images – Googlebot-Image
  • Google Vidéos – Googlebot-Video
  • Google Mobile – Googlebot-Mobile
  • Google AdSense – Mediapartners-Google ou AdsBot-Google

Débuter avec Dreamweaver

13-01-11

Ce tutoriel vise à expliquer comment réaliser son premier site internet avec l’éditeur HTML CSS Dreamweaver.

Pour commencer, veuillez créer un fichier index.html pour la page d’accueil de votre site et style.css pour la mise en page. Utilisez le mode fractionné.

index.html

Dans la head de votre page, renseignez le titre du site. Dans le body du code source, créez une div par bloc (Insertion, Mise en Forme, Insérer la balise Div) et remplissez de textes, d’images et des liens hypertexte.

<!DOCTYPE html PUBLIC ″-//W3C//DTD XHTML 1.0 Transitional//EN″ ″http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd″>
<html xmlns=″http://www.w3.org/1999/xhtml″>
<head>
<meta http-equiv=″Content-Type″ content=″text/html; charset=UTF-8″ />
<title>Mon premier site internet</title>
<link href=″/styles.css″ rel=″stylesheet″ type=″text/css″ />
</head>
<body>
<div id=″page″>Contenu de la Page
<div id=″tete″>Header</div>
<div id=″tete2″>Actualité</div>
<div id=″gauche″>Gauche</div>
<div id=″centre″>Centre</div>
<div id=″droite″>Droite</div>
<div id=″pied″>Contact</div>
<div id=″pied2″>Footer</div>
</div>
</body>
</html>

style.css

Dans la feuille de style CSS, créez un style par div (Styles CSS, +), positionnez votre curseur à l’intérieur de la balise concernée pour sélectionner le titre du sélecteur.

Vous pouvez maintenant personnaliser la mise en page de chaque bloc en modifiant la règle correspondante. Dans Type indiquez la police, la taille et la couleur du texte et dans arrière-plan la couleur ou l’image de fond.

La partie Boite concerne la position et la taille des blocs:
#page

  • width = 800
  • height = 600
  • Padding 0 (idem pour tous)
  • Margin Top=0 Bottom=0 Right=auto Left=auto

#tete

  • width = 800
  • height = 100
  • Padding 0 (idem pour tous)
  • Margin Top=0 Bottom=0 Right=auto Left=auto

#tete2

  • width = 800
  • height = 20
  • Padding 0 (idem pour tous)
  • Margin Top=0 Bottom=0 Right=auto Left=auto

#gauche

  • width = 200
  • height = 560
  • Padding 0 (idem pour tous)
  • Margin Top=0 Bottom=0 Right=auto Left=auto
  • Float = left

#centre

  • width = 400
  • height = 560
  • Padding 0 (idem pour tous)
  • Margin Top=0 Bottom=0 Right=auto Left=auto
  • Float = left

#droite

  • width = 200
  • height = 560
  • Padding 0 (idem pour tous)
  • Margin Top=0 Bottom=0 Right=auto Left=auto
  • Float = right

#pied

  • width = 800
  • height = 20
  • Padding 0 (idem pour tous)
  • Margin Top=0 Bottom=0 Right=auto Left=auto

#pied2

  • width = 800
  • height = 200
  • Padding 0 (idem pour tous)
  • Margin Top=0 Bottom=0 Right=auto Left=auto

#page {

background-color: #FFF;

height: 600px;

width: 800px;

padding: 0px;

margin-top: 0px;

margin-right: auto;

margin-bottom: 0px;

margin-left: auto;

}

#tete {

background-color: #90C;

height: 100px;

width: 800px;

padding: 0px;

margin-top: 0px;

margin-right: auto;

margin-bottom: 0px;

margin-left: auto;

}

#tete2 {

height: 20px;

width: 800px;

padding: 0px;

margin-top: 0px;

margin-right: auto;

margin-bottom: auto;

margin-left: 0px;

background-color: #FFF;

}

#gauche {

background-color: #F0F;

padding: 0px;

float: left;

margin-top: 0px;

margin-right: auto;

margin-bottom: 0px;

margin-left: auto;

width: 200px;

height: 560px;

}

#centre {

background-color: #F0F;

padding: 0px;

margin-top: 0px;

margin-right: auto;

margin-bottom: 0px;

margin-left: auto;

width: 400px;

height: 560px;

float: left;

}

#droite {

background-color: #F0F;

padding: 0px;

float: right;

margin-top: 0px;

margin-right: auto;

margin-bottom: 0px;

margin-left: auto;

width: 200px;

height: 560px;

}

#pied {

height: 20px;

width: 800px;

padding: 0px;

margin-top: 0px;

margin-right: auto;

margin-bottom: 0px;

margin-left: auto;

}

#pied2 {

height: 200px;

width: 800px;

padding: 0px;

margin-top: 0px;

margin-right: auto;

margin-bottom: auto;

margin-left: 0px;

background-color: #0FF;

}