{"id":749,"date":"2015-11-25T15:54:18","date_gmt":"2015-11-25T15:54:18","guid":{"rendered":"http:\/\/wp.pixerecourt.fr\/?page_id=749"},"modified":"2018-11-14T14:39:03","modified_gmt":"2018-11-14T14:39:03","slug":"creation-de-site","status":"publish","type":"page","link":"https:\/\/wp.pixerecourt.fr\/cours-info\/creation-de-site\/","title":{"rendered":"Publication sur le web: G\u00e9n\u00e9ralit\u00e9s"},"content":{"rendered":"<a class=\"mwm-aal-item\" name=\"lurl-dune-page-internet\"><\/a><h1>L'URL d'une page internet:<\/h1>\n<h2>Elle appara\u00eet:<\/h2>\n<h3>Dans les r\u00e9sultats des moteurs de recherche:<\/h3>\n<p>Elle appara\u00eet g\u00e9n\u00e9ralement en dessous du titre de chaque page propos\u00e9e<\/p>\n<figure id=\"attachment_814\" aria-describedby=\"caption-attachment-814\" style=\"width: 858px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/09\/r\u00e9sultat-moteur.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-814\" src=\"http:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/09\/r\u00e9sultat-moteur.jpg\" alt=\"R\u00e9sultat de recherche de google\" width=\"858\" height=\"669\" srcset=\"https:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/09\/r\u00e9sultat-moteur.jpg 858w, https:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/09\/r\u00e9sultat-moteur-300x233.jpg 300w\" sizes=\"auto, (max-width: 858px) 100vw, 858px\" \/><\/a><figcaption id=\"caption-attachment-814\" class=\"wp-caption-text\">R\u00e9sultat de recherche de google<\/figcaption><\/figure>\n<h3>Dans les liens hypertextes:<\/h3>\n<p>Les liens hypertextes permettent d'acc\u00e8der directement \u00e0 une page de site en un seul clic. Ceux ci contiennent l'adresse URL \"cible\" de la page du site \u00e0 visiter. Cette information est \u00e0 pr\u00e9ciser lors de la cr\u00e9ation du lien:<\/p>\n<p>[concept_un_demi first]<\/p>\n<figure id=\"attachment_816\" aria-describedby=\"caption-attachment-816\" style=\"width: 331px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/09\/lienwp.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-816\" src=\"http:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/09\/lienwp.jpg\" alt=\"Insertion d'un lien hypertexte dans l'\u00e9diteur Worpress\" width=\"331\" height=\"332\" srcset=\"https:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/09\/lienwp.jpg 501w, https:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/09\/lienwp-150x150.jpg 150w, https:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/09\/lienwp-300x300.jpg 300w\" sizes=\"auto, (max-width: 331px) 100vw, 331px\" \/><\/a><figcaption id=\"caption-attachment-816\" class=\"wp-caption-text\">Insertion d'un lien hypertexte dans l'\u00e9diteur Worpress<\/figcaption><\/figure>\n<p>[\/concept_un_demi][concept_un_demi]<\/p>\n<figure id=\"attachment_817\" aria-describedby=\"caption-attachment-817\" style=\"width: 309px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/09\/lienoffice.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-817\" src=\"http:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/09\/lienoffice.jpg\" alt=\"Insertion d'un lien hypertexte sur un document Office 2016\" width=\"309\" height=\"227\" srcset=\"https:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/09\/lienoffice.jpg 400w, https:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/09\/lienoffice-300x220.jpg 300w\" sizes=\"auto, (max-width: 309px) 100vw, 309px\" \/><\/a><figcaption id=\"caption-attachment-817\" class=\"wp-caption-text\">Insertion d'un lien hypertexte sur un document Office 2016<\/figcaption><\/figure>\n<p>[\/concept_un_demi]<\/p>\n<p>&nbsp;<\/p>\n<h3>Sur le navigateur:<\/h3>\n<p>L' URL permet d'identifier la page du site internet qui est affich\u00e9e dans le navigateur, celle-ci s'affiche dans la zone de texte qui se trouve en haut de page (encercl\u00e9e de rouge sur l'image suivante:)<\/p>\n<p>&nbsp;<\/p>\n<figure id=\"attachment_815\" aria-describedby=\"caption-attachment-815\" style=\"width: 1329px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/09\/navigateururl.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-815\" src=\"http:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/09\/navigateururl.jpg\" alt=\"L'URL sur le navigateur\" width=\"1329\" height=\"631\" srcset=\"https:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/09\/navigateururl.jpg 1626w, https:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/09\/navigateururl-300x142.jpg 300w, https:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/09\/navigateururl-1024x486.jpg 1024w\" sizes=\"auto, (max-width: 1329px) 100vw, 1329px\" \/><\/a><figcaption id=\"caption-attachment-815\" class=\"wp-caption-text\">L'URL sur le navigateur<\/figcaption><\/figure>\n<h2>Composition d'une URL<\/h2>\n<p>Dans l'image ci dessus, l'URL consult\u00e9e est :<\/p>\n<address><span style=\"font-size: 12pt;\">http:\/\/www.pixerecourt.fr\/index.php\/apprentissage<\/span><\/address>\n<p>On peut y voir appara\u00eetre, s\u00e9par\u00e9s par des .<\/p>\n<p style=\"padding-left: 90px;\"><em><strong>http:\/\/<\/strong><\/em> -&gt; Le protocole utilis\u00e9<\/p>\n<p style=\"padding-left: 90px;\"><em><strong>www<\/strong><\/em> -&gt; Le nom de l'ordinateur qui h\u00e9berge la page \u00e0 consulter<\/p>\n<p style=\"padding-left: 90px;\"><em><strong>pixerecourt.fr<\/strong><\/em> -&gt; Le nom de domaine (voir plus bas)<\/p>\n<p style=\"padding-left: 90px;\"><em><strong>apprentissage<\/strong><\/em> -&gt; Le titre de la page que l'on visite dans le site web<\/p>\n<a class=\"mwm-aal-item\" name=\"le-nom-de-domaine\"><\/a><h1>Le nom de domaine<\/h1>\n<p>Le nom de domaine est une cha\u00eene de texte qui permet d'identifier un site internet, ou un ensemble de site. Il peut \u00eatre attribu\u00e9 \u00e0 un particulier, une soci\u00e9t\u00e9 ou une association, \u00e0 la condition de payer un abonnement aupr\u00e8s d'un h\u00e9b\u00e9rgeur.<\/p>\n<p>Ce dernier se termine par une extension, situ\u00e9e apr\u00e8s le dernier point ( ici .fr ):<\/p>\n<h3>les extensions:<\/h3>\n<p>M\u00eame si aujourd'hui on peut rencontrer tout type d'extension, celles-ci apportent parfois des indications quant au nom de domaine que l'on visite:<\/p>\n<ul>\n<li>.fr -&gt; r\u00e9serv\u00e9e aux entreprises ou aux organisations situ\u00e9es g\u00e9ographiquement en France. On trouve aussi une extension par pays: .be (belge) .de (Allemagne) .us (Etats unis) .uk (angleterre) ...<\/li>\n<li>.com -&gt; pour les sites commerciaux (\u00e0 but lucratif)<\/li>\n<li>.org -&gt; pour les organisations \u00e0 but non lucratif<\/li>\n<\/ul>\n<h3>le nom de domaine principal:<\/h3>\n<p>Pour exister, le nom de domaine, et l'adresse IP du serveur contenant le site internet, doivent \u00eatre enregistr\u00e9s dans des \"serveurs DNS\".<\/p>\n<p>Ces serveurs, v\u00e9ritables \"Annuaire mondiale\" g\u00e9r\u00e9s par la \"Registration Authority\", r\u00e9pertorient les adresses des sites internet du monde entier. Ils sont interrog\u00e9s \u00e0 chaque fois que vous consulter un site internet, afin que votre ordinateur dispose de l'adresse IP du site que vous voulez visiter. Sans cela, internet sera tr\u00e8s difficile \u00e0 utiliser!<\/p>\n<h3>Des informations sur le nom de domaine:<\/h3>\n<p>Pour conna\u00eetre des informations sur les sites web, le nom de domaine est une indication importante, car elle permet de retrouver des informations sur le titulaire du site.<\/p>\n<p>Pour retrouver ces informations sur le domaine, il faut utiliser le service \"whois\", et pour cela, quelques sites peuvent vous aider:<\/p>\n<p>[concept_un_demi first]<\/p>\n<figure id=\"attachment_819\" aria-describedby=\"caption-attachment-819\" style=\"width: 521px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/09\/recherche-affnic.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-819\" src=\"http:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/09\/recherche-affnic.jpg\" alt=\"Recherche sur le site affnic.fr R\u00e9sultat en fran\u00e7ais, mais uniquement sur quelques extensions (.fr, notament)\" width=\"521\" height=\"290\" srcset=\"https:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/09\/recherche-affnic.jpg 1048w, https:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/09\/recherche-affnic-300x167.jpg 300w, https:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/09\/recherche-affnic-1024x570.jpg 1024w, https:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/09\/recherche-affnic-1038x576.jpg 1038w\" sizes=\"auto, (max-width: 521px) 100vw, 521px\" \/><\/a><figcaption id=\"caption-attachment-819\" class=\"wp-caption-text\">Recherche sur le site <a href=\"https:\/\/www.afnic.fr\/fr\/produits-et-services\/services\/whois\/\">affnic.fr<\/a><br \/>Il donne des r\u00e9sultats en fran\u00e7ais, mais uniquement sur quelques extensions (.fr, notament)<\/figcaption><\/figure>\n<figure id=\"attachment_820\" aria-describedby=\"caption-attachment-820\" style=\"width: 285px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/09\/resultatwhoisoffnic.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-820\" src=\"http:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/09\/resultatwhoisoffnic.jpg\" alt=\"R\u00e9sultat de la recherche\" width=\"285\" height=\"319\" srcset=\"https:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/09\/resultatwhoisoffnic.jpg 522w, https:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/09\/resultatwhoisoffnic-267x300.jpg 267w\" sizes=\"auto, (max-width: 285px) 100vw, 285px\" \/><\/a><figcaption id=\"caption-attachment-820\" class=\"wp-caption-text\">R\u00e9sultat de la recherche<\/figcaption><\/figure>\n<p>[\/concept_un_demi][concept_un_demi]<\/p>\n<figure id=\"attachment_821\" aria-describedby=\"caption-attachment-821\" style=\"width: 442px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/09\/whoisnet.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-821\" src=\"http:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/09\/whoisnet.jpg\" alt=\"Recherche d'information de nom de domaine sur le site whois.net Il donne les r\u00e9sultats en Anglais, mais connait toutes extensions\" width=\"442\" height=\"449\" srcset=\"https:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/09\/whoisnet.jpg 688w, https:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/09\/whoisnet-295x300.jpg 295w\" sizes=\"auto, (max-width: 442px) 100vw, 442px\" \/><\/a><figcaption id=\"caption-attachment-821\" class=\"wp-caption-text\">Recherche d'information de nom de domaine sur le site <a href=\"https:\/\/www.whois.net\/\">whois.net<\/a><br \/>Il donne les r\u00e9sultats en Anglais, mais conna\u00eet toutes les extensions<\/figcaption><\/figure>\n<p>[\/concept_un_demi]<\/p>\n<h2>Pour obtenir un nom de domaine:<\/h2>\n<p>Il faut prendre un abonnement aupr\u00e8s d'un h\u00e9bergeur, en plus de l'h\u00e9bergement proprement dit (voir plus bas)<\/p>\n<p>Celui ci, pour quelques euros par mois, vous attribue le nom de domaine de votre choix si celui-ci est disponible.<\/p>\n<p>Vous pourrez ensuite d\u00e9clarer librement autant de sous domaine que vous voudrez.<\/p>\n<h2>exemple:<\/h2>\n<p>L'EPL de Pix\u00e9r\u00e9court \u00e0 souscrit le nom de domaine suivant, pour environ 7\u20ac\/an :<\/p>\n<div class=\"encadre\">pixerecourt. fr<\/div>\n<p>Gr\u00e2ce \u00e0 cela, on \u00e0 pu cr\u00e9er les sous domaines:<\/p>\n<div class=\"encadre\">www.pixerecourt.fr, sondage.pixerecourt.fr, reservation.pixerecourt.fr etc...<\/div>\n<p>Ces sous domaines vont pointer vers des adresses IP d'ordinateurs qui h\u00e9bergent des sites internet diff\u00e9rents (\u00e0 essayer!)<\/p>\n<a class=\"mwm-aal-item\" name=\"lhbergement\"><\/a><h1>L'h\u00e9bergement<\/h1>\n<h2>Pourquoi a-t-on besoin d'un h\u00e9bergeur?<a href=\"http:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/09\/demenage.gif\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-296\" src=\"http:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/09\/demenage.gif\" alt=\"demenage\" width=\"56\" height=\"104\"><\/a><\/h2>\n<p>L\u2019h\u00e9bergement web est un espace sur lequel on peut stocker des pages afin de les rendre accessibles sur Internet. Un internaute connaissant le cheminement pour arriver \u00e0 vos pages pourra ainsi voir ce que vous avez d\u00e9poser.<\/p>\n<p>Le r\u00f4le de l'h\u00e9bergeur est de vous fournir un espace de stockage sur un serveur, allum\u00e9 et connect\u00e9 en permanence \u00e0 internet.<\/p>\n<h3>Combien \u00e7a co\u00fbte?<\/h3>\n<p><a href=\"http:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/09\/argent.jpeg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-297\" src=\"http:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/09\/argent-150x150.jpeg\" alt=\"argent\" width=\"64\" height=\"64\"><\/a><\/p>\n<p>Plus le site \u00e0 h\u00e9berger vise \u00e0 \u00eatre populaire, plus la qualit\u00e9 de la connexion internet du serveur devra \u00eatre importante. Dans le cas contraire, la qualit\u00e9 de service sera mauvaise et vos visiteurs vont se plaindre de lenteur !<\/p>\n<p>Le prix varie \u00e9norm\u00e9ment selon la qualit\u00e9 de la connexion, la quantit\u00e9 de donn\u00e9e \u00e0 stocker et les diff\u00e9rents types d\u2019h\u00e9bergement. Pour un site internet le prix peut aller de 0 \u00e0 100\u20ac\/mois.<\/p>\n<h3>Les diff\u00e9rents type d'h\u00e9bergement:<\/h3>\n<h4>Les blogs gratuit:<\/h4>\n<p>Les h\u00e9bergeurs de blog en ligne (cowblog, blogger ...), permettent du publier facilement de l'information sur internet . Toutefois, les offres sont limit\u00e9es: La limite peut porter sur la capacit\u00e9 de stockage, la qualit\u00e9 de la connexion du serveur, le choix du nom de domaine.<\/p>\n<p>L'inconv\u00e9nient principal de ce type d'h\u00e9bergement \u00e9tant que l\u2019h\u00e9bergeur n'est pas soumis \u00e0 une continuit\u00e9 de service, car il n'a pas d\u2019engagement avec vous. En outre l'h\u00e9bergeur se finance par le biais de la publicit\u00e9, le site que vous cr\u00e9erez sera soumis \u00e0 cette publicit\u00e9! (difficile \u00e0 contr\u00f4ler). Ces solutions conviennent rarement pour l'h\u00e9bergement d'un site professionnel<\/p>\n<h4>H\u00e9bergement partag\u00e9 (ou mutualis\u00e9):<\/h4>\n<p>Vous louez un espace sur un serveur partag\u00e9 avec d'autres utilisateurs, sans lien avec vous. Cet espace vous permettra de faire fonctionner un site internet, avec une base de donn\u00e9e et d'autres options (module de paiement, sauvegarde ...Etc)<\/p>\n<p>Le prix est assez modeste (\u00e0 partir de 5\u20ac) et g\u00e9n\u00e9ralement, dans le domaine professionnel, on confie la construction du site \u00e0 une soci\u00e9t\u00e9 de service qui prendra en charge la maintenance et les \u00e9volutions du site.<\/p>\n<p>Toutefois, ce type d'h\u00e9bergement ne conviendra pas pour un client qui \u00e0 besoin d'une technologie particuli\u00e8re pour faire fonctionner son site (limite technique)<\/p>\n<h4>H\u00e9bergement d\u00e9di\u00e9:<\/h4>\n<p>Avec ce type d'offre, vous contr\u00f4lez directement le serveur qui h\u00e9berge votre site internet. Cette solution permettra de faire fonctionner autant de site qu'on veut, sans limite technique. Par contre elle n\u00e9cessite des comp\u00e9tences pour administrer la machine correctement (serveur souvent en \"Linux\")<\/p>\n<h3>Quelques h\u00e9bergeurs:<\/h3>\n<figure id=\"attachment_293\" aria-describedby=\"caption-attachment-293\" style=\"width: 90px\" class=\"wp-caption alignleft\"><a href=\"https:\/\/www.ovh.com\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-293 \" src=\"http:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/09\/logo_ovh-150x105.png\" alt=\"\" width=\"90\" height=\"63\" srcset=\"https:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/09\/logo_ovh-150x105.png 150w, https:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/09\/logo_ovh.png 151w\" sizes=\"auto, (max-width: 90px) 100vw, 90px\" \/><\/a><figcaption id=\"caption-attachment-293\" class=\"wp-caption-text\">OVH<\/figcaption><\/figure>\n<figure id=\"attachment_294\" aria-describedby=\"caption-attachment-294\" style=\"width: 90px\" class=\"wp-caption alignright\"><a href=\"http:\/\/commander.1and1.fr\/\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-294 \" src=\"http:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/09\/logo_1and2.jpg\" alt=\"logo_1and2\" width=\"90\" height=\"106\"><\/a><figcaption id=\"caption-attachment-294\" class=\"wp-caption-text\">1 and 1<\/figcaption><\/figure>\n<figure id=\"attachment_295\" aria-describedby=\"caption-attachment-295\" style=\"width: 90px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/www.amen.fr\/\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-295\" src=\"http:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/09\/logo_amen.png\" alt=\"Amen\" width=\"90\" height=\"90\"><\/a><figcaption id=\"caption-attachment-295\" class=\"wp-caption-text\">Amen<\/figcaption><\/figure>\n<figure id=\"attachment_290\" aria-describedby=\"caption-attachment-290\" style=\"width: 90px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/www.pro-hebergement.fr\/\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-290 \" src=\"http:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/09\/logopro_hebergement.png\" alt=\"logopro_hebergement\" width=\"90\" height=\"82\"><\/a><figcaption id=\"caption-attachment-290\" class=\"wp-caption-text\">Pro h\u00e9bergement<\/figcaption><\/figure>\n<a class=\"mwm-aal-item\" name=\"le-langage-html\"><\/a><h1 class=\"niv1\">Le langage HTML<\/h1>\n<p>C'est un langage qui permet de d\u00e9crire le contenu d'une page internet. Ce langage est lu par tous les navigateur internet, qui se charge d'afficher la page.<\/p>\n<p>Des \u00e9diteurs en ligne, comme <a title=\"L\u2019\u00e9diteur de contenu\" href=\"http:\/\/wp.pixerecourt.fr\/prise-en-main-de-wordpress\/lediteur-de-contenu\/\">l'\u00e9diteur de WordPress<\/a>, permettent d'\u00e9crire ce langage sans avoir \u00e0 en conna\u00eetre la syntaxe. Ce mode d'\u00e9dition est appel\u00e9 \"mode VISUEL\".<\/p>\n<p>Toutefois, ces \u00e9diteurs ne parviennent toujours \u00e0 composer du code HTML \"propre\", et ne permettent pas de \"tout\" faire. Par cons\u00e9quent, on peut parfois \u00eatre amen\u00e9 \u00e0 manipuler ce langage directement: on utilise alors le mode TEXTE<\/p>\n<h2>Les balises HTML ?<\/h2>\n<p>Une page de site internet en HTML contient g\u00e9n\u00e9ralement:<\/p>\n<ul>\n<li>Le texte, \u00e9crit sous forme brute, c'est \u00e0 dire sans mise en forme<\/li>\n<li>Des balises, qui permettent de d'\u00e9crire les mise en forme \u00e0 appliquer, ou de demander l'affichage d'une image, d'une vid\u00e9o, d'un tableau etc....<\/li>\n<\/ul>\n<p>Une balise est un \u00e9l\u00e9ment de texte encadr\u00e9 par les signes &lt; et &gt;<br \/>\nLes balises HTML fonctionnent g\u00e9n\u00e9ralement par paire. La premi\u00e8re sert \u00e0 \"ouvrir\" la commande, et la seconde \u00e0 la fermer. Elle est pr\u00e9c\u00e9d\u00e9e du signe \/<\/p>\n<h4>Exemple:<\/h4>\n<p>Pour mettre un texte en gras :<br \/>\n<code>&lt;strong&gt; <strong>Ce texte est en gras<\/strong> &lt;\/strong&gt;<\/code><br \/>\nLes balises HTML peuvent parfois \u00eatre uniques : la balise &lt;br&gt; repr\u00e9sente par exemple un retour \u00e0 la ligne.<\/p>\n<h3>Imbrication des balises<\/h3>\n<p>Les balises HTML ont la particularit\u00e9 de pouvoir \u00eatre imbriqu\u00e9es de mani\u00e8re hi\u00e9rarchique afin de permettre le cumul de leur propri\u00e9t\u00e9s.<\/p>\n<h4>Exemple:<\/h4>\n<p>Pour mettre un texte en gras <span style=\"text-decoration: underline;\">et<\/span> en italique:<br \/>\n<code>&lt;strong&gt;&lt;em&gt; <em><strong>Ce texte est en gras<\/strong><\/em> &lt;\/em&gt;&lt;\/strong&gt;<\/code><\/p>\n<h3>Attributs des balises<\/h3>\n<p>Certaines balises peuvent contenir un compl\u00e9ment d'information, appel\u00e9 \"Attributs\". Par exemple la balise &lt;span&gt; peut permettre de pr\u00e9ciser la couleur d'un texte<\/p>\n<p><span style=\"color: #0000ff;\"><strong>Voici un texte en gras et bleu <\/strong> <\/span><\/p>\n<p>le code est :<br \/>\n<code>&lt;strong&gt;&lt;span style=\"color: #0000ff;\"&gt;Voici un texte en gras et bleu&lt;\/span&gt;&lt;\/strong&gt;<\/code><\/p>\n<h3>D'autres balises:<\/h3>\n<p>La balise &lt;DIV&gt;, qui permet de cr\u00e9er des cadres est d\u00e9crite sur <a title=\"Un peu plus loin dans le code HTML: Les blocs\" href=\"http:\/\/wp.pixerecourt.fr\/notions-generales\/un-peu-plus-loin-dans-le-code-html-les-blocs\/\">cette page<\/a><\/p>\n<p>Vous trouverez ici <a href=\"http:\/\/faireunblog.over-blog.com\/article-les-principales-balises-html-39101100.html\"><em>Les principales balises HTML<\/em><\/a><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>L&rsquo;URL d&rsquo;une page internet: Elle appara\u00eet: Dans les r\u00e9sultats des moteurs de recherche: Elle appara\u00eet g\u00e9n\u00e9ralement en dessous du titre de chaque page propos\u00e9e Dans les liens hypertextes: Les liens hypertextes permettent d&rsquo;acc\u00e8der directement \u00e0 une page de site en un seul clic. Ceux ci contiennent l&rsquo;adresse URL \u00ab\u00a0cible\u00a0\u00bb de la page du site \u00e0 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":4,"comment_status":"open","ping_status":"open","template":"","meta":{"ngg_post_thumbnail":0,"footnotes":""},"class_list":["post-749","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wp.pixerecourt.fr\/cours-info\/wp-json\/wp\/v2\/pages\/749","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp.pixerecourt.fr\/cours-info\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wp.pixerecourt.fr\/cours-info\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wp.pixerecourt.fr\/cours-info\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wp.pixerecourt.fr\/cours-info\/wp-json\/wp\/v2\/comments?post=749"}],"version-history":[{"count":0,"href":"https:\/\/wp.pixerecourt.fr\/cours-info\/wp-json\/wp\/v2\/pages\/749\/revisions"}],"wp:attachment":[{"href":"https:\/\/wp.pixerecourt.fr\/cours-info\/wp-json\/wp\/v2\/media?parent=749"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}