lundi 26 juin 2017

Le tableau, chef-d’œuvre du HTML !





Récapitulons !




Avec « Savez-vous parler le web, à la mode de chez nous ? » (https://l-eusses-tu-cru.blogspot.fr/2017/06/savez-vous-parler-le-web-la-mode-de.html), nous avons survolé le langage HTML. C’est un langage de balises, chaque élément qui le constitue (avec quelques exceptions), se retrouve entre une balise ouvrante et une fermante.




Conteneurs génériques et blocs sémantiques


La mise en page de type web, s’apparente à la mise en page papier. Pour organiser et structurer une page web, nous avons besoin de conteneurs. Le plus courant est le paragraphe <p>…</p>, nous l’avons déjà rencontré dans notre article précédent.
Si le paragraphe, comme contenu, est une section de texte en prose (https://fr.wikipedia.org/wiki/Paragraphe), avec des attributs de fonte, de taille, couleur, de graisse, de mise en exergue, il est aussi un conteneur, un bloc, qui a des dimensions, une couleur de fond, ou une image de fond, un contour avec épaisseur et couleur, un espace de retrait du texte vers l’intérieur, ou contraire à l’extérieur, pour repousser un texte qui l’habille, il peut avoir une ombre etc.  Il est aussi le plus petit des conteneurs de type bloc, il ne peut contenir un autre bloc, (en principe, nous reviendrons…) Par contre, il peut inclure un autre conteneur de type en ligne,  aux caractéristiques différentes du reste du contenu du paragraphe, c’est le span, <span>…</span>.

Un autre conteneur générique est le div, <div>…</div>. Il est de type bloc, car c’est un groupe de blocs, de paragraphes, ou d’autres div. Avec le HTML 5, le bloc div doit servir en dernier recours, les blocs génériques sont remplacés par des blocs sémantiques :

  • L’article <article>…</article>
  • L’aparté <aside>…</aside>
  • La section <section>…</section>
  • La navigation <nav>…</nav> qui regroupe les liens de navigation (le menu)
  • L’entête <header>…</header>
  • Le pied de page <footer>…</footer>



Les tableaux


En dehors de ces blocs il en existe un particulier et ancien, le tableau <table>…</table>. À l’origine du HTML, il servait à présenter simplement des données sous forme de tableau, d’une manière plus flexible que le texte brut.

Le tableau est balisé par <table>…</table>, à l’intérieur nous trouvons des rangées <tr>…</tr>, qui contiennent des cellules, des datas <td>…</td>. D’autres balises complètent depuis le tableau, comme caption, pour le légender :


<table align="center" cellpadding="25" cellspacing="10" style="background: white;">
  <caption>
    <div style="background: red; color: white; padding: 5px;">
      <strong>Titre de mon beau tableau</strong>
    </div>
  </caption>
  <tbody>
    <tr>
      <td style="background: MistyRose;">case 1</td>
      <td style="background: Lavender;">case 2</td>
      <td style="background: Gainsboro;">case 3</td>
    </tr>
    <tr>
      <td style="background: lime;">case 4</td>
      <td style="background: AquaMarine;">case 5</td>
      <td style="background: Silver;">case 6</td>
    </tr>
    <tr>
      <td style="background: Silver;">case 7</td>
      <td style="background: pink;">case 8</td>
      <td style="background: Gold;">case 9</td>
    </tr>
    <tr>
      <td style="background: Aqua;">case 10</td>
      <td style="background: Plum;">case 11</td>
      <td style="background: lime;">case 12</td>
    </tr>
  </tbody>
</table>



Voici le résultat de ce fragment de code HTML, interprété par un navigateur. Un titre, des strips avec des cases, on dirait bien une bande dessinée :


Titre de mon beau tableau
case 1 case 2 case 3
case 4 case 5 case 6
case 7 case 8 case 9
case 10 case 11 case 12


Tableaux et mise en page

Pendant longtemps au cours de son histoire, le tableau HTML a montré des possibilité de mise en page. Cette possibilité est bannie aujourd’hui par la recommandation HTML5 : les tableaux ne doivent pas être utilisés comme des moyens de mise en page.






À suivre, le HTML s’habille avec style…

jeudi 22 juin 2017

Oskar Fischinger




Oskar Fischinger


Oskar Fischinger, né le 22 juin 1900 à Gelnhausen (Hesse) et mort le 31 janvier 1967 à Los Angeles (Californie), est un peintre et un réalisateur de cinéma d'animation allemand.
Il réalise notamment dans les années 1920 et 1930 des films abstraits d'animation en volume à base de pâte à modeler. Avec Fantasia, Walt Disney s'inspire en partie de son travail.

























Dracula, enfin du moderne !




Une série Dracula par les créateurs de Sherlock

Par Corentin Palanchini et Clément Cuyer — 20 juin 2017

Les créateurs de "Sherlock", Mark Gatiss et Steven Moffat, développent une série sur le personnage de Dracula, suivant le même "format" que le show du détective du 221B Baker Street.
Après les maux de Sherlock Holmes, les pulsions de Dracula ! Selon Variety (http://variety.com/2017/tv/news/sherlock-team-reuniting-for-dracula-series-1202472312/), Mark Gatiss et Steven Moffat développent une série basée sur le roman de Bram Stoker publié en 1897. Le personnage du célèbre comte Dracula, vampire notoire, a été interprété de nombreuses fois au cinéma.




mardi 20 juin 2017

Sans queue, ni tête…




Transplantation de tête : « Il est peu probable que le patient survive »

Elena Sender | Le 19.05.2017

La première transplantation de tête aura-elle lieu en décembre 2017 ? C’est en tout cas l’annonce tonitruante qu’a faite le neurochirurgien italien Sergio Canavero sur son tout nouveau site web (https://www.ooom.com/digital/sergio-canavero/) qui assure sa promotion. Il affirme que l’intervention sera pratiquée par son confrère chinois Ren Xiaoping de l’Université médicale de Harbin (Chine) qui rendrait publique la procédure d’ici deux mois (donc à l'été 2017). Est-ce réaliste et surtout raisonnable en l’état actuel des connaissances ?






Cinq fois Asimov, c’est du génie !




Les cinq commandements d’Isaac Asimov pour trouver une idée géniale

Robin Prudent | 21 octobre 2014

En 1959, l’écrivain de science-fiction Isaac Asimov avait participé à des recherches collectives à propos d’un bouclier antimissile pour l’armée américaine. C’est son ami, le scientifique Arthur Obermayer, qui l’avait invité à se joindre à des sessions de réflexions autour du projet militaire de l’Agence pour les projets de recherche avancée de défense (Darpa).






Rakka oats oats oats, de la bonne SF !




Rakka, le nouveau court SF de Neill Blompkamp, est à voir ici !

Charles Martin | 15/06/2017

Le cinéaste Neill Blomkamp (District 9, Elysium, Chappie) vient de dévoiler le tout premier "épisode" de son Oats Studios. Un court métrage de 20 minutes, intitulé Rakka, avec Sigourney Weaver en vedette, que vous pouvez voir gratuitement ci-dessous.
L'histoire se déroule en 2020. La Terre a été envahie par d'affreux aliens, des lézards géants, capables de contrôler l'esprit humain. Ils construisent aussi d'énormes tours, qui ont vocation à changer l'atmosphère de la planète, provoquant des catastrophes et rendant l'air de plus en plus irrespirable pour l'Homme. La résistance s'organise tant bien que mal...







vendredi 16 juin 2017

Savez-vous parler le web*, à la mode de chez nous ?




*Web - World Wide Web


Le World Wide Web (WWW), littéralement la « toile (d’araignée) mondiale », communément appelé le Web, et parfois la Toile, est un système hypertexte public fonctionnant sur Internet. Le Web permet de consulter, avec un navigateur, des pages accessibles sur des sites. L’image de la toile d’araignée vient des hyperliens qui lient les pages web entre elles.



HTML - HyperText Markup Language


HTML - HyperText Markup Language, conçu pour représenter les pages web, est un langage de balisage pemettant d'écrire de l’hypertexte (https://fr.m.wikipedia.org/wiki/Hypertexte). Un hypertexte est un document ou un ensemble de documents contenant des section liées entre elles par des hyperliens (comme celui-ci https://fr.wikipedia.org/wiki/Hyperlien).


Structure d'un document HTML


Un document html est organisé à l’aide de balises ouvrantes (<html>, <head>, <body>) et de balises fermantes (</html>, </head>, </body>), qui indiquent où commencent et finissent chaque élément, comme l’élément document html (ou racine), l’élément d’en-tête, ou l’élément corps du document.

Lire plus sur les éléments html https://fr.wikipedia.org/wiki/Élément_HTML

Balises du document html, de l’en-tête et du corps du document

Voici à quoi ressemble un document html très simple :


<!DOCTYPE html><!--Note explicative, qui n’est pas lue par le navigateur et qui indique une déclaration du type de document de la page html-->

<html>

  <head>
    <title>Le HTML à la mode de chez nous</title><!--Titre dans la barre du navigateur-->
    <meta charset="utf-8" /><!--Encodage des caractères pour toutes les langues-->
  </head>

  <body>
  HTML - HyperText Markup Language, conçu pour représenter les pages web, est un langage de balisage pemettant d'écrire de l'hypertexte.
    <p>Un <a href="https://fr.m.wikipedia.org/wiki/Hypertexte">hypertexte</a> est un document ou un ensemble de documents contenant des unités d'information liées entre elles par des hyperliens.
    </p>
  </body>

</html>



Vous remarquez qu’il contient d’autres éléments, comme le titre du document, qui est affiché dans la barre haute de la page du navigateur (<title> et </title>), le paragraphe, qui organise le corps du texte (<p> et </p>) et l’hyperlien, qui permet de sauter à une autre section, ou un autre document (<a> et </a>). Il y a une balise meta auto-fermante (<meta />), celle-ci indique un encodage des caractères qui permet d’écrire un texte avec des accents, dans presque toutes les langues. Enfin, la balise commentaire (<!--note explicative-->), elle n’est pas affiché par le navigateur et sert de repère pour ceux qui fabriquent les documents html.

Vous pouvez copier et coller le texte inscrit dans le pavé gris clair au dessus dans un nouveau document au format texte brut (.txt, https://fr.wikipedia.org/wiki/Fichier_texte). Vous changez ensuite l’extension .txt en .htm, ou .html et vous l’ouvrez avec un navigateur.

Dans le navigateur votre page devrait avoir pour titre « Le HTML à la mode de chez nous » et afficher :


HTML - HyperText Markup Language, conçu pour représenter les pages web, est un langage de balisage pemettant d'écrire de l'hypertexte.
Un hypertexte est un document ou un ensemble de documents contenant des unités d'information liées entre elles par des hyperliens.



Des questions, avant de revenir et d’aller plus loin ?



à suivre…
Les tableaux, quand le html fait de la BD !


jeudi 15 juin 2017

5th Scream




Concours Adobe

Les Trésors cachés de la créativité.

Du 15 juin (aujourd'hui donc) au 14 juillet, Adobe organise un concours, mais pas n'importe lequel. En effet, en collaboration avec le musée Munch d'Oslo et le célèbre créateur de brosses Photoshop Kyle T. Webster, Adobe a créé une réplique digitale de sept pinceaux originaux de Munch avant de les mettre à la disposition des utilisateurs de Photoshop du monde entier. Oui oui vous avez bien lu, les VRAIS pinceaux de Munch numérisés pour vous.


Gif, gif, hurrah !




Le gif a 30 ans, son histoire résumée en 30 gifs

Gregory Rozieres | 15/06/2017

Le 15 juin 1987, il y a 30 ans tout juste, CompuServe dévoilait un nouveau format de fichier d'image : le gif https://www.w3.org/Graphics/GIF/spec-gif87.txt. Évidemment, à l'époque, la société ne pensait pas que ce bête système de compression permettant d'échanger des images par internet allait s'ériger en base de la culture web.







mercredi 14 juin 2017

Creepy, py, hurrah !




“Creepy” : Kiyoshi Kurosawa nous terrifie avec brio

Samuel Douhaire | 14/06/2017

Grièvement blessé lors d'une prise d'otages dans un commissariat, l'inspecteur Takakura a quitté la police pour devenir professeur de criminologie, spécialisé dans les meurtres en série. Alors que ses anciens collègues viennent le consulter dans le cadre d'une enquête sur des disparitions, sa femme fait la connaissance de leurs nouveaux voisins : une jeune fille un peu craintive et son père, un petit bonhomme maladroit, aux plaisanteries douteuses et aux réactions bizarres...







lundi 12 juin 2017

Jamais deux sans trois, Pif sot !







Les bêtises d'Hercule - et de deux !




Bientôt, chaque "like" sur Facebook vous coûtera 10 centimes

Louis San | 24/11/2016

Ça a marché, vous avez cliqué ! Autant vous prévenir tout de suite, le titre de cet article est 100% faux. Pourtant, ça ne l'empêcherait sans doute pas d'être abondamment partagé sur les réseaux sociaux. Après l'élection de Donald Trump, une polémique a éclaté sur l'influence des informations fantaisistes circulant en ligne. "Je pense qu'il est à la Maison Blanche à cause de moi", s'est ainsi flagellé Paul Horner, 38 ans, créateur de faux sites d'information. Il pense avoir influencé l'opinion de millions d'Américains avec ses articles inventés de toutes pièces et relayés sur les réseaux sociaux.






Les bêtises d'Hercule




Acheté dans un vide-grenier pour 10 livres, un diamant est finalement vendu aux enchères 657 000 livres


Il est surnommé le "Tenner", du nom du billet de 10 livres au Royaume-Uni. Un diamant de 26,27 carats a été adjugé pour la somme de 656 750 livres (756 576 euros), lors d'une vente aux enchères organisée par Sotheby's à Londres. Or, ce diamant avait d'abord été acheté 10 livres (11,50 euros) dans un vide-grenier, pendant les années 1980, rapporte The Guardian (en anglais https://www.theguardian.com/uk-news/2017/jun/07/diamond-ring-bought-for-10-at-car-boot-sale-goes-for-657000), mercredi 7 juin.





Pluie de saint Guy, c'est tout l'an qui rit


https://fr.m.wikipedia.org/wiki/12_juin#Traditions_et_superstitions


Guy Lebleu : journaliste à Radio Luxembourg

Henri Filippini | 10 juin 2017


Il n’y a pas si longtemps, Radio Luxembourg (aujourd’hui RTL) comptait 10 millions d’auditeurs qui écoutaient, l’oreille rivée au poste de radio, les informations de la mi-journée. Dès son premier numéro, l’hebdomadaire Pilote fit appel aux journalistes et animateurs de la station luxembourgeoise. De là à imaginer un journaliste fictif parcourant le monde il n’y avait qu’un pas, allègrement franchi par le génial scénariste Jean-Michel Charlier !



Guy Lebleu naît en octobre 1961, dans les pages de l’hebdomadaire Pilote. Reporter débutant, il travaille aux côtés des véritables journalistes de l’émission d’information de Radio Luxembourg : « Dix millions d’auditeurs » (d’où le titre d’origine de la série « Allô ! D.M.A »). Jean-Michel Charlier, rédacteur en chef de Pilote et déjà auteur de plusieurs séries (« Le Démon des Caraïbes », « Michel Tanguy »), crée ce personnage dans l’esprit du « Marc Dacier » qu’il a imaginé peu avant pour Spirou. Au dessin, Raymond Poïvet : l’un des plus grands créateurs d’après-guerre (« Les Pionniers de l’Espérance ») campe l’intrépide journaliste : voir Raymond Poïvet (1ère partie http://bdzoom.com/54303/patrimoine/raymond-poivet-1ere-partie/) et Raymond Poïvet (2ème partie http://bdzoom.com/54634/patrimoine/raymond-poivet-2eme-partie/).




« Guy Lebleu T3 : Les Pirates de la nuit » par Raymond Poïvet et Jean-Michel Charlier
Éditions Fordis Patrimoine — www.fordisbooksandpictures.fr — (23 €) — EAN : 9 791 095 720 027



mardi 6 juin 2017

Les pipoles du jour




Les jumeaux de George et Amal Clooney sont nés

06/06/2017

George Clooney et son épouse Amal sont parents depuis ce 6 juin. Ils sont les parents de jumeaux, selon une information de E Online, relayée par d'autres médias américains dont le très influent TMZ.
« Ce matin, Amal et George Clooney ont accueilli Ella et Alexander Clooney dans leur vie. Ella, Alexander et Amal sont en pleine forme et heureux. George est encore sous sédatif et devrait récupérer d'ici quelques jours », a plaisanté un porte-parole de George Clooney.







La suite, le 28 juin, dans Pif Gadget…










mercredi 31 mai 2017

N'y allez pas tout seul…


Gasp !


« The Jane Doe Identity » : Stephen King conseille de ne pas voir le film tout seul

Caroline Vié | 31.05.2017

Non, The Jane Doe Identity d’André Øvredal n’est pas un film d’espionnage à la Jason Bourne. Son titre original The Autopsy of Jane Doe (« L’autopsie de Jane Doe« ») correspond davantage à sa vraie nature : un pur film d’horreur récompensé du prix du Jury jeunes au festival de Gérardmer avec Brian Cox et Emile Hirsch (Into the wild) dans les rôles principaux.



mardi 30 mai 2017

Des poules oui, mais des…




Nouveau scandale sanitaire dans un élevage de 160 000 poules pondeuses

Audrey Garric | 30.05.2017

L’association L214 révèle, dans un établissement en Vendée, des conditions de production d’œufs « exécrables ». L’entreprise fournit la marque Lustucru Frais du groupe Panzani.
Ce sont des scènes qui deviennent tristement banales. Une nouvelle fois, l’association de défense des animaux L214 dénonce « l’état dramatique » et les conditions sanitaires « exécrables » d’un élevage de poules pondeuses en cages. Un an après avoir révélé des images filmées au GAEC du Perrat (Ain), qui avaient fait scandale, elle dévoile, mardi 30 mai, l’intérieur d’un élevage de 160 000 gallinacés situé à Chauché (Vendée) et qui appartient au groupe Les Œufs Geslin.






vendredi 26 mai 2017

Hou, la vilaine bactérie spatiale !




Une bactérie inconnue sur Terre découverte dans la Station spatiale internationale


Une bactérie, nommée « Solibacillus kalamii », a été découverte dans un filtre de l'ISS. Inconnue sur Terre, elle ne serait pas d'origine extraterrestre mais résulterait d'une mutation.

Une bactérie inconnue sur terre a été découverte dans un filtre de la Station spatiale internationale, où l'astronaute français Thomas Pesquet est actuellement en mission. Elle a été baptisée « Solibacillus kalamii » par la Nasa, en hommage au 11e président indien Abdul Kalam, décédé en juillet 2007, qui s'est démarqué par son implication dans la recherche spatiale.
Le filtre, où le micro-organisme a été découvert, est resté installé dans le système de nettoyage du laboratoire de l'ISS entre janvier 2008 et mai 2011, précisent les scientifiques. Son étude, menée par la Nasa, n'a commencé qu'en septembre 2013. La bactérie a donc prospéré et résisté pendant 40 mois, soit plus de trois ans à plus de 400 kilomètres de la Terre.







aussi http://www.francetvinfo.fr/sciences/espace/la-bacterie-inconnue-decouverte-dans-la-station-spatiale-internationale-est-d-origine-terrestre_2207942.html

mardi 23 mai 2017

Roger Moore




Décès de Roger Moore : l'acteur en trois rôles clés


Avant d'incarner James Bond, Roger Moore jouait déjà les aventuriers intrépides. De 1962 à 1969, il campait Simon Templar, dit le Saint, dans la série éponyme. 118 épisodes au total, basés sur les romans de Leslie Charteris. Gentleman cambrioleur, séducteur, élégant et pas très tendre avec les criminels, le Saint a déjà tout du futur rôle qu'incarnera l'acteur britannique dans James Bond. La série lui assure surtout une reconnaissance internationale.


lundi 22 mai 2017

Petit break jouissif dans la fermeture pour travaux


Eggggg - Le jeu de plate-gerbe, rien de tel depuis les Crados !


Eggggg : une application gerbante à découvrir gratuitement sur iOS et l'Apple TV


Le titre consiste à incarner Gilbert, un garçon allergique aux oeufs qui vomit tripes et boyaux dès qu'il en goûte un, et doit utiliser cette particularité pour se propulser et avancer dans une vingtaine de plateaux en évitant les poules mutantes enragées et de poulet robotiques.


mercredi 17 mai 2017

Cinéma, mon amour !




« Cinéma mon amour » : le combat d’un Don Quichotte roumain pour sa salle

Mathieu Macheret | 16.05.2017

À Piatra Neamț, petite ville du nord-est de la Roumanie, Victor Purice et ses deux employés tiennent à bout de bras le cinéma Dacia Panoramic, l’une des dernières salles du pays. Aujourd’hui délaissé et en voie de décrépitude, le Dacia ne subsiste plus que pour une poignée d’adolescents et d’enfants, ses seuls spectateurs. Victor, qui a consacré toute sa vie à sa salle, au point de vivre éloigné d’une famille émigrée en Italie, en est réduit à des économies de bouts de chandelle. Il s’épuise à solliciter sans résultat les pouvoirs publics (les cinémas sont propriété de l’État en Roumanie), afin de moderniser d’urgence son établissement.

Plus sur






mardi 16 mai 2017

John Howe, how, how !




John Howe : “Pour m’inspirer, je remonte aux sources de Tolkien”

15/05/2017

Illustrateur de Tolkien, collaborateur de Peter Jackson sur « Le Seigneur des Anneaux » et « Le Hobbit », le dessinateur canadien John Howe a dédié sa vie à l’imaginaire. Alors qu’une exposition-événement s’ouvre à Paris, rencontre avec un auteur qui aime rendre authentique le fantastique.






mercredi 10 mai 2017

La nouvelle Sibylline est arrivée !




Les Nouvelles aventures de Sibylline

François Corteggiani, Netch



Tome 1 - Le Secret de Mélanie Chardon
Le retour d'un personnage inoubliable de la bande dessinée jeunesse.
Collection : Albums
Genres : Aventure, Jeunesse
Thèmes : Aventure, Humour, Mystère, Quête







lundi 8 mai 2017

Un verre, ça va, mais pas tous les jours !




Alcool : la santé doit parler plus fort que les lobbys

Mathilde Chasseriaud | 07/05/2017


Il est conseillé de ne pas consommer plus de 2 verres par jour (et pas plus de 10 verres par semaine) et d’inclure deux jours exempts de toute prise de boisson alcoolisée





L'évolution humaine a été accélérée par... l'alcool



Aussi surprenant que cela puisse paraître, l'ivresse a précédé la culture du raisin et du blé et même… l'apparition d'Homo sapiens. Nos très lointains aïeux avaient déjà, en e ffet, un vrai penchant pour l'alcool, comme le rapporte une nouvelle étude.