Accueil | Actualité | Annonces | Forum | Philamômes | Histoire postale | Merson | Liens |
|
Le langage HTML
Qu'est-ce que HTML ?HTML (Hpertext Markup Language) est un langage très simple : il consiste à insérer dans votre texte des balises destinées à être interprétées par votre navigateur pour mettre en page votre présentation. Dès que le navigateur rencontre une balise, repérée par des signes "<" et ">", il l'interprète jusqu'à rencontrer la fin de balise, repérée par "</" et ">". Ces balises obéissent à une codification précise et si parfois, vous n'obtenez pas le résultat souhaité ou un temps de chargement très long, il sera fort probable que vous n'ayez pas respecté la syntaxe.Notre plan de travailNous allons décortiquer dans un premier temps les deux premières pages de votre futur site philatélique, vous trouverez certainement cette étape - pourtant indispensable- un peu fastidieuse, nous verrons ensuite les outils qui permettent d'accélérer cette saisie.Leçon 1 : La page d'accueilPour créer votre page d'accueil, vous pouvez simplement saisir dans un éditeur de texte (Le bloc-note) les informations ci-après et les sauvegarder sous le nom "index.html". Ce nom et cette extension (".html") sont généralement imposés par les serveurs, sauf indication contraire de votre fournisseur d'accès.Exemple de page d'accueilVous remarquerez les balises dont nous avions parlé dans l'introduction : Par exemple la balise <Hn> permet de spécifier un titre de taille n (n=1,2,3,..) :
Leçon 2 : Les imagesComment créer rapidement du code HTML ?Outils de création / révision de pages HTMLDe nombreux outils vous permettent d'accélerer la création de code. On les appelle des Editeurs HTML.Le plus simpleEn voici un qui traine dans tous les manuels de programmation. Je n'ai pas résisté à vous le présenter .C'est évidemment le plus rustique, mais il a le mérite d'être utilisable immédiatement. Il n'a qu'une vocation... pédagogique.Cliquez ici pour un éditeur HTML en ligne Site Express de Franck MilardUn éditeur très sophistiqué, (difficile de faire mieux) Si vous possédez au moins une version 4 de Netscape ou de Microsoft Internet Explorer : http://www.asaisir.com/a-la-page/ HTML Writer Cest le complément idéal pour des produits comme Navigator Gold ou Claris HomePage, car il permet de réviser rapidement le texte généré par le programme de création de pages HTML. C'est très souvent indispensable lorsque l'on désire des effets non standard. Il s'agit d'un simple éditeur de texte, avec une barre d'outils permettant d'insérer rapidement des constantes HTML :
WebExpert 2 Le meilleur shareware pour développer ses home pages. Pour ceux qui désirent aller un peu plus loin que Claris HomePage DocumentationPour aller plus loin :UNGI Tout est là. Le meilleur guide en ligne sur Internet. Vous trouverez plusieurs autres adresses. C'est à partir de ce site que j'ai pu sélectionner les outils les mieux adaptés à mes objectifs, avec le meilleur rapport qualité/prix. Conseils de CréationWeb Page Designer (Joe Gillespie) Un site très complet (en anglais) pour les concepteurs.Voir notamment le chapitre concernant les couleurs et les slide shows. Outils de Navigation / CréationNetscape Navigator GoldQNX Le plus petit navigateur du marché ! Il tient sur une disquette avec le système d'exploitation.il tourne sur des vieux PC 386 sans problème et se configure en deux minutes ! Couplé avec la lecture du mail sur le web (cf. e-mail), et le lecteur de news de dejanews.comil vous rendra de nombreux services. Outils de transfert vers le serveurCute32 FTPLe plus commode pour transférer vos pages HTML de votre poste vers le serveur http: Construction de pages VRML3D Internet Designer de Micro-Application .C'est un outil très simple pour créer des pages en 3-D. Il est livré avec une bibliothèque d'images et plusieurs objets déjà créés sur lesquelles on peut appliquer des textures ou des images. Simple et efficace. il existe beaucoup d'autres outils, mais hélas, ils sont souvent complexes à utiliser ou nécessitent un matériel très puissant (Station graphique). Codage des sons (fichiers ra)Real AudioLe lecteur et le codeur sont gratuits. Il faut auparavant enregistrer le son à l'aide des accessoires fournis avec Windows ("magnétophone"). Puis transformer le son "Wave" (extension : wav) en fichier compressé de type ra. Le programme permettant de diffuser en temps réel le son (sans attendre le chargement complet du fichier) est lui, payant. Création des pages Acrobat (fichiers pdf)Acrobat Pro d' AdobeInstalle une imprimande fictive (PDFWriter) de plus sur votre machine. Pour créer un document au format PDF, il suffit d'éditer à partir de Word, d'Excel ou Powerpoint (ou toute autre application Windows) en sélectionnant ce périphérique virtuelle. Si le programme est payant, le "reader" est gratuit et téléchargeable librement sur le site d'adobe en cliquant ici Vérifier régulièrement les liensInfo Link checker (1Mo, freeware)Il vous est déjà arrivé de cliquer sur une adresse et d'obtenir le HTTP ERROR- 404 NOT FOUND Vous vous êtes sûrement dit : "pas de ça chez moi ! Il n'y aura que des liens avec des sites qui auront été validés." La difficulté réside précisémment dans cette vérification à mesure que vous ajoutez des sites. Ce programme vérifie que tous les liens définis dans une page sont encore valides. Utiliser/créer des Méta-TagsMéta-tagsLes META TAGS sont des balises utilisées par les moteurs de recherche (Altavista, Yahoo!,...) donc si vous voulez être vu - ou exclu- dans les bonnes catégories de ces serveurs, il faut renseigner ces zones...Cette page vous y aidera. Attention, il y a des règles précises concernant la longueur maximale des zones, le nombre de mots-clés, le nombre de répétitions (7 fois le mot au maximum, sinon vos méta-tags sont ignorés)
Créer des formulaires HTMLForms.htmlUn résumé avec des exemples sur la manière de rédiger des formulaires de saisie JavascriptExemples Netscape propose de quoi développer facilement des petits programmes en Javascript. Je m'en suis inspiré pour gérer les formulaires des quizz (pages "mômes") et pour d'autres astuces. Vous trouverez dans les exemples le code complet, le résultat et les iimages associées, ainsi que la documentation disponible en ligne.Connaître les sites qui "pointent" vers le vôtreutilisez Alta Vista et remplacez par exemple: "link:http://www.coppoweb.com/" ci-dessous par le nom de votre page Noms de domaines, marquesL'accès à un site se fait par nom de domaine, si vous souhaitez enregistrer un nom de domaine, consultez auparavant la base de données http://andco.net/ qui vous indiquera rapidement si le nom est déjà pris et vous permettra éventuellement de l'enregistrer (Paiement sécurisé par carte bleue).Whois d'Internic qui gère ces noms au niveau mondial. A partir du nom de domaine vous connaitrez le propriétaire du site et saurez sur quel serveur il est hébergé. Media3 lui affiche les noms de domaines qui ont une certaine ressemblance. Pour les sites français en .fr il faut consulter Nic France (INRIA) qui les gère. Vous pouvez créer un nom de domaine en .com aux USA ou en .fr Francepar l'intermédiaire de votre opérateur. Pour les USA on ne vous demandera rien (si ce n'est de payer les droits, d'ouvrir votre site, et de payer un renouvellement tous les deux ans) alors que pour la France, plus sérieuse dans ce domaine, on vous demandera un extrait KBIS pour un nom de société, un certifcat de l'INPI (Institut National de la Propriété Industrielle)pour déposer un nom de marque.. Sachez que quelques malins avaient déposé des marques de grandes entreprises en noms de domaines .com et que beaucoup d'entreprises plutôt que d'engager de longs et coûteux procès (qui "bloquent" le nom pour tout le monde), ont préféré les racheter. Il y a un an, sfr.com pointait sur itinéris.fr parcequ'un indélicat propriétaire de sfr.com ne pouvait leur revendre le nom de domaine. Le refus de SFR est exemplaire. Il doit vous interroger sur l'utilisation de votre marque. En France l'Union des Fabricants saura vous conseiller efficacement. En cas de doute il faut les consulter. Le Web gratuit ?Voyez tout d'abord http://www.legratuit.com/ :Ce site recense beaucoup d'adresses indispensables Faire héberger gratuitement ses pages Webhttp://www.ifrance.com/100 Mo gratuits, des scripts CGI, du RealVideo, adresses e-mail POP3, et un éditeur on-line pour gérer vos pages Web. Seule contrainte : une bannière publicitaire permanente en bas de vos pages. geocities Consultez aussi Multimania et Chez J'ai un faible pour geocities, tout en anglais hélas, mais une qualité irréprochable. On m'a signalé depuis qu'Antoine et Amélie avaient fait la démarche pour vous et traduit en français les pages d'accueil. Mesurer l'audience de son siteCounter Service at www.eeb.ele.tue.nlCombien de personnes ont visité ce site ? Le mieux est de s'inscrire (gratuitement) auprès d'un service tel que celui-ci qui incrémentera un compteur à chaque ouverture de la page. Un très bon service gratuit : http://www.estat.com/ N'oubliez pas de surveiller également votre marque sur Présence Web |