Articles avec le tag ‘html’

Notepad ++


Notepad ++ est un éditeur de code source. Mais c’est également  un programme destiné avant tout aux développeurs, débutants et confirmés.

C’est en fait une version amélioré du Notepad livré avec votre windows. Il apporte de nouvelles fonctionnalités (fonction recherche, coloration des symboles, onglets navigation multiples…) ,  et est supporté en de nombreuses langues.

>>> Télécharger sur Clubic

Caractères Spéciaux


Les caractères spéciaux – en html , il existe deux facons de les écrire.

  1. Le plus simple pour écrire des caractères spéciaux est appelé code ou abréviation html .
  2. La seconde manière d’écrire est appelée référence numérique ou code ISO . La plupart des navigateurs fonctionnent avec les deux .
Caractère Code ISO Abréviation HTML
Espace insécable
 
 
 
A
À
À
À
Á
Á
Á
Â
Â
Â
Ã
Ã
Ã
Ä
Ä
Ä
Å
Å
Å
Æ
Æ
&Aelig;
à
à
à
á
á
á
â
â
â
ã
ã
ã
ä
ä
ä
å
å
å
æ
æ
æ
C
Ç
Ç
Ç
ç
ç
ç
D
Ð
Ð
Ð
ð
ð
ð
E
È
È
È
É
É
É
Ê
Ê
Ê
Ë
Ë
Ë
è
è
è
é
é
é
ê
ê
ê
ë
ë
ë
I
Ì
Ì
Ì
Í
Í
Í
Î
Î
Î
Ï
Ï
Ï
ì
ì
ì
í
í
í
î
î
î
ï
ï
ï
N
Ñ
Ñ
Ñ
ñ
ñ
ñ
O
Ò
Ò
Ò
Ó
Ó
Ó
Ô
Ô
Ô
Õ
Õ
Õ
Ö
Ö
Ö
Ø
Ø
Ø
Œ
Œ
Œ
ò
ò
ò
ó
ó
ó
ô
ô
ô
õ
õ
õ
ö
ö
ö
ø
ø
ø
œ
œ
œ
S
Š
Š
 
š
š
 
U
Ù
Ù
Ù
Ú
Ú
Ú
Û
Û
Û
Ü
Ü
Ü
ù
ù
ù
ú
ú
ú
û
û
û
ü
ü
ü
Y
Ý
Ý
Ý
Ÿ
Ÿ
Ÿ
ý
ý
ý
ÿ
ÿ
ÿ
Z
Ž
Ž
 
ž
ž
 
Symbôles monétaires
¢
¢
¢
£
£
£
¥
¥
¥
Symbôles légaux
™
 
©
©
©
®
®
®
Symbôles numériques
‰
 
ª
ª
ª
º
º
º
¹
¹
¹
²
²
²
³
³
³
¼
¼
¼
½
½
½
¾
¾
¾
÷
÷
÷
×
×
×
>
›
>
<
&#139;
&lt;
±
&#177;
&plusmn;
Autres symbôles
&
 
&amp;
&#130;
 
ƒ
&#131;
 
&#132;
 
&#133;
 
&#134;
 
&#135;
 
ˆ
&#136;
 
&#145;
 
&#146;
 
&#147;
 
&#148;
 
&#149;
 
&#150;
 
&#151;
 
˜
&#152;
 
¿
&#191;
&iquest;
¡
&#161;
&iexcl;
¤
&#164;
&curren;
¦
&#166;
&brvbar;
§
&#167;
&sect;
¨
&#168;
&uml;
«
&#171;
&laquo;
»
&#187;
&raquo;
¬
&#172;
&not;
¯
&#175;
 
´
&#180;
&acute;
µ
&#181;
&micro;
&#182;
&para;
·
&#183;
&middot;
¸
&#184;
&cedil;
þ
&#222;
&thorn;
ß
&#223;
&szlig;

.Les navigateurs se perfectionnent et permettent de voir de nouveaux caractéres. Les jouers de poker apprécieront. ♠♣ ♦ .Attention : Le symbole du carreau(♦) ne fonctionne pas avec la font verdana.

Navigateur code ISo Html Description
&#9824; &spades; Pique
&#9827; &clubs; Trefle
&#9829; &hearts; Coeur
&#9830; &diams; Carreau

La vie du Site Maintenance


Etape 7 : LA VIE DU SITE – LES MISES A JOUR – LA MAINTENANCE

Pour que votre site soit un succès total, il faut le mettre à jour régulièrement. Si vous souhaitez que vos visiteurs reviennent , présentez leur du nouveau : Derniers Articles

Vous devez donc vous adapter aux demandes des internautes et également évoluer avec le web , cela signifie parfois refaire entièrement l’ossature de votre site avec les nouvelles techniques et connaissances que vous avez acquises.

    Pourquoi mettre à jour ?

Corrigez ou améliorez votre mise en page et/ design :

  • pour ajouter de nouvelles informations ou mettre à jour les anciennes
  • pour répondre aux critiques et souhaits des visiteurs
  • et tout simplement parce que les sites statiques perdent rapidement de leur intérêt.

    Les trucs et astuces de la réussite

  • Restez simple : créer de nouvelles pages compliquées ne sera qu’une charge de travail supplémentaire.
  • Soyez fiable : si vous promettez des mises à jour mensuelles , faites les , ne proposez pas quelque chose que vous ne pouvez pas offrir.
  • Prenez chaque email , chaque feedback au sérieux et répondez y avec application.
  • Ajoutez des outils tels que les forums, newsletters, etc pour fidéliser vos lecteurs et permettre les critiques ou félicitations 🙂 il existe de nombreux outils déjà prêts en ligne vous permettant de mettre cela en place =>
  • Une page « Nouveautés » met en valeur votre contenu et votre visiteur qui revient peut ainsi voir ce qui a changé depuis sa dernière visite.
  • Pour les sites qui ont plus de 10 pages, il est conseillé d’ajouter un plan général.
  • Faites des sauvegardes de vos sites et pages.

La majorité des webmasters font des mises à jour hebdomadaires mais il est important de trouver son rythme personnel pour être efficace.

Installer un compteur de visite gratuit pour connaitre vos statistiques et ainsi améliorer et optimiser votre site. Améliorer votre référencement en suivant vos sites avec les outils webmaster google.

Continuez en permanence à contrôler votre contenu ensuite à le promouvoir , faire connaître votre site, à superviser votre pagerank , comment l’améliorer. Toujours penser à la qualité de votre contenu ! Il est parfois utile de s’aider d’outils en ligne.

Faite vivre votre site aujourd’hui signifie en faire une version mobile afin de faciliter la navigation sur un smartphone.

Que dire de plus autre que vous pouvez ajouter ce site à vos favoris et que nous ajouterons des nouveautés régulièrement et pour toutes vos questions rendez-vous en page en page contact.

Les Bases du Html


Les BASES du HTML

TOUT CE QU’IL FAUT CONNAITRE POUR CREER SA PREMIERE PAGE


Toutes les pages web doivent contenir certaines lignes de codes html

<html>

<head>

<title>Votre Titre ICI</title>

<body>

Le texte, les images , les fichiers sons de votre pages doivent êter placés enter les balises <body> au début et </body> en fin de page.

</body>

</html>

Les Balises HTML

En html, les balises indiquent au navigateur ce qu’il doit faire. Vous utilisez donc les balises pour plusieurs raisons : quand vous changez l’apparence , la couleur, de votre texte, quand vous montrez un graphique, quand vous créer un lien vers une autre page. Toutes ses balises sont invisibles en naviguant mais elles sont primordiables.

Si vous souhaitez voir le code html d’une page , il vous suffit de taper simultanément sur les touches CRTL+ U de votre clavier.

– Toutes les balises commence par les symboles <> et terminent par les symboles </>. elles sont utilisées par paire, une pour ouvrir et l’autre pour fermer l’action

– Cette Balise <B> ou <strong> met votre texte en gras. Ce symbole b</B> ou </strong> termine l’effet

– Pour souligner un texte ou une phrase , utilisez la balise <u>

Attention Un texte souligné est parfois confondu avec un lien.

Exemple : <u>VITCLIC </u>

– Une balise qui n’est pas souvent utilisée . <strike> , je vous laisse deviner à quoi elle sert. BALISE – BALISE

– Toutes les balises fonctionnent de la même manière, vous devez indiquer au navigateur où commencer et terminer l’action. Il y a quelques exceptions comme <p> : la balise paragraphe. Vous n’êtes pas obligé d’utiliser la balise </p> pour terminer l’action , mais vous pouvez le faire et beaucoup le font.

– Pour contrôler la couleur de fond de votre page, de votre texte, de vos liens, vous devez ajouter le code entre les balises <body> . Par exemple pour cette page le code est « <body bgcolor= »#E7EFF8 >

– les liens Hypertextes :

Les liens internes – Pour créer un lien vers une autre page de votre site, utilisez des balises de cette façon : <a href= »lien.html » >Lien Interne</a> ce qui affichera sur votre page Lien Interne. On appelera cela une url relative.

Les liens externes – pour créer un lien vers une autre page externe ou un autre site <a href= »http://www.google.com » >Lien Externe</a> Ce qi affichera sur la page Lien Externe : une url absolue.

– Image pour afficher une image (gif ou jpg ) la balise à utiliser est <img src= »nomdefichier.jpg »> il est possible aussi de préciser la taille d’affichage de l’image <img src= »nomdefichier.jpg » width=40 height=30>

– Certains caractères ont une certaine siginification dans les documents html . Cela inclue les signes < > & et  » . Mais votre clavier ne vous propose aucune touche pour certains sigles tel que © Il faut donc utiliser des caracteres numériques pour les créer. Voir les caractères spéciaux.


 

Vérification

Pensez à vérifier , tester , relire vos pages plusieurs fois avant de les mettre en ligne

©VitClic.com 2007/2010 Mentions