Arts numériques 1
Accueil du site / Mots-clés / (X)html

A propos du codage des pages

Articles

  • Tip : préparation à l’intégration

    Une fois un layout produit avec un logiciel graphique, il faut le transformer en un trio html/css/images valide. Pour cela, un minimum de réflexion et de préparation est nécessaire. Un peu de (...)

  • Exercice : Structuration sémantique d’un texte brut

    Il s’agit ici de prendre un document en texte brut et de le baliser, c’est à dire identifier les différentes parties et placer des balises sémantiques. Placez ce code dans un code complet html, avec (...)

  • Plus : écrire des graffittis avec jquery, php et mysql

    Un exemple simple et complet : intervenir sur une page en cliquant dessus, sauvegarder le résultat dans une base de donnée pour pouvoir les afficher au rechargement de la page. Ce code est (...)

  • Plus : un navigateur automatique avec opendir et jquery

    Une application simple, melant php et jquery, permettant avec un seul fichier de naviguer dans les pages html d’un dossier. Ce script fabrique un menu déroulant comprenant toutes les pages html trouvées dans le dossier où il est déposé avec php, et permet d’afficher le contenu de ces pages sans rechargement grâce à jquery.

  • Exercice : Un site de trois pages

    3 pages web liées avec des contenus différents. Il s’agit de les rendre les plus différentes possibles, et de jouer avec le positionnement et toutes les déclarations css dont vous disposez. Il y a une (...)

  • 3) Principales balises en html

    Il existe beaucoup de balise html, mais on peut faire ici une liste courte des principales balises employées. En-tête de la page meta : balise permettant de déclarer au navigateur et aux moteurs de (...)

  • 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 (...)

  • Flat earth : communication entre internet, processing et arduino

    Mon projet lors du workshop "Hybrid scrapyard" mettait en jeu la connection entre un formulaire sur le web et le micro-contrôleur arduino, à travers un script de processing, qui ne servait qu’à (...)

  • 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 (...)

  • 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.

  • 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" (...)

Dans les rubriques

  • Code : HTML et CSS

    Ce module permet d’initier une formation au hml, aux css et la fabrication d’un thème graphique immédiatement utile dans votre blog du cours.

Sites associés