<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>configuration &#8211; Delphine MALASSINGNE</title>
	<atom:link href="https://articles.nissone.com/tag/configuration/feed/" rel="self" type="application/rss+xml" />
	<link>https://articles.nissone.com</link>
	<description></description>
	<lastBuildDate>Sun, 05 Feb 2012 12:52:32 +0000</lastBuildDate>
	<language>fr-FR</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.7.1</generator>
	<item>
		<title>HTML et Internet (Initiation au HTML 2/5)</title>
		<link>https://articles.nissone.com/2008/05/html-internet/</link>
					<comments>https://articles.nissone.com/2008/05/html-internet/#respond</comments>
		
		<dc:creator><![CDATA[Delphine Malassingne]]></dc:creator>
		<pubDate>Wed, 28 May 2008 12:43:29 +0000</pubDate>
				<category><![CDATA[[Article]]]></category>
		<category><![CDATA[Intégration de pages web]]></category>
		<category><![CDATA[Le monde du web]]></category>
		<category><![CDATA[agent utilisateur]]></category>
		<category><![CDATA[client]]></category>
		<category><![CDATA[configuration]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[modem]]></category>
		<category><![CDATA[serveur]]></category>
		<category><![CDATA[système d'exploitation]]></category>
		<guid isPermaLink="false">http://articles.nissone.com/?p=196</guid>

					<description><![CDATA[Initiation au HTML
Partie I : HTML et Internet. 
Historique - Environnement.
]]></description>
										<content:encoded><![CDATA[<h2>Historique</h2>
<p>Internet a initialement été créé par les militaires américains dans les années 60 afin de partager des informations sur un réseau. Internet est ensuite passé dans le domaine universitaire avant de s’ouvrir tel qu’on l’on connaît actuellement : un réseau international accessible à tous.<br />
Il s’agit en fait d’un réseau d’ordinateurs qui hébergent les pages web (les serveurs) qui sont connectés les uns aux autres.</p>
<p>HTML est l’acronyme de Hyper Text Markup Language, soit un langage de marquage hypertexte.<br />
Ce langage a été crée afin de structurer les informations mise à disposition sur Internet.<br />
Sa particularité est certainement le lien hypertexte qui permet de passer d’une page à l’autre en cliquant sur des mots-clé.</p>
<h2>L&rsquo;environnement</h2>
<h3>L&rsquo;environnement utilisateur</h3>
<p>Le lecteur d’un site Internet a besoin de plusieurs outils pour accéder à une page :</p>
<ul>
<li>un modem. Il peut être bas-débit (jusqu’à 28k) ou haut-débit (ADSL) et jusqu’à très haut-débit (20 M, par exemple).</li>
<li>un agent utilisateur. C’est-à-dire, le logiciel qui reçoit les pages et est capable de les interpréter et les afficher. Internet Explorer ou Safari, par exemple.</li>
<li>un système d’exploitation, dans lequel est installé l’agent utilisateur</li>
<li>une machine : ordinateur, PDA, mobile…</li>
</ul>
<figure id="attachment_198" aria-describedby="caption-attachment-198" style="width: 500px" class="wp-caption aligncenter"><a href="http://articles.nissone.com/wp-content/uploads/2008/10/configurations.gif"><img fetchpriority="high" decoding="async" class="size-full wp-image-198" title="configurations" src="http://articles.nissone.com/wp-content/uploads/2008/10/configurations.gif" alt="Exemples d’environnement client" width="500" height="114" srcset="https://articles.nissone.com/wp-content/uploads/2008/10/configurations.gif 500w, https://articles.nissone.com/wp-content/uploads/2008/10/configurations-300x68.gif 300w" sizes="(max-width: 500px) 100vw, 500px" /></a><figcaption id="caption-attachment-198" class="wp-caption-text">Exemples d’environnement client</figcaption></figure>
<p><!--[if gte mso 9]><xml> <w :WordDocument> </w><w :View>Normal</w> <w :Zoom>0</w> <w :HyphenationZone>21</w> <w :PunctuationKerning /> <w :ValidateAgainstSchemas /> <w :SaveIfXMLInvalid>false</w> <w :IgnoreMixedContent>false</w> <w :AlwaysShowPlaceholderText>false</w> <w :Compatibility> <w :BreakWrappedTables /> <w :SnapToGridInCell /> <w :WrapTextWithPunct /> <w :UseAsianBreakRules /> <w :DontGrowAutofit /> </w> <w :BrowserLevel>MicrosoftInternetExplorer4</w> </xml>< ![endif]--><!--[if gte mso 9]><xml> <w :LatentStyles DefLockedState="false" LatentStyleCount="156"> </w> </xml>< ![endif]--><!--  /* Font Definitions */  @font-face 	{font-family:Verdana; 	panose-1:2 11 6 4 3 5 4 4 2 4; 	mso-font-charset:0; 	mso-generic-font-family:swiss; 	mso-font-pitch:variable; 	mso-font-signature:536871559 0 0 0 415 0;}  /* Style Definitions */  p.MsoNormal, li.MsoNormal, div.MsoNormal 	{mso-style-parent:""; 	margin-top:0cm; 	margin-right:0cm; 	margin-bottom:0cm; 	margin-left:34.0pt; 	margin-bottom:.0001pt; 	mso-pagination:widow-orphan; 	font-size:9.0pt; 	mso-bidi-font-size:12.0pt; 	font-family:Verdana; 	mso-fareast-font-family:"Times New Roman"; 	mso-bidi-font-family:"Times New Roman";} @page Section1 	{size:612.0pt 792.0pt; 	margin:70.85pt 70.85pt 70.85pt 70.85pt; 	mso-header-margin:36.0pt; 	mso-footer-margin:36.0pt; 	mso-paper-source:0;} div.Section1 	{page:Section1;} --></p>
<p><!--[if gte mso 10]> <mce :style>< !   /* Style Definitions */  table.MsoNormalTable 	{mso-style-name:"Tableau Normal"; 	mso-tstyle-rowband-size:0; 	mso-tstyle-colband-size:0; 	mso-style-noshow:yes; 	mso-style-parent:""; 	mso-padding-alt:0cm 5.4pt 0cm 5.4pt; 	mso-para-margin:0cm; 	mso-para-margin-bottom:.0001pt; 	mso-pagination:widow-orphan; 	font-size:10.0pt; 	font-family:"Times New Roman"; 	mso-ansi-language:#0400; 	mso-fareast-language:#0400; 	mso-bidi-language:#0400;} --></p>
<p><!--[endif]-->L’environnement du client auquel on s’adresse peut donc se présenter sous différentes combinaisons : bas-débit / Internet Exploreur / PDA, haut-débit / Safari / ordinateur, etc.</p>
<p>Il faut rajouter à cela le nombre de couleurs que l’écran affiche, la résolution, l’activation ou non du son. Sans compter les particularités de l’internaute : mauvaise vue, daltonisme, problèmes moteurs… Il est donc impossible de savoir à l’avance dans quelles conditions le site que l’on conçoit va être vu.</p>
<figure id="attachment_199" aria-describedby="caption-attachment-199" style="width: 434px" class="wp-caption aligncenter"><a href="http://articles.nissone.com/wp-content/uploads/2008/10/navigateurs.gif"><img loading="lazy" decoding="async" class="size-full wp-image-199" title="navigateurs" src="http://articles.nissone.com/wp-content/uploads/2008/10/navigateurs.gif" alt="Pourcentage de navigateurs utilisés en France en Avril 2006 (statistiques de fréquentation du site Linternaute.com, 4,5 millions de visiteurs uniques par mois en mars 2006)" width="434" height="300" srcset="https://articles.nissone.com/wp-content/uploads/2008/10/navigateurs.gif 434w, https://articles.nissone.com/wp-content/uploads/2008/10/navigateurs-300x207.gif 300w" sizes="(max-width: 434px) 100vw, 434px" /></a><figcaption id="caption-attachment-199" class="wp-caption-text">Pourcentage de navigateurs utilisés en France en Avril 2006 (statistiques de fréquentation du site Linternaute.com, 4,5 millions de visiteurs uniques par mois en mars 2006)</figcaption></figure>
<h3>Les échanges client / serveur</h3>
<p>Le poste du visiteur est appelé client. Lorsque l’internaute demande une URL, une adresse à son navigateur (ou autre agent utilisateur) ou qu’il clique sur un lien, le navigateur envoie, via le modem, une requête.</p>
<p>Pour trouver le serveur à qui la requête est adressée, il interroge une machine ayant la liste des noms de domaines et l’adresse IP qui leur correspond. Comme le nom de domaine est indiqué dans l’adresse, il retrouve l’IP qui lui permet de se diriger vers le serveur concerné.</p>
<p>Il interroge le serveur. Celui-ci lui répond et lui envoie une copie de la page demandée. La page est rapatriée sur le poste client et le navigateur peut l’afficher.</p>
<figure id="attachment_200" aria-describedby="caption-attachment-200" style="width: 477px" class="wp-caption aligncenter"><a href="http://articles.nissone.com/wp-content/uploads/2008/10/client-serveur.gif"><img loading="lazy" decoding="async" class="size-full wp-image-200" title="client-serveur" src="http://articles.nissone.com/wp-content/uploads/2008/10/client-serveur.gif" alt="Les échanges client / serveur" width="477" height="218" srcset="https://articles.nissone.com/wp-content/uploads/2008/10/client-serveur.gif 477w, https://articles.nissone.com/wp-content/uploads/2008/10/client-serveur-300x137.gif 300w" sizes="(max-width: 477px) 100vw, 477px" /></a><figcaption id="caption-attachment-200" class="wp-caption-text">Les échanges client / serveur</figcaption></figure>
<hr />
<p>Initiation au HTML &#8211; Plan de l&rsquo;article complet</p>
<ul>
<li><a title="Initiation au HTML (1/5)" href="http://articles.nissone.com/2008/05/initiation-html/">Initiation au HTML (1/5)</a></li>
<li>HTML et Internet (Initiation au HTML 2/5)</li>
<li><a title="Le langage HTML (Initiation au HTML 3/5)" href="http://articles.nissone.com/2008/06/langage-html/">Le langage HTML (Initiation au HTML 3/5)</a></li>
<li><a title="Pages statiques et pages dynamiques (Initiation au HTML - Annexe I)" href="http://articles.nissone.com/2008/05/pages-statiques-pages-dynamiques/">Pages statiques et pages dynamiques (Initiation au HTML &#8211; Annexe I)</a></li>
<li><a title="Quelle est la différence entre HTML et XHTML ? (Initiation au HTLM - Annexe II)" href="http://articles.nissone.com/2008/06/quelle-difference-entre-html-xhtml/">Quelle est la différence entre HTML et XHTML ? (Initiation au HTLM &#8211; Annexe II)</a></li>
<li><a title="Construction d’une page HTML : les éléments récurrents (Initiation au HTML 4/5)" href="http://articles.nissone.com/2008/06/construction-page-html-elements-recurrents/">Construction d’une page HTML : les éléments récurrents (Initiation au HTML 4/5)</a></li>
<li><a title="Le W3C (Initiation au HTML - Annexe III)" href="http://articles.nissone.com/2008/06/w3c/">Le W3C (Initiation au HTML &#8211; Annexe III)</a></li>
<li><a title="Exploiter le code HTML : retrouver des informations utiles (Initiation au HTML 5/5)" href="http://articles.nissone.com/2008/06/exploiter-code-html-retrouver-informations-utiles/">Exploiter le code HTML : retrouver des informations utiles (Initiation au HTML 5/5)</a></li>
<li><a title="La barre « Web developper » de Firefox (Initiation au HTML - Annexe IV)" href="http://articles.nissone.com/2008/06/barre-web-developper-firefox/">La barre « Web developper » de Firefox (Initiation au HTML &#8211; Annexe IV)</a></li>
</ul>
<p></mce></p>
]]></content:encoded>
					
					<wfw:commentRss>https://articles.nissone.com/2008/05/html-internet/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Pourquoi l&#8217;accessibilité ?</title>
		<link>https://articles.nissone.com/2005/11/pourquoi-laccessibilite/</link>
					<comments>https://articles.nissone.com/2005/11/pourquoi-laccessibilite/#respond</comments>
		
		<dc:creator><![CDATA[Delphine Malassingne]]></dc:creator>
		<pubDate>Wed, 16 Nov 2005 17:47:48 +0000</pubDate>
				<category><![CDATA[[Article]]]></category>
		<category><![CDATA[Accessibilité numérique]]></category>
		<category><![CDATA[accessibilité]]></category>
		<category><![CDATA[configuration]]></category>
		<category><![CDATA[navigateur]]></category>
		<category><![CDATA[Qualité web]]></category>
		<guid isPermaLink="false">http://localhost/nissone-articles-3/?p=26</guid>

					<description><![CDATA[L’accessibilité, c’est rendre un site navigable par tous, quelque soit le matériel utilisé (lecteur vocaux, par exemple), quelque soit le handicap (moteur, par exemple), quelques soient les choix du visiteur (javascript désactivé, par exemple). D’un point de vue social et éthique, c’est déjà beaucoup, mais l’accessibilité apporte d’autres avantages encore. En terme de développement, l’accessibilité&#8230;&#160;<a href="https://articles.nissone.com/2005/11/pourquoi-laccessibilite/" rel="bookmark">Lire la suite &#187;<span class="screen-reader-text">Pourquoi l&#8217;accessibilité ?</span></a>]]></description>
										<content:encoded><![CDATA[<p>L’accessibilité, c’est rendre un site navigable <strong>par tous</strong>, quelque soit le <strong>matériel</strong> utilisé (lecteur vocaux, par exemple), quelque soit le <strong>handicap</strong> (moteur, par exemple), quelques soient les <strong>choix</strong> du visiteur (javascript désactivé, par exemple).<br />
D’un point de vue social et éthique, c’est déjà beaucoup, mais l’accessibilité apporte d’autres avantages encore. En terme de développement, l’accessibilité représente quelques lignes de codes en plus, quelques infos utiles, l’utilisation de la balise adéquate&#8230; Le « coût » est faible et les gains sont variés et ne profitent pas qu’aux seuls internautes handicapés.</p>
<p>En Février 2005, la <strong>Loi sur l’Accessibilité Numérique</strong> laissait aux quelques 5000 sites publics français jusqu’à 3 ans pour être accessible à tous. Plusieurs sites privés, pourtant non concernés par cette obligation, ont d’ores et déjà fait le choix de l’accessibilité. On peut penser qu’ils ont anticipé une généralisation de la loi, aux sites commerciaux, par exemple, et se sont alignés. Mais le premier impact pour eux, en plus de <strong>s’ouvrir à une part supplémentaire de la population</strong>, est, bien sûr, l’<strong>image de marque</strong>, l’impression donnée qui va de l’<strong>ouverture d’esprit</strong> au <strong>respect du visiteur</strong>.</p>
<p>Et le nombre de visiteurs à bénéficier de ces efforts est bien plus important qu’on ne se l’imagine. Il y a d’abord, bien sûr, les non-voyants, les handicapés moteurs. Mais les obstacles que l’accessibilité abat concernent aussi les <strong>personnes âgées</strong>, <strong>malvoyantes</strong>, les <strong>handicapés mentaux</strong>&#8230; En tout, 30% de la population française déclare rencontrer des difficultés, plus ou moins importante*. 30% de la population qui bénéficient directement des mesures d’accessibilité. Car indirectement, <strong>nous en profitons tous</strong>. En veillant à des impératifs d’accessibilité, on met à la disposition de chaque visiteur des <strong>infos pratiques en plus</strong>, on veille à avoir une <strong>navigation fluide</strong>, on laisse beaucoup de <strong>liberté</strong> à chacun quand à l’affichage.</p>
<p>Non seulement le site y a gagné en ouverture vers ses visiteurs, mais il y gagne aussi en <strong>qualité de code</strong> et toutes ses considérations optimisent son <strong>référencement</strong>. Il ne s’agit pas de miracle ou de techniques pointues propres aux référenceurs, mais de<strong> détails auxquels les moteurs de recherche seront sensibles</strong> : des titres de liens renseignés, des balises sommary et caption détaillées, l’attribut longdesc utilisé à bon escient&#8230; sont autant d’informations données aux moteurs de recherche, cernant ainsi mieux votre page et votre site.</p>
<p>Le développement d’un site en considérant les points d’accessibilité vous permet donc d’obtenir un code <strong>plus propre, plus efficace, ergonomique et ouvert à tous</strong>. Des articles à venir vous détaillerons, de manière pratique, comment faire. Pour les plus curieux, voici quelques liens utiles :</p>
<ul>
<li><a title="Accessibilité : pourquoi et comment l’améliorer (Open-S)" href="http://www.open-s.com/Realisations/Accessibilite-pourquoi-comment-ameliorer/" hreflang="fr">Accessibilité : pourquoi et comment l’améliorer (Open-S)</a></li>
<li><a title="Loi sur l’Accessibilité Numérique (Assemblée Nationale)" href="http://www.assemblee-nationale.fr/12/ta/ta0371.asp" hreflang="fr">Loi sur l’Accessibilité Numérique (Assemblée Nationale)</a></li>
<li><a title="Directives pour l’accessibilité aux contenus Web (version 1)" href="http://www.la-grange.net/w3c/wcag1/wai-pageauth.html" hreflang="fr">Directives pour l’accessibilité aux contenus Web</a></li>
</ul>
]]></content:encoded>
					
					<wfw:commentRss>https://articles.nissone.com/2005/11/pourquoi-laccessibilite/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
