Tutoriaux et Formations HTML

HTA : créer ses applications Windows à partir de HTML

29 novembre 2006

Source : JDN Développeurs
Date : 23 novembre 2006
Auteur : Xavier Borderie

Au travers de balises spécifiques, Internet Explorer autorise la création d’applications de type Windows en ne faisant appel qu’à HTML, JavaScript et CSS. Premiers exemples.

Accéder à ce tutoriel.

Typographie web : gérer la taille du texte avec les ? em ?

8 novembre 2006

Source : Alsacréations
Date : 19 octobre 2006
Auteur : Collectif Alsacreations

Pour améliorer sensiblement l’accessibilité d’un site web, il faut permettre le redimensionnement du texte, afin qu’il s’adapte aux résolutions et aux paramètres des utilisateurs. Pour cela, on utilisera les unités relatives, et en particulier l’unité em. Mais beaucoup de webmasters, peu familiers avec cette unité, répugnent à l’utiliser. Dommage… Ce tutoriel présente l’unité em et la démarche à suivre pour l’utiliser à bon escient, ainsi que quelques conseils pour vous aider à assurer autant que possible la lisibilité du texte sur votre site… et donc à en améliorer la qualité générale.

Accéder à ce tutoriel.

Les bases HTML

12 juillet 2006

Source : YBET Informatique
Date : non daté
Auteur : YBET Informatique

Notre formation FrontPage nous a déjà permis de créer quelques pages de notre site internet, modeste sans doute. Il nous reste à corriger les défauts de codage HTML de FrontPage. Le but de ce chapitre n’est pas de donner un cours complet sur le langage html. Je laisse aux sites spécialisés cette fonction. Le but est simplement d’étudier quelques bases en html et de corriger les dérives de FrontPage dans certains cas.

Accéder à ce tutoriel.



Les balises et propriétés HTML dépréciées et obsolètes

6 juin 2006

Source : Alsacréations
Date : 28 février 2005
Auteur : Raphael

es balises dépréciées sont l’ensemble des balises qu’il est déconseillé d’utiliser car elles pourraient devenir obsolètes et ne plus fonctionner sur les futurs navigateurs

Accéder à ce tutoriel.

STRONG, B, I, EM : quelle balise utiliser et pourquoi ?

6 juin 2006

Source : Alsacréations
Date : 28 février 2005
Auteur : Raphael

Une question se pose fréquemment : quel est le “bon” usage des balises STRONG, B, EM et I ? La tendance générale est à remplacer systématiquement B par STRONG et I par EM.

Accéder à ce tutoriel.

Quelle est la différence entre un DIV et un “calque”

4 juin 2006

Source : Alsacréations
Date : 25 février 2005
Auteur : Raphael

Résumé : les logiciels WYSIWYG automatiques, comme Macromedia Dreamweaver (jusqu’aux versions très récentes), continuent de véhiculer les concepts et termes obsolètes de “calques”. En mode Création de Dreamweaver, il est possible de concevoir sa mise en page soit grâce aux tableaux, soit grâce aux “calques”, c’est à dire - selon lui - les balises layer, div ou span. Or, cet abus de langage est malheureusement demeuré très ancré et induit de nombreux amalgames.

Accéder à ce tutoriel.

Les DTD HTML4.01 et XHTML1.0 : comment choisir ?

4 juin 2006

Source : Alsacréations
Date : 1 août 2005
Auteur : Laurent Denis

Si vous avez adopté la démarche de mise en conformité de votre site Web avec les Standards (X)HTML et CSS définis au sein du W3C, ou si vous vous apprêtez à le faire, vous ne pouvez manquer d’avoir à placer, en tête de chacune de vos pages, une étrange portion de code du type…

Accéder à ce tutoriel.

La structure des balises : bloc et en-ligne

2 juin 2006

Source : Alsacréations
Date : 20 février 2005
Auteur : Raphael

La compréhension de la structure des éléments va avoir de nombreuses implications par la suite, et paradoxalement c’est souvent un sujet peu connu des webmasters.

Accéder à ce tutoriel.

Définition des Meta-tags

7 décembre 2005

Source : Script Masters
Date : non daté
Auteur : Maximes

La balise permet normalement de fournir une description de votre site par le biais de mots clés et de phrases décrivant votre site afin que les moteurs de recherche référencent votre site au mieux, ceci est donc l’utilisation la plus courante de cette balise mais, elle a d’autres fonctions comme notamment, la redirection automatique vers une URL.

Accéder à ce tutoriel.

La base d’un document HTML

7 décembre 2005

Source : Script Masters
Date : non daté
Auteur : Necrokamicaze

Comme son nom l’indique, l’HTML (Hyper Text Markup Language) est un langage de balisage. Dans ce tutorial, nous allons étudié la synthaxe générale d’un document html.

Accéder à ce tutoriel.

Une bonne utilisation des frames

24 juillet 2005

Source : Lycos Webmaster
Date : non daté
Auteur : Lynda Weinman

Lors de l’apparition des frames (”cadres” en français) il y a quelques années, beaucoup d’internautes ont été horrifiés ! Un commentateur décrivait même cette fonctionnalité comme du “Mondrian sous LSD”. Aujourd’hui, le moins qu’on puisse dire, c’est que l’utilisation des frames reste un sujet peu consensuel. Mais quels en sont réellement les avantages et les inconvénients ? Comment proposer une solution de remplacement aux visiteurs qui ne les aiment pas ? Quels sont les pièges à éviter ? Les réponses à toutes ces questions…

Accéder à ce tutoriel.

Tout sur la création de boutons avec Paint Shop Pro

22 juin 2005

Source : Lycos Webmaster
Date : non daté
Auteur : Bernard Jolivalt

La création de boutons est un peu plus délicate qu’on voudrait nous le faire croire (mais non, on n’est pas paranos). Car la fonction Créer bouton (Buttonize) n’agit que sur des zones rectangulaires, ce qui la rend inutilisable pour un objet elliptique ou irrégulier. Alors comment faire de beaux boutons ronds ? Depuis la version 6 de Paint Shop Pro, vous pouvez créer des boutons de n’importe quelle forme. Tous les détails à l’intérieur.

Accéder à ce tutoriel.

Les formulaires

19 juin 2005

Source : Lycos Webmaster
Date : non daté
Auteur : Jérôme Versavel

Un formulaire, c’est, à priori, le meilleur moyen de demander des renseignements précis à vos visiteurs. Mais savez-vous concevoir des formulaires efficaces, en utilisant toutes les nuances de ce formidable outil ? Pas sûr. Alors suivez le guide !

Accéder à ce tutoriel.

Les balises multimédias

19 juin 2005

Source : Lycos Webmaster
Date : non daté
Auteur : Jérôme Versavel

L’ajout d’éléments multimédias peut constituer la touche finale de votre site. En effet, une musique de fond, une vidéo d’introduction ou une animation en 3D peuvent augmenter son contenu ou en parfaire l’ambiance.

Accéder à ce tutoriel.

Les en-têtes de page

19 juin 2005

Source : Lycos Webmaster
Date : non daté
Auteur : Jérôme Versavel

Le contenu de vos en-têtes vous semble peu important sous prétexte que mis à part un titre, il est invisible pour vos visiteurs ? Et pourtant, c’est grâce à eux que les moteurs de recherche référenceront votre site et que le public viendra vous rendre visite… Des amis indispensables, donc, mais trop souvent négligés !

Accéder à ce tutoriel.

Les frames

19 juin 2005

Source : Lycos Webmaster
Date : non daté
Auteur : Jérôme Versavel

Depuis leur apparition dans la version 4.0 d’HTML, les frames (cadres) sont une source de débat intarissable. En effet, mal utilisées, elles deviennent gênantes pour le visiteur. Pour ne pas rejoindre les webmasters qui ne maîtrisent pas ce sujet ou qui utilisent les frames à tort et à travers, suivez-nous dans cet atelier fort instructif.

Accéder à ce tutoriel.

Formatage massif des tables

19 juin 2005

Source : Lycos Webmaster
Date : non daté
Auteur : François Houste

Jusqu’ici, pour mettre en forme les cellules de vos tableaux, il vous fallait user d’une longue file de balises FONT ou d’attributs bgcolor et align. Vous pouviez également vous initier aux feuilles de styles et oublier tout espoir d’exception dans vos colonnes de texte ! Heureusement, la norme 4.0 du HTML propose son lot de balises permettant le formatage massif des tables. Apprenez à coder vos tableaux de façon “light” !

Accéder à ce tutoriel.

Les tableaux

19 juin 2005

Source : Lycos Webmaster
Date : non daté
Auteur : Jérôme Versavel

Pour peu que vous souhaitiez créer des sites évolués, les tableaux vont vite vous être indispensables, que ce soit pour présenter des données ou pour contenir la mise en page complète de votre site. Voici de quoi devenir un maître des TABLE.

Accéder à ce tutoriel.

Les images

19 juin 2005

Source : Lycos Webmaster
Date : non daté
Auteur : Jérôme Versavel

Une page Web, c’est bien. Une page Web illustrée, c’est mieux ! D’autant qu’il suffit d’une seule balise pour incorporer les illustrations les plus diverses à votre site. Explications.

Accéder à ce tutoriel.

Bien choisir son éditeur HTML en mode texte

19 juin 2005

Source : Lycos Webmaster
Date : non daté
Auteur : Jérôme Versavel

Compromis parfait entre le “tout WYSIWYG ” et les logiciels de programmation pure, les éditeurs en mode texte sont heureusement souvent accessibles à tous. Bien sûr, vous devez connaître au moins votre grammaire de HTML, voire maîtriser les bases du JavaScript et autres XML, mais devant l’arrivée massive de développeurs amateurs, ces logiciels cherchent à séduire le plus large public et proposent maintenant des solutions entre design et programmation. Découvrez avec nous l’univers du mode texte assisté !

Accéder à ce tutoriel.