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 perfectible : on peut imaginer pouvoir demander une image au lieu d’écrire du texte, de fabriquer une texte en image avec gd2, de choisir une couleur, de naviguer dans la profondeur des messages, de recharger régulièrement la page en ajax pour en faire un espèce de chat...
1) La page d’initialisation de la (...)
Accueil > Mots-clés > Technologie > (X)html
(X)html
A propos du codage des pages
Articles
-
Ecrire des graffittis avec jquery, php et mysql
9 décembre 2008, par Stéphane Noel -
Un navigateur automatique avec opendir et jquery
26 novembre 2008, par Stéphane NoelUne 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.
-
Le html
17 août 2008, par Stéphane NoelLe 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.
-
Elements inline et block
26 novembre 2007, par Stéphane NoelTous 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 même comportement visuel. Petit rappel.
-
Principales balises en html
17 août 2008, par Stéphane NoelIl existe beaucoup de balises html, mais on peut faire ici la liste courte des principales balises employées.
-
Préparation au cours : logiciels et documentation
17 octobre 2007, par Stéphane NoelDans 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
21 septembre 2007, par Stéphane NoelLes 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
Code pour inclure des css directement dans la page
/* declaration du comportement visule d’un id */ #un_id
/* declaration du comportement visuel d’une classe */ .une_classe
/* definition du comportement visuel d’un tag */ p
Charger un fichier javascript externe
Insérer du code javascript directement dans la page // votre code ici - le double slashe (...) -
Intégration 1 : préparer le travail
29 mars 2010, par Stéphane NoelUne 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 méthodologie.
1. Identifier les zones pour structurer l’information Lorsque l’image et prête pour le travail d’intégration, identifiez les zones sémantiques : le header, une ou deux navigation, des contenus contextuels, un contenu principal et un footer, distinguez les type d’information. Cet travail n’est, (...) -
Flat earth : communication entre internet, processing et arduino
28 mai 2008, par Stéphane NoelMon 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’à passer l’info. Trois portions de code donc, présentées de manière brute ici.
1. La page web Cette page présente un formulaire et en récolte après postage l’information pour la traiter. Le script php écrit ensuite l’information dans un simple fichier texte. Il récolte aussi l’image d’une webcam mais ceci a été (...) -
"%20location", jodi, 1995
30 août 2010, par Stéphane Noel%location est donc, côté public, une page noire au caractères verts clignotants. Côté code, on y découvre le plan de la deuxième et troisième bombes atomiques, celles qui sont tombées sur Hiroshima et Nagasaki, et une illustration de la fission nucléaire.
Rubriques
Sites Web
- 960.gs
- Blueprintcss
- Can I use... Support tables for HTML5, CSS3, etc
- Cours html/css de Douglas Edric Stanley
- Css débutants sur Mammouthland
- Didacticiels sur DrazziB.com
- Elna Frederick
- Explications sur la balise object sur joliclic
- Form art
- Fran6art.com : creer un theme Wordpress
- HTML Color Codes
- HTML5 & CSS3 Support, Web Design Tools & Support - FindMeByIP - CSS3 & HTML5 Browser Support
- HTML5 Canvas : tutoriaux
- Irational.org
- L’améloration progressive
- Layouts gala
- Le blogzine de l’intégrateur web
- Leçon Xhtml sur wikibooks
- Lesintegristes.net
- Liste des tags html sur w3cschool
- Pompage.net
- PsPad
- Références css2 en français
- Screencast : Converting OTF or TTF to EOT - Snook.ca
- Selfhtml
- Smultron
- Statistiques de navigateurs
- Superbad
- Thèmes pour Wordpress
- Tutoriel pour la balise "canvas"
- Webmonkey
- Wordpress
- Yahoo user interface librairy
- YouTube Embedded Player Parameters