Les astuces pour Internet

Web html astuce page Internet isère annuaire

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é
&nbsp; 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>&nbsp; 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
  1. Ceci est le premier point
  2. 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

   
à = &agrave; À = &Agrave; < = &lt; ‰ = &#137;
á = &aacute; Á = &Aacute; > = &gt; ™ = &#153;
â = &acirc; Â = &Acirc; " = &quot; ° = &#176;
ç = &ccedil; Ç = Ccedil; « = &#171; ± = &#177;
è = &egrave; È = &Egrave; » = &#187; ¹ = &#185;
é = &acute; É = &Eacute; © = &copy; ² = &#178;
ê = &ecirc; Ê = &Ecirc; ® = &reg; ³ = &#179;
ë = &euml; Ë = &Euml; & = &amp; ½ = &#189;
î = &icirc; Î = &Icirc; ¥ = &yen; ¼ = &#188;
ï = &iuml; Ï = &Iuml; ¢ = &cent; ¾ = &#190;
ô = &ocirc; Ô = &Ocirc; £ = &pound;  
œ = &#156; Œ = &#140; € = &#128  
ù = &ugrave; Ù = &Ugrave; ƒ = &#131  
û = &ucirc; Û = &Ucirc; § = &#167  
 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 Dossier de votre sitedu 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
 

NOTE :

*

Accueil | Hôtels | Gîtes chambres d'hôtes | Restaurants | Bars | Campings | Artisans | Commerces | Automobile |
Liens | Partenaires | Contact |

|