background preloader

Créer un site web

Facebook Twitter

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. Oh je vous vois venir, oui, vous avez raison, Google n'indexe pas "tous" les documents disponibles. Probablement moins de 5% des documents effectivement publiés sur le réseau. Alors disons qu'il lui aura fallu 8 ans pour parvenir à indexer suffisamment de documents pour s'assurer d'éliminer la concurrence, de stabiliser des parts de marché le plaçant en situation de quasi-monopole, et, dans les usages autant que dans notre inconscient collectif, pour fonctionner comme une métonymie du web : la partie prise pour le tout. 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.

SPIP. PHP Apache MySQL avec WampServer 2 : installation PHP MySQL Apache. 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. Le html est un langage simple, fait de balises (du genre <tag>) qui ont toutes une fonction et un sens.

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. Mettre en forme un texte Haut. Mise en page adaptative avec les Media Queries. 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. XAMPP Installers and Downloads for Apache Friends. Outils 2.0 pour creer un site web pedagogique.