|
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....
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....
Référence des balises HTML
Pour une référence rapide.
Ce tableau contient les balises HTML usuelles avec une courte description.
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....
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....
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....
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,...
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....
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.
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.
Le principe et pourtant très simple une fois le FRAMESET simple bien assimilé....
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é....
Les paragraphes
Justifier les paragraphes
Déterminer des paragraphes se fait à l’aide de la balise . Un paragraphe est un texte qui est compris entre la balise et la fermeture de cette balise . C’est une des rares balises qui ne nécessite pas de fermeture mais cela est grandement conseillé de la fermer quand même.
Je conseil aussi d’utiliser deux balises pour remplacer vos sauts de paragraphe....
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 ....
Le HEADER
Invisible mais très pratique.
À venir...
Les Balises Méta
ou les Meta tags
À venir...
Retraits et listes
Numéroter des lignes
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....
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 mais vous devez savoir que plusieurs moteurs de recherche utilisent encore les balises d’en-tête pour indexer les pages HTML.
Une balise d’en-tête agit sur la grandeur d’un texte,...
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....
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,...
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....
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 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....
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....
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 qui marque le début du document....
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 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....
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....
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....
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....
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....
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....
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....
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....
Code des caractères spéciaux
Entités ISO
Exemple : École = École
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,...
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é,...
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 :
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 un frein au développement.
Quant à moi,...
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....
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....
| |
 09/09: Quicktime dans un page HTML
01/09: vertical align d'une image 22/08: qualité d'un gif 12/08: Textfield personalisé 27/07: Est-ce que les pages HTML peut ? 21/07: Lien sur animation flash 18/07: Cherche programmeur juste pour une page trés simpliste 06/07: Gros pb popup 02/07: envoie automatique toutes les n secondes ... 27/06: lancer son site 26/06: utiliser tag target='_blank' 26/06: Textarea et popup 25/06: tableau un a coter de l'autre 21/06: texte dynamique et css 09/06: Page de confirmation de formulaire 31/05: affichage aléatoire d'image pour le fond 30/05: Soucis sur une page réinitialisation de page avec bouton envoyer 29/05: accées espace clients 28/05: problème de déplacement de calques 28/05: Target '_blank' pour .js 25/05: Site sur la coupe du monde 18/05: Envoi d'un formulaire par mail... 17/05: html+impression de tableau 16/05: les accents en html 16/05: souvegarder et transmetre des paramètrtes 13/05: redirection auto 13/05: lien 06/05: se souvenir du mot de passe 05/05: Comment faire cela? 16/04: probléme svp aidez moi 14/04: Problème affichage Firefox 13/04: Gestion du cache et bouton 'Précédent' 12/04: Lien 07/04: Stage de préembauche ou CNE 07/04: Une redirection vers une page web en ligne dans un fichier.hta 05/04: optimisation de mon URL 05/04: limitation d'un background color en css 05/04: pbs d'affichage et de rognage 14/03: supression barre url 13/03: email html 11/03: forum 09/03: traduction site 07/03: grandeur de site 07/03: nouvel onglet firefox 01/03: Scrollabars dans un tableau + colonne fixe 25/02: menu déroulant avec différentes couleurs 18/02: texte par dessus une image ou inversement 15/02: recherche programmateurs 14/02: fond sur une page ??? 11/02: mail HTML 10/02: Obtenir un scroll horizontal sur un bloc 06/02: texte qui suit le contour d'une image 22/01: comment afficher une video 11/01: netoyer un text de tout tag HTML 07/01: formulaire : message d'alerte hors 'print' ou 'echo' ? 29/12: intercaler du texte entre 2 images 26/12: pourriez-vous tester mon site SVP 19/12: pb d'affichage avec barre de navigation 12/12: impression dimage en html 09/12: html 08/12: Rollover et XP SP2 08/12: Raccourci 06/12: Site Internet sur CDRom 08/11: form save 08/11: stream avec quicktime 06/11: Formulaire html : envoi des données et retour à la page d'accueil 03/11: redimensionner les colonnes d'un tableau à la volée 31/10: comportement bouton 30/10: centrer dynamiquement et verticalement 1 swf 28/10: Pb positionnement float 26/10: coloration 13/10: Interprétation interligne IE et Mozilla (avec CSS) 05/10: porb lien vers fichier exe 04/10: lien hypertexte dans document PDF 30/09: probleme avec un lien html 27/09: Aide pour faire défiler 2 barres de défilements situés dans 2 divs différents simultanément 20/09: recherche d'un programmeur html, php... pour Gros projet 14/09: valeur bouton 07/09: Balises Meta 01/09: changer le caption 'parcourir...' d'un oibjet de type file 31/08: EMBED/OBJECT et css 30/08: positionnement de sous-menu 30/08: positionnement de sous-menu 26/08: [CSS] hauteur d'un DIV redimentionnée automatiquement 26/08: Reduire une page 24/08: Tableau pas beau sous Firefox 20/08: Créer une zone de texte 'non modifiable' 18/08: faire disparaire la barre de scroll 11/08: comment étaller un tableau sur une page ?? 08/08: Tableaux HTML + Impression 03/08: impression couleur tableau sousIE 30/07: centrer une page web 09/07: Insérer une radio web en fond sonore 05/07: lire des chaines de caractères dans un tableau d'un fichiers word 04/07: File Upload.. 28/06: courriels en html stable sur FAI's 24/06: Espace et \ 15/06: aligner un texte dans MARQUEE 15/06: A href 12/06: intégration d'image impossible 01/06: perte d'une partie d'une adresse URL 31/05: mailto 25/05: Remplacer les caracteres speciaux 25/05: programmation dynamique 24/05: Checkbox - limiter le nombre de cases à cocher 24/05: taille liste déroulante 23/05: Aide sur un formulaire 12/05: IFRAMES 11/05: ascenceur 07/05: couleur de champs de texte de formulaire en alpha 03/05: ancre et css 27/04: Frames avec une partie fixe et visible 24/04: formulaire mailto 22/04: cadres et liens 21/04: Ecouter un mix sur un site 20/04: probleme avec une iframe ! 19/04: <div style=''> en frame 18/04: surligner un texte au passage de la souris sur une photo 16/04: scrollbar à gauche 15/04: mettre en ligne un site avec Dream 14/04: Affichage 'liste' 13/04: un mouseover = 2 résultats 12/04: Connection FTP via Firefox 11/04: Passage de paramètre à une page HTML 31/03: Changer 2 cadres avec un seul lien 31/03: Générer un nouveau document depuis une frame 30/03: dimensions ésotériques 29/03: problème html entre tags layout et html:select 23/03: pb ds la barre d'état 22/03: HELP : passage d'une valeur inscrit dans un champ caché à un formulaire sur une autre page 21/03: Taille de la police dans la valeur('value') dans un 'INPUT' 19/03: le cadrage ne répond pas a mes commandes 18/03: Forum.. 15/03: balise a vers le client 12/03: superposition de calques 11/03: Pb acces page window>Linux 10/03: pb Iframe 09/03: site d'achat en ligne 07/03: Transparence d'une image 04/03: ecole du jeu video 02/03: Urgent besoin d`aide 02/03: case à cocher 01/03: haut de page 01/03: Tableau à onglets 01/03: Taille fix pour <div> 01/03: Urgent(question sur le sous menu en HTML) 24/02: Balises INPUT et BUTTON, passage de paramètres 24/02: Scrollbar 23/02: ajustement automatique d'un cadrage en fonction du contenu du tableau 23/02: pb iframes 22/02: envoi message 20/02: liens 20/02: Problème d'affichage HTML 20/02: liens 11/02: probleme avec les map... 09/02: probleme style d'ecriture 07/02: input text 04/02: envoyer une image sur mon serveur 03/02: table + scrollbar + firefox 03/02: style css avec firefox 01/02: Pb de lecture d'une anim Flash avec IE 31/01: je suis nouveau aide svp 27/01: Priorité de Frame 27/01: iframe ! 27/01: calques et sp2 26/01: Question html ! 26/01: Champs date 25/01: taille d'un tableau au format a4 24/01: problème urgent plugin 24/01: Lien ciblé en ssi 22/01: problème d'affichage de tableau ie/firefox 21/01: redirection Frames 16/01: problème de résolution 16/01: compatibilité des layers et scroll 15/01: Coloration de la scrollbar dans une iframe 13/01: regarder / télécharger une vidéo 13/01: Validation formulaire 29/12: IE affiche page blanche 20/12: dreamweaver MX 20/12: feuille de style css , formulaire 17/12: bouton FLASH appelle un .htm 16/12: Aidez-moi... Affichage des pages du site ! 14/12: apparition fond d'écran 13/12: pb : envoie de foto de visiteur sur mon site!!! 08/12: pb iframe tableau 07/12: html 03/12: forums! 02/12: problème de redimensionnement d'mage 02/12: Table cliquable 29/11: probleme feuille de style 28/11: html transfert de frame 23/11: lien vers un fichier .xls 21/11: iframes 19/11: Empêcher ou supprimer un message Explorer 19/11: police de caractere telechargée 19/11: mailto lotus note 18/11: problème de calque sur Macintosh 17/11: Réduction image 17/11: [Aide] Aligné un compteur +texte 16/11: Créer une inscription
Toutes les discussions
|
