Web 4.0 : l'internet de l'ADN et le web généticiel 1998-2006. Documents. Web 1.0 Il aura fallu 8 ans à Google pour parvenir à indexer tous les documents disponibles. 2004-2014. Il aura fallu 10 ans à Facebook pour indexer tous les profils disponibles. 2014-2030. Le web 3.0 ne fut finalement pas celui annoncé du web sémantique (quoi que ...). Il faudra probablement autour de 15 ans pour qu'un nouvel acteur parvienne à indexer la totalité des objets connectés. 2030-20??. DoProThings. Ordre documentaire et ordre économique. Les moteurs de recherche puis les réseaux sociaux, en travaillant sur les documents et les profils, ont instauré un nouvel ordre documentaire du monde, essentiellement régulé par des algorithmies opaques, y compris pour les acteurs économiques qui en dépendent directement (c'est à dire les médias, la presse, "l'information", mais aussi un très grand nombre d'entreprises manquant de basculer dans l'angoisse de la faillite à chaque nouvelle "Google Dance"). Si c'est gratuit, c'est toi le produit. Que reste-t-il à indexer ?
CSS Debutant : Premiers pas en CSS Principe des CSS Le design d'un site évolue toujours au fil du temps. Le problème, lorsqu'on n'utilise pas de feuilles de style, c'est qu'il faut reprendre toutes les pages une à une pour modifier une police de caractère ou une couleur de fond... Avec les "Cascading Style Sheets" (CSS), ce lourd handicap est résolu. C'est dans la feuille de style que l'on va déclarer toute la mise en forme des pages : la couleur de fond, les polices de caractère, leurs couleurs, etc. Balises html de base Pour comprendre le fonctionnement du langage CSS, il est nécessaire d'avoir quelques notions en (x)html. Voici donc les quelques balises (x)html fondamentales à connaître pour comprendre la structure d'une feuille de style. Feuille de style de base Une feuille de style CSS externe peut se faire avec le simple bloc-note, et il est d'usage de lui faire porter l'extension .css. Partons donc à la découverte d'une première feuille de style... Mettre en forme un texte Gérer les marges en CSS Sélecteurs class et id
Introduction - Tutoriel HTML & CSS À qui s'adresse ce tutoriel ? À ceux qui veulent apprendre comment créer des sites internet : je vais vous apprendre tout de suite la meilleure méthode de le faire. En effet, le HTML est un standard très riche et permissif. Sans un bon guide, il est possible de se perdre entre les différentes méthodes. Ce fut mon cas : mes premiers sites sont mal faits et ce n'est que petit à petit que j'en suis venu au HTML + CSS. Pédagogie du tutoriel Un peu plus bas sur cette page, nous commencerons par voir en quoi la séparation du contenu (HTML) et de la forme (CSS) est essentielle, ainsi que ses avantages par rapport aux éditeurs WYSIWYG classiques. Puis, le tutoriel sera séparé en deux grandes parties théoriques. Ensuite, nous passerons à la pratique avec pas moins de deux parties conséquentes : tout d'abord en apprenant des techniques et exemples de mises en forme faciles et utiles, puis en reprenant nos pages HTML pour les mettre en forme grâce à une maquette de site internet typique.
Débuter avec HTML + CSS Ce court tutoriel est destiné à ceux qui commencent à utiliser CSS et n'ont jamais écrit de feuille de style CSS. Il n'explique pas CSS en profondeur. Il explique comment créer un fichier HTML, un fichier CSS et comment les faire fonctionner ensemble. Après cela, vous pourrez lire d'autres tutoriels afin d'ajouter plus de caractéristiques à vos fichiers HTML et CSS. Ou bien vous pouvez utiliser un éditeur HTML ou CSS afin de mettre en place des sites complexes. A la fin de ce tutoriel, vous aurez fait un fichier HTML qui ressemble à cela: Page HTML résultante, couleurs et disposition effectuées avec CSS. Notez que je ne prétends pas que c'est joli :) Voici un exemple de section optionelle. Etape 1: Le langage HTML Pour ce tutoriel, je vous recommande d'utiliser des outils simples comme Blocnote (Windows), TextEdit (Mac) ou KEdit (KDE). <! En fait, vous n'avez pas à le taper: vous pouvez le copier et coller depuis cette page Web dans votre éditeur. Etape 2: Ajouter de la couleur <! En savoir plus