Sur la page
- Internet
- Outlook
- Web HTML
 Créer le dossier Web
Page Index Web
Première page Web
Les liens page Web
Polices et puces Web
Les tableaux Web
- Word
- Excel
- Dépannage du PC
- Les raccourcis
- Musique/Vidéo
- SOS Vidéo
- Utilitaires pour Web
- Les Petites annonces
|
|
Internautes si vous débutez sur
Internet les astuces suivantes vous aideront peut être ?
Les commandes HTML les plus importantes pour un site Web ?
Il vous faut premièrement un navigateur par exemple Microsoft Internet
Explorer ou Netscape Navigator.
Et deuxièmement un éditeur de texte tel que le bloc-notes de Windows que
vous trouverez dans Programme, Accessoires du menu Démarrer ce
dernier ouvert vous pouvez commencer la création de votre page de site Web
Voici les principales commandes de mise en page de texte HTML
Code pour les caractères accentués !
L'HTML n'est pas un langage de programmation francophone, et a la base les
accents (par exemple) ne sont pas correctement reconnus, c'est pourquoi il
faut utiliser des caractères spéciaux...
Le & lettre de base est l'esperluette, l'abréviation de et. La lettre de
base est la lettre qui prend l'accent, le plus souvent un e. Le nom de
l'accent est son nom en anglais
- Aigu = acute - Grave = grave - Circonflexe = circ - Tréma = uml... - Le
; marque la fin du caractère.
Voir les principaux caractères
Vous souhaitez publier une brochure sur Internet
c'est à dire un site Web ?
Il faut d'abord planifier l'ensemble par exemple sur une feuille de papier
!
Votre première page
Le premier pas - Rédaction et mise en page de la première page du site
dans le code source !
Voici un exemple pas à pas simple
Vous avez fait vos pages maintenant il faut les
enregistrés sur votre disque ?
Voici comment organiser vos dossiers ( la page d'accueil de votre site -
un dossier pour vos images - un dossier pour vos pages.
Voir comment faire
Vous souhaitez décorer vos pages avec des images ?
Il faut d'abord bien les préparées afin que leur dimension et leur poids
ne ralentissent pas l'affichage !
Voir la meilleur façon
Les liens entre les pages du site ou pour un lien en
direction d'un site Internet externe !
Voir détail |
|
Html
|
Commandes HTML les
plus importantes
|
 Ref |
|
|
|
Commande HTML |
Signification |
Propriétés |
Résultat |
<HTML>
</HTML> |
HyperTexte
Markup
Language |
Définit le début et la
fin du document |
|
<HEAD>
</HEAD> |
En-tête |
Définit le début et la
fin l'en-tête |
|
<TITLE>
</TITLE> |
Titre |
Dans l'en-tête, le contenu
apparaissant sur la barre de titre |
|
<BODY>
</BODY> |
Corps |
Définit le début et la fin du corps
du texte |
|
|
<H1></H1> |
Heading 1 -
Titre 1 |
Gras, très gros |
Titre 1 |
|
<H2></H2> |
Titre 2 |
Gras, gros |
Titre 2 |
|
<H3></H3> |
Titre 3 |
Gras, moyen |
Titre 3 |
|
<H4></H4> |
Titre 4 |
Gras, normal |
Titre 4 |
|
<H5></H5> |
Titre 5 |
Gras, petit |
Titre 5 |
|
<H6></H6> |
Titre 6 |
Gras, très petit |
Titre 6 |
|
<B></B> |
Gras |
Attribut du texte |
Un
exemple en gras |
|
<CENTER> |
Centrer |
Commande de centrage général |
Centrer |
|
<I></I> |
Italique |
Attribut du texte |
Texte en italique |
|
<U></U> |
Souligné |
Attribut du texte souligné mais
attention il peut être confondu avec un hyperlien ! |
Texte souligné |
|
|
non breaking
space |
Espace protégé |
12 octobre |
|
<P></P> |
Paragraph - paragraphe |
Définit un
paragraphe, un espace va être généré entre les paragraphes ! la
commande de fin n'est pas obligatoire ! |
Ceci est un petit
paragraphe
En voici un deuxième, un peu
plus long |
|
<BR> |
Renvoi à la ligne |
Génère un renvoi
à la ligne la commande de fin n'est pas obligatoire ! |
Ceci est une mini
phrase.
Cette phrase commence sur une ligne qui n'est pas un nouveau
paragraphe |
|
<HR> |
horizontal rule - ligne horizontale |
Insère une ligne,
la commande de fin n'est pas obligatoire ! |
|
|
<P> |
Paragraphe, avec espace protégé |
Crée un
paragraphe vide, un espace |
|
|
<LI> |
list - liste d'option |
Les puces et
numéros dépendent de la définition, voir lignes suivantes |
Voir les lignes
suivantes |
|
<OL></OL> |
ordered list - liste ordonnée |
Définit le début
et la fin d'une énumération ordonnée, la liste est en retrait |
- Ceci est le premier point
- Ceci est le deuxième point
|
|
<UL></UL> |
unordered list - liste non ordonnée |
Définit le début
et la fin d'une énumération désordonnée, la liste est en retrait |
- Ceci est le premier point
- Ceci est le deuxième point
|
|
...SRC |
Url d'un
objet |
Commande pour la recherche |
|
|
...SIZE |
Hauteur de la
ligne |
Définit la hauteur d'une image |
|
|
...WIDTH |
Largeur de la
ligne |
Définit la largeur d'une image |
|
|
| Haut de la page |
|
Html
|
Code source pour
les caractères
|
Ref |
|
|
|
Minuscules |
MAJUSCULES |
|
|
| à = à |
À = À |
< =
< |
‰ = ‰ |
| á = á |
Á = Á |
> =
> |
™ = ™ |
| â = â |
 =  |
" = " |
° = ° |
| ç = ç |
Ç = Ccedil; |
« = « |
± = ± |
| è = è |
È = È |
» =
» |
¹ = ¹ |
| é = ´ |
É = É |
© = © |
² = ² |
| ê = ê |
Ê = Ê |
® = ® |
³ = ³ |
| ë = ë |
Ë = Ë |
& =
& |
½ = ½ |
| î = î |
Î = Î |
¥ = ¥ |
¼ = ¼ |
| ï = ï |
Ï = Ï |
¢ =
¢ |
¾ =
¾ |
| ô = ô |
Ô = Ô |
£ = £ |
|
| œ = œ |
Π= Π|
€ = € |
|
| ù = ù |
Ù = Ù |
ƒ = ƒ |
|
| û = û |
Û
= Û |
§ =
§ |
|
|
| Haut de la page |
|
Html
|
Enregistrez votre
site sur le disque
|
Ref |
|
|
Vous avez un plan de
la structure du site et les maquettes des pages sont prêtes. Sur
le disque dur de votre micro, créez un dossier spécial qui
contiendra l'intégralité des éléments
 du
site : les pages html, les images, les sons, etc. La page
d'accueil elle devra se trouver impérativement au premier niveau
de votre dossier, le même que celui des dossiers Images et des
pages html. En outre le fichier de cette page d'accueil devra
impérativement s'appeler index.htm. Attention tous les
dossiers, pages et image de votre site ne doivent pas avoir
d'espace dans leurs nom, ni de majuscule, vous pouvez utiliser les
- ou _ pour nommer vos page exemple pour un dossier ( ma-voiture)
pour les images (mon-chien.jpg) et pour les pages (ma-musique.htm).
Voir l'exemple en images
Haut de la page |
|
| |
|
Html
|
Des images pour
votre site
|
Ref |
|
|
|
Gif ou Jpeg pour les
images ? les deux formats sont les plus répandus sur le web pour
les logos sur un fond d'écran, les bannières, titres, boutons et
puces le format gif par transparence est idéal, pour les photos en
revanche le format jpeg est capable d'afficher plusieurs milliers
de couleurs, autre avantage : le taux de compression peut être
modifié au moment de l'enregistrement de l'image en cliquant sur
la case Options. Une photo réduite à 21 Ko avec un taux de
compression de 15% ne pèsera plus que 11 Ko avec un taux de
compression de 30%, sans que la qualité en soit dégradée de façon
visible une fois affichée sur le Web. Intégration des images, vous
y placez toutes les propriétés, l'attribut src désigne sa
source, c'est-à-dire l'endroit où le programme doit aller la
chercher, l'attribut ALT permet d'afficher une info-bulle sur
l'image, width hauteur de l'image, height sa largeur voir un
exemple ci-dessous
<P><img src="votre-image.jpg" alt="Ma voiture" width="137" height="136">
Haut de la page |
|
| |
|
Html
|
Les liens entre
les pages
|
Ref |
|
|
Le
lien sur les autre pages vers votre page d'accueil la commande est
< A HREF="index.html">Mon site</A>
Pour créer un lien vers des sous dossiers la commande est
< A HREF="nom-du-dossier/la-page.html">La chasse</A>
Pour créer un lien
vers une page locale la commande est
< A HREF="la-page.html">Le lien</A>
Pour créer un lien vers un autre site
< A HREF="http://www.isere-annuaire.com">Annuaire de l'Isère</A>
ce qui apparaît sur la page
Annuaire de l'Isère
Comment créer un
lien vers un endroit précis sur la même page
<A HREF+3#ancre 1"> Haut de la page</A>
Haut de la page |
|
| |
|