Informations pratiques sur la réalisation de pages

Sommaire de la page

• Supports de cours de l'auteur
• Quelques documentations pratiques (balises, codes ASCII, ISO 8859-1)
• Les normes et autres références (HTML-XHTML, CSS, ECMAScript, PHP, HTTP, MIME)
• Une (petite) sélection d'outils spécialisés gratuits
• Des conseils pour la réalisation d'un site (conception, ergonomie)
• Autres documentations en ligne : en France, ailleurs
• Quelques sites de ressources (images, scripts, ...) : en France, Québec, ailleurs

Quelques documentations pratiques

• Aide-mémoires de XHTML et HTML 4
• Code ASCII
• Code ISO 8859-1 (notation en HTML de caractères spéciaux tels « © »)

Les normes  et autres références

• HTML 3.2  [http://www.w3.org/TR/REC-html32]
• HTML 4.01 [http://www.w3.org/TR/html401/]
• XHTML 1.0 [http://www.w3.org/TR/xhtml1/]
• XHTML basic [http://www.w3.org/TR/xhtml-basic/]
• HTML 5 (spécifications en cours) [http://www.w3.org/TR/html5/]
• CSS 1  [http://www.w3.org/TR/REC-CSS1]
• CSS 2.1  [http://www.w3.org/TR/REC-CSS2]
• DOM 1 [http://www.w3.org/DOM/DOMTR#dom1]
  
• DOM 2 [http://www.w3.org/DOM/DOMTR#dom2]
  
• ECMAScript ou ECMA-262 (version 3) [ http://www.ecma-international.org/publications/standards/Ecma-262.htm ]
• JavaScript [ http://devedge-temp.mozilla.org/library/manuals/]
• jQuery [http://jquery.com/]
• PHP (versions 4 et 5) [http://fr2.php.net/manual/fr/]
• Pear  [ http://pear.php.net/manual/fr/about-pear.php ]
• CGI [http://hoohoo.ncsa.uiuc.edu/cgi/overview.html]
• HTTP  [http://www.w3.org/Protocols/HTTP/]
• MIME : liste des types (IANA), rfc2045, rfc2046, rfc2047, rfc2049, rfc2183,  [http://www.faqs.org/rfcs/]
• WCAG [http://www.w3.org/WAI/intro/wcag.php]

Une (petite) sélection d'outils spécialisés gratuits

• Editeurs et autres outils de développement
  • Notepad++ : éditeur adapté à HTML et aussi la programmation en Javascript, PHP, etc. ; Windows
    [http://notepad-plus.sourceforge.net/]
  • Bluefish : éditeur HTML adapté à la programmation en Javascript, PHP, etc. ; Linux et Mac OS X 
    [http://bluefish.openoffice.nl/]
  • TopStyle : éditeur de feuille de style en CSS ; Lite Version pour Windows
    [http://topstyle.softonic.fr/]
  • ColorPicker : aide en ligne au choix et au codage d'une couleur
    [http://www.colorpicker.com/]
• Modules pour Firefox [http://www.mozilla-europe.org/fr/products/firefox/ :
  • Web Developer : pratique et très complet pour XHTML, CSS etc.
  • FireBug : aide à la mise au point en Javascript
  • ColorZilla : codes de couleurs
• Serveurs Web et bases de données :
  • Easy-PHP (Apache, PHP, MySQL, phpMyAdmin) ; Windows [http://www.easyphp.org/ ]
  • XAMP (Apache, PHP, perl, MySQL, phpMyAdmin) ; Windows [http://www.apachefriends.org/fr/xampp.html]
  • MAMP (Apache, PHP, MySQL, phpMyAdmin) : Mac OS X [http://www.mamp.info/ ]
• Outils de téléchargement :
  • FileZilla : FTP / SFTP / TLS ; Windows [http://filezilla.sourceforge.net/]
  • WinSCP : FTP / SCP / SFTP ; Windows [http://winscp.net/]
  • Cyberduck : FTP / SFTP / TLS ; Mac OS X [http://cyberduck.ch/]
• Outils de vérification :
  • Xenu : liens d'une page ou d'un site ; Windows [http://home.snafu.de/tilman/xenulink.html]
  • Service Link checker du W3C : liens d'une page ou d'un site ; en ligne [http://validator.w3.org/checklink]
  • Service de validation (X)HTML du W3C : bonne écriture d'une page ; en ligne [http://validator.w3.org/]
  • Service de validation CSS du W3C : bonne écriture d'une feuille de style ; en ligne [http://jigsaw.w3.org/css-validator/]
  • JSlint de Douglas Crockford : bonne écriture d'un script en Javascript ; en ligne [http://www.jslint.com/]
  • Cynthia Says de HiSoftware : accessibilité d'une page Web ; en ligne [http://www.cynthiasays.com/]

Des conseils pour la réalisation d'un site

• Conception, suivi et animation d'un site web associatif, par Eve Demazière
  [http://www.demaziere.fr/eve/serveurs/]
• Recommandations pour créer un infoservice, guide à usage interne à l'INRA
  [http://www.inra.fr/Intranet/Projets/infoservices/recommandations/index.htm]

Autres documentations en ligne

a) en France

• Tutoriels d'Alsacréations [http://css.alsacreations.com/]
• Documentations des experts d'OpenWeb [http://www.openweb.eu.org/]
• L'essentiel du référencement [http://referencement.abondance.com/]
• AccessiWeb (accessibilité des sites) [http://www.accessiweb.org/]

c) ailleurs

• Le site officiel du consortium WWW [http://www.w3.org/, traductions en français]
• Site sur la sécurité en PHP [http://phpsec.org/library/]
• Guide de Google sur l'optimisation pour les moteurs de recherche (référencement de site) [http://www.google.fr/webmasters/]
• Le site de Douglas Crockford, un regard d'expert sur le langage JavaScript [http://javascript.crockford.com/]
• Etat de l'art des compatibilités de navigateurs pour HTML5, CSS et javascript [https://caniuse.com/]

Sites de ressources (images, scripts, etc.)

a) en France

• Chroma - Dictionnaires de couleurs [http://pourpre.com/chroma/]

b) au Québec

• TrucsWeb (très complet) [http://www.trucsweb.com/]

c) ailleurs

• Documentation d'initiation : HTML Goodies [http://www.htmlgoodies.com/]
• Banques d'images et de pictogrammes (souvent gratuits) :
  • https://pixabay.com/
  • http://www.iconarchive.com/
  • http://www.softicons.com/free-icons
  • https://icon-icons.com/fr/
• Scripts en Javascript :
  • http://www.javascriptsource.com/
• Appliquettes en Java
  • http://javascriptkit.com/java/
  • http://www.codebrain.com/
  • http://www.anfyteam.com/anj/
  • http://www.realapplets.com/applets.asp
• Site d'index sur PHP [http://fr.php.net/]
• Scripts en PHP [http://php.resourceindex.com/]
• Scripts pour CGI [http://cgi.resourceindex.com/]