Code : HTML et CSS

Articles de cette rubrique

• Préparation au cours : logiciels utilisés

  Dans le cours Arts numérique 1, on code à la main. Si on travaille avec une structure Xhtml respectueuse des normes, c’est aussi rapide qu’avec un éditeur Wysiwyg comme Dreamweaver.

• 1) Introduction : partager des contenus

  L’idée de partager des contenus de type texte est assez vieille. Douglas C. Engelbart (pionnier absolu de la notion d’interface, inventeur de la souris) en avait déjà une version dans les années 60, à (...)

• 2) Le html

  Le html est un langage de description (et pas un langage de programmation), ce qui signifie qu’il décrit un contenu à un logiciel (le navigateur) chargé de l’afficher. Une page web un simple fichier (...)

• 3) Principales balises en html

  Il existe beaucoup de balise html, mais on peut faire ici une liste courte des principales balises employées. Une liste complète des balises sur le site "le site du zero". En-tête de la page meta : (...)

• 4) Les Cascading style sheets

  Nous avons précédemment créé une page et l’avons nourrie de contenus, encapsulés dans des balises qui permettent qui permettent de comprendre la logique du document. Mais le résultat lorsque l’on (...)

• 5) Principaux attributs employés en CSS

  Consultez régulièrement la documentation complète des déclarations css (sur yoyodesign), mais on peut établir ici un liste courte des principales déclarations css : font-family permet de déterminer une (...)

• 6) ID et classes

  Nous avons jusqu’à présent modifié le comportement visuels de certains tags (ou balises) à l’aide des css. Mais on peut être plus fin dans la manière de modifier ces comportement, grâce aux classes et (...)

• 7) Elements inline et block

  Tous les éléments présents dans le body, d’une page ont un comportement "en ligne" ou "bloc". Cette différence est déterminante dans l’écriture de votre code : les éléments inline et bloc n’ont pas le (...)

• 8) Le positionnement css

  Un des aspects les plus importants concernant la structure visuelle d’un site est le positionnement. C’est à dire la disposition visuelle des éléments dans l’espace de la page. On utilise pour cela des (...)

• Plus : Quelques nouveautés incontournables de css3

  Cet article est voué à devenir obsolète dans les mois ou années qui viennent avec l’implémentation de css3 dans les navigateurs contemporains. Certaines nouvelles déclaration sont prometteuses, rendant (...)

• Plus : Ergonomie web

  L’ergonomie web est un mot magique et effrayant. Plutôt que de règles on parlera ici de recommandation. Trop de pression sur l’ergonomie crée des sites mornes, trop peu de pression sur cette notion (...)

• Tip : Conseils pour le développement d’un thème

  1) Partez sur une idée simple Généralement cette idée doit être connectée à l’objet du site lui-même, ou à sa communication. On peut 2) Dessinez sur papier L’ordinateur devra être là tout du long, donc (...)

• Extra : Pense-bête html-css-javascript

  Les codes qu’on oublie toujours en tant que jeune codeur. Code pour inclure une css distante, généralement placé dans le head de la page <link href="macss.css" rel="stylesheet" (...)

• Extra : Petit matériel graphique de test

  Ici on trouvera en pièce jointe quelques dossiers zippés contenant des icônes, des motifs de fond (patterns) et des cartouches pour créer des blocs.