KoffeeWeb

Bienvenue sur KoffeeWeb!

Ce site présente une vision la plus simple, efficace et rigoureuse que possible, de la conception de site web, sans pour autant rentrer dans les détails. Il nécessite donc d'avoir quelques notions de conception web, si ce n'est pas le cas, des sites listés dans la rubrique En savoir plus sont à votre disposition ;)
Donc à voir, les bases du XHTML, du CSS, une sélection d'éditeurs de code, astuces... bien entendu, selon moi :)

Avant toute chose!

Logo de Firefox

Si votre navigateur est Internet Explorer 6 ou inférieur, il interpretera surement mal le code. Vous pouvez choisir un style différent, sinon un correctif devrait être appliqué. Cependant, je vous recommande vivement d'installer un navigateur digne de ce nom, gratuit et multi-plateforme, qui respecte beaucoup mieux le code: Firefox
Disponible à cette adresse: http://www.mozilla-europe.org/fr/.


Faire un site web n'est pas difficile, mais il faut partir avec de bonnes bases XHTML/CSS, surtout si l'on veut le concevoir avec un code propre. Il existe bien des outils proposant une interface graphique permettant de traiter le code à notre place, que nous verrons, mais qui dit facilité, dit aussi inconvénient: le code généré n'est pas des plus rigoureux...

Introduction au XHTML

Le XHTML, successeur du HTML qui est le langage de base de la conception web, est l'association du XML et du HTML. Il respecte donc la syntaxe imposée par le XML, et est donc plus rigoureux que le HTML. Faire un site, commence premièrement par la rédaction du XHTML, qui est l'ossature de la page (par abus de langage, il est possible d'entendre à présent HTML plutot que XHTML). Il doit donc être bien écrit, car par défaut la disposition des éléments par le navigateur respecte le flux HTML, c'est à dire l'ordre dans lequel les éléments sont écrits dans le code. Le code XHTML ne doit comporter aucune forme de style si nous voulons un site un minimum rigoureux, et c'est le but de ce site ;)
Pour appliquer absolument tout le style à un site, (disposition des éléments, formes, polices, couleurs, fond...) on utilise le CSS.

Introduction au CSS

le style appliqué à une page peut se faire de 3 manières:

  • Avec l'attribut style de chaque balise
    • Bien évidement, totalement déconseillé...
  • dans l'entête du code HTML
    • Pratique pour une seule page, tout le contraire pour plusieurs...
  • Une feuille de style externe
    • Dans un fichier externe, contenant tous les styles ;)
vous l'aurez vite compris, l'intérêt est donc de séparer le contenu du style, s'appliquant à chaque page.
Pour montrer l'intérêt de dissocier style et contenu, des feuilles de styles différentes sont à votre disposition! ;)

Plan du site: