|
· Lien vers une adresse de courrier électronique - Un mailto avec sujet, copies et message... - S’il y a quelque chose de pratique avec le Web c’est bien de pouvoir communiquer avec le propriétaire d’un site Internet. Un simple lien hypertext avec la particularité d’ouvrir le logiciel de courrier électronique du visiteur.
Auteur : Django (Oznog) Blais - Date : 22 août 2001 · L’icône de votre site dans les favoris de IE5 - Et ajouter votre site dans les favoris. - Vous voulez que le visiteur puisse non seulement ajouter votre site dans ses favoris mais aussi avoir une icône personnalisée, rien de plus simple, il vous suffit d’ajouter l’icône dans le répertoire racine de votre site. Si vous ne pouvez avoir accès à ce répertoire vous devez indiquer au navigateur où se trouve l’icône avec la balise méta LINK.
Auteur : Django (Oznog) Blais - Date : 15 décembre 2000 · Référence des balises HTML - Pour une référence rapide. - Ce tableau contient les balises HTML usuelles avec une courte description.
Auteur : Django (Oznog) Blais - Date : 31 octobre 2000 · Redirection et rafraîchissement et diaporama HTML - Avec la balise méta REFRESH - La balise « REFRESH » est considérée comme une balise META (META TAG) mais elle est très particulière car elle permet de changer de page. Il y a deux façons de se servir de cette balise, soit en rafraîchissant la page soit en faisant une redirection. Comme toutes les balises META, la balise « REFRESH » doit être placée entre les balises de l’
Auteur : Django (Oznog) Blais - Date : 23 octobre 2000 · Frame et Frameset - Les documents à l’intérieur d’un document. - L’utilisation des cadres est devenue pratiquement compatible. Il ne reste qu’un très faible pourcentage de navigateur qui ne les reconnaît pas. Quelques profs ou utilisateurs, que je respecte, qui ne font que lire des textes et qui ne viendront jamais sur votre site. Néanmoins, une bonne raison m’empêche d’utiliser encore aujourd’hui...
Auteur : Django (Oznog) Blais - Date : 3 septembre 2000 · Structure HTML - Votre premier document HTML - Créé à l’aide d’un logiciel ou avec Notepad, un document HTML est un simple fichier texte. Ce fichier doit avoir l’extension .html ou .htm. Je vous conseille .htm pour plusieurs raisons qui serait longue à énumérer ici. Votre page d’accueil doit être index.htm ou default.htm.
Auteur : Django (Oznog) Blais - Date : 9 août 2000 · Logiciels et Wysiwyg - Pour construire vos documents HTML - Le HTML est un langage interprété par le navigateur qui ne requière par de compilation. C’est donc dire que vous pouvez créer votre site ou vos documents HTML dans un simple éditeur. Toutes fois, vous devez faire attention car les éditeurs comme Word interprètent vaguement le HTML, ce qui cause beaucoup de problèmes.
Auteur : Django (Oznog) Blais - Date : 9 août 2000 · Retraits et listes numérotées ou non numérotées... - Pour terminer la mise en forme du texte il y a les très pratiques balises de liste et de retrait. Pour mettre un texte en retrait ou pour énumérer des éléments avec des numéros ou bien des points. Ces balises ne peuvent être placées entre d’autres balises à part dans une table.
Auteur : Django (Oznog) Blais - Date : 3 août 2000 · Les Balises Méta - ou les Meta tags - À venir...
Auteur : Django (Oznog) Blais - Date : 3 août 2000 · Le HEADER - Invisible mais très pratique. - À venir...
Auteur : Django (Oznog) Blais - Date : 3 août 2000 · Les lignes - Séparateur de paragraphe. - Ce n’est pas à proprement parlé de mise en forme du texte mais il fallait bien la placer cette balise quelque part. Pourquoi ici, eh bien parce qu’elle génère automatiquement un saut de paragraphe tout simplement. Pour tracer une ligne dans votre document vous devez utiliser la balise HR.
Auteur : Django (Oznog) Blais - Date : 3 août 2000 · Les en-têtes - Utilisées par les moteurs de recherche. - Les en-têtes sont de la première génération des documents HTML. Principalement utilisé pour indiquer le titre et les sous-titres d’un document. Vous pouvez le faire manuellement en utilisant les balises FONT SIZE mais vous devez savoir que plusieurs moteurs de recherche utilisent encore les balises d’en-tête pour indexer les pages HTM
Auteur : Django (Oznog) Blais - Date : 3 août 2000 · Les paragraphes - Justifier les paragraphes - Déterminer des paragraphes se fait à l’aide de la balise P. Un paragraphe est un texte qui est compris entre la balise P et la fermeture de cette balise /P. C’est une des rares balises qui ne nécessite pas de fermeture mais cela est grandement conseillé de la fermer quand même.
Auteur : Django (Oznog) Blais - Date : 3 août 2000 · Marge du FRAMESET - Problèmes entre IE et Netscape - Pour terminer le tutoriel des FRAMESETs, il faut parler de la compatibilité entre Internet Explorer et Netscape. Et oui, encore une fois. Même si la nouvelle version 6 de Netscape est semblable à IE, il n’en reste pas moins que personne ne l’utilise en raison de son manque de stabilité.
Auteur : Django (Oznog) Blais - Date : 3 août 2000 · FRAMESET Multiple - Un FRAMESET dans un autre FRAMESET - Bon j’ai dit dans l’introduction que nous ne pouvions définir que des FRAMESETs de colonnes ou de lignes. Les FRAMESET sont asser complexes pour les débutants, c’est pourquoi je n’ai pas parlé jusqu’ici de la possibilité de jumeler des colonnes et des lignes dans un FRAMESET.
Auteur : Django (Oznog) Blais - Date : 3 août 2000 · Paramètres du FRAMESET - La finition de vos cadres - Maintenant il faut donner un fini à votre FRAMESET. C’est à dire indiquer l’espace autour des cadres ou une bordure et surtout si vos cadres doivent avoir une barre de défilement ou non. Les paramètres sont définis en premier lieu dans le FRAMESET puis dans chaque FRAME.
Auteur : Django (Oznog) Blais - Date : 3 août 2000 · Définir le FRAMESET - Un FRAMESET simple en lignes ou en colonnes. - Un FRAMESET permet de définir le nombre ainsi que l’espace occupé par les cadres du document ou les FRAMES. Le principe permet seulement de découper votre document verticalement ou horizontalement. MAIS JAMAIS LES DEUX EN MÊME TEMPS.
Auteur : Django (Oznog) Blais - Date : 3 août 2000 · Manipuler les Tables HTML - Ou comment metre en forme vos documents. - Ajouté au HTML depuis la version 3, un tableau HTML permet de disposer de façon organisée et alignée des éléments sur une page Web. Constitué de cellules ordonnées en lignes et en colonnes, le tableau est sans doute la balise HTML la plus utilisée mais aussi la plus complexe à saisir.
Auteur : Django (Oznog) Blais - Date : 3 août 2000 · Que supportent les navigateurs - Tableaux comparatifs sur le potentiel des navigateurs - Quelle technique utiliser pour être absolument certains que le navigateur de vos visiteurs supporte votre travail. Ce n’est pas simple mais si vous savez avec quel navigateur vos visiteurs explorent votre site et à l’aide des tableaux comparatifs suivants, vous en aurez une bonne idée.
Auteur : Django (Oznog) Blais - Date : 21 juin 2000 · Caractères barrés - Barrer un texte - Permet d’afficher une ligne SUR les caractères. Utilisé pour identifier un mot ou une phrase comme étant désuet. Souvent utilisé pour indiquer qu’un prix n’est plus valide. NOTE : Vous devez respecter l’ordre des balises de mise forme. Par exemple si vous utilisez la balise STRIKE suivie de la balise B (caractère gras), vous devez fermer le
Auteur : Django (Oznog) Blais - Date : 1er janvier 2000 · Mise en forme du texte - Introduction - La mise en forme du texte est asser simple en HTML. Les possibilités ne sont pas nombreuses. Pour donner une présentation très marquée à votre document vous devez plutôt utiliser les tables traitées dans un autre tutoriel. L’utilisation des balises de mise en formes de votre texte permet simplement différents sauts de ligne ou la justificatio
Auteur : Django (Oznog) Blais - Date : 1er janvier 2000 · Empêcher le saut de ligne automatique - Mise en forme du texte, les balises NOBR et WBR - Les navigateurs forcent le saut de ligne quand le bord de la fenêtre ou d’une table est atteint. Une image forcera automatiquement le document ou une table de sortie de la fenêtre, obligeant ainsi le visiteur à utiliser la barre de défilement pour voir le reste de l’image.
Auteur : Django (Oznog) Blais - Date : 1er janvier 2000 · Le saut de ligne simple - Mise en forme du texte, la balise BR et CLEAR - Rarissime, cette balise ne demande pas à être fermée. La balise BR est très utile, elle permet de changer de ligne. Un document HTML est interprété du haut vers le bas. Toutes les informations s’ajoutent les unes après les autres et changent de ligne une fois le bord de la table ou de la fenêtre atteint. Utilisez la balise BR pour forcer un sau
Auteur : Django (Oznog) Blais - Date : 1er janvier 2000 · Caractère par défaut - Le BASEFONT SIZE=x - Détermine la grandeur par défaut du texte qui est normalement 3. La nouvelle valeur affecte tout le texte du document. Les changements de grandeur utilisés avec SIZE=+1 ou SIZE=-1 etc sont déterminés à partir de la valeur définie par la balise BASEFONT si elle est présente. Vous devez la mettre sous la balise BODY qui marque le début du document
Auteur : Django (Oznog) Blais - Date : 1er janvier 2000 · La Grandeur - Et tous ses secrets - L’ATTRIBUT SIZE : La grandeur de la police dans un navigateur est très relative. Plusieurs options permettent aux usagers des navigateurs de modifier la grandeur de base des caractères affichés dans le navigateur. C’est pourquoi les valeurs données à l’attribut SIZE ne sont pas représentées par des points ou des pixels conventionnelles. Ainsi la v
Auteur : Django (Oznog) Blais - Date : 1er janvier 2000 · La Couleur - Il n’y a que 216 couleurs compatibles - L’ATTRIBUT COLOR : La couleur sur un ordinateur est générée à partir d’un mélange de 3 couleurs, le rouge, le vert et le bleu. Un peu comme un cercle chromatique mais sans en avoir les mêmes propriétés. Chaque couleur est représentée par un chiffre entre 0 et 255. 0 étant l’absence de couleur et 255 la couleur intégrale. Finalement ce chiffre est
Auteur : Django (Oznog) Blais - Date : 1er janvier 2000 · Police ou FONT - Et tous ses secrets - Cette balise détermine 3 attributs des caractères. C’est pourquoi elle ne peut être utilisée seule. Le premier attribut, FACE détermine la police de caractères. COLOR, la couleur et SIZE la grandeur du caractère. La fermeture de la balise ne demande que FONT sans avoir à mettre SIZE, FACE ou COLOR. FONT FACE=arial COLOR=black SIZE=3Votre texte
Auteur : Django (Oznog) Blais - Date : 1er janvier 2000 · Les images - Image, design et photographies - Bien que l’on retrouve deux types d’images dans une page Web, celles qui composent le design et les autres, la principale caractéristique des images sur Internet est celle d’être exclusivement de forme rectangulaire. Peu importe son usage, son format, qu’elle soit imbriquée ou en image de fond, c’est un rectangle de x (largeur) par y (hauteur) pixe
Auteur : Django (Oznog) Blais - Date : 1er janvier 2000 · Introduction au HTML - Le language dérivé du SGML - Le HTML HyperText Markup Language nous provient du SGML. C’est un langage interprété de format texte, compatible à la plupart des traitements de texte et des applications de navigation sur Internet. Il y a deux types d’éditeurs spécialisés pour le htlm. Les WYSIWYGS ou éditeurs visuels comme FrontPage de microsoft® et les éditeurs non visuels comme
Auteur : Django (Oznog) Blais - Date : 1er janvier 2000 · Italique - Citations et anglicismes - I pour italique et EM où EM est l’abréviation de emphatique. Les deux balises permettent d’afficher des caractères italiques. Elle peut être jumelée aux autres balises de mise en forme de caractères. Elle peut être utilisée pour un seul caractère, plusieurs, une phrase ou un paragraphe. POURQUOI 2 BALISES ? EM était utilisé avant les navigateur
Auteur : Django (Oznog) Blais - Date : 1er janvier 2000 · Caractère Gras - Mettre en évidence un mot - De l’anglais B pour «bold» qui signifie gras et «STRONG» qui signifie fort, a pour effet d’afficher les caractères en gras ou foncés. Elle peut être jumelée aux autres balises de mise en forme de caractères. Elle peut être utilisée pour un seul caractère, plusieurs, une phrase ou un paragraphe.
Auteur : Django (Oznog) Blais - Date : 1er janvier 2000 · Mise en forme des caractères - ou comment donner du style à vos textes - Pour bien présenter un texte et mettre en évidence des mots, le HTML permet de modifier l’aspect des caractères de votre document. La grandeur, la couleur ou la police de caractère mais aussi la typographie usuelle comme le souligné ou le caractère gras. Ce tutoriel vous indique quelle balise utiliser et comment les utiliser. Pour une bonne
Auteur : Django (Oznog) Blais - Date : 1er janvier 2000 · Code hexadécimales des couleurs - Une combinaison de rouge de vert et de bleu - Les couleurs d’une page Web doivent être en hexadécimal (Hex code) pour pouvoir être interprété par le navigateur. En gros, il s’agit d’une combinaison de trois chiffres représentant une variation des 3 couleurs de base (rouge, vert, bleu). Pour faire une histoire courte, l’hexadécimal est un nombre à la base 16, c’es
Auteur : Django (Oznog) Blais - Date : 31 octobre 1999 · Code des caractères spéciaux - Entités ISO - Les entités HTML de caractère sont utilisées pour reproduire certains caractères étendus du code ASCII afin d’éviter les problèmes de compatibilité à l’époque des jeux de caractères.
Auteur : Django (Oznog) Blais - Date : 31 octobre 1999 · Grandeur des éléments d’un formulaire - Comment limiter les dégâts. - Voilà le clou du spectacle, les formulaires. Ce n’est pas simple ajuster un formulaire sur une page web alors imaginez de le faire pour tous les navigateurs quand la grandeur, l’espace et la typographie sont variables. Oublier ça c’est impossible. La seule chose à faire est de limiter les dégâts. Le principe consiste à se baser sur le plus larg
Auteur : Django (Oznog) Blais - Date : 5 octobre 1999 · La grandeur du texte - Absolument anarchique - La grandeur du texte diffère énormément entre les navigateurs et les systèmes d’exploitation. Bien que ce soit une évidence. Je vais jeter ici quelques points sur ce problème des plus difficiles à maîtriser de la mise en forme de document HTML. Premièrement votre design ne doit pas directement dépendre de la grandeur d’une police de caractère. L
Auteur : Django (Oznog) Blais - Date : 5 octobre 1999 · Résolution minimale ou le canevas - Fini l’horrible barre de défilement - La question des questions, dois-je designer mon site pour une résolution de 640x480 ou pour celle de 800x600 ? Il existe deux écoles de pensées où la véracité du débat reste très technique. D’un côté les vendeurs veulent rendre accessible leur site au plus grand nombre possible de visiteurs alors que de l’autre désigne ce laisser aller comme étant
Auteur : Django (Oznog) Blais - Date : 5 octobre 1999 · L’Offset ou la marge par défaut - Impossible, mais il y a une solution - Il existe toujours une marge par défaut dans un navigateur. Entre les objets et la fenêtre du navigateur une zone tampon ne peut être utilisée. Le tableau suivant indique la zone tampon de chaque navigateur selon le système d’exploitation :
Auteur : Django (Oznog) Blais - Date : 5 octobre 1999 · Mise en forme d’un document et compatibilité - Le même résultat sur tous les navigateurs - Plusieurs configurations de base limitent le positionnement précis des objets sur une page web. Pour créer un site web et disposer des élément sur une page vous devez travailler avec un espace limité, certaines composantes occupe plus ou moins d’espace selon des standards bien définies. Pour travailler avec ces contraintes vous devez en connaître l
Auteur : Django (Oznog) Blais - Date : 5 octobre 1999
Syndication  : HTML - Trucsweb
Dernière mise à jour :
le 29 décembre 2010 à 08:54
| 
