<?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>Iptima &#187; mise en page</title>
	<atom:link href="http://www.iptima.com/tag/mise-en-page/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.iptima.com</link>
	<description>... Miscellanées multimedia ®</description>
	<lastBuildDate>Sun, 02 Oct 2011 17:52:06 +0000</lastBuildDate>
	<language>fr</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Typographie</title>
		<link>http://www.iptima.com/2007/09/06/typographie/</link>
		<comments>http://www.iptima.com/2007/09/06/typographie/#comments</comments>
		<pubDate>Thu, 06 Sep 2007 15:35:32 +0000</pubDate>
		<dc:creator>Vincent Roulet</dc:creator>
				<category><![CDATA[Conception]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[Advanced Wysiwyg Editor]]></category>
		<category><![CDATA[mise en page]]></category>
		<category><![CDATA[typographie]]></category>

		<guid isPermaLink="false">http://www.iptima.com/?p=50</guid>
		<description><![CDATA[Après avoir rappelé les règles applicables à la typographie, nous évoquerons leur emploi dans les pages Web. Règles générales de typographie La présentation sur un écran d&#8217;ordinateur doit s&#8217;affranchir des standards de mise en page du medium papier : comme &#8230; <a href="http://www.iptima.com/2007/09/06/typographie/">Lire la suite <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Après avoir rappelé les règles applicables à la typographie, nous évoquerons leur emploi dans les pages Web.</p>
<p><span id="more-50"></span></p>
<h2>Règles générales de typographie</h2>
<p>La présentation sur un écran d&#8217;ordinateur doit s&#8217;affranchir des standards de mise en page du <em>medium</em> <em>papier</em> : comme chaque utilisateur est doté d&#8217;un équipement ou d&#8217;un navigateur différent, il est illusoire d&#8217;espérer obtenir un affichage au <em>pixel</em> près avec le couple <abbr title="eXtensible HyperText Markup Language">Xhtml</abbr>-<abbr title="Cascading Style Sheets">Css</abbr>. En revanche, la conception <em>multimedia</em> doit respecter la typographie, héritage du support imprimé, qui participe d&#8217;un usage correct de la langue française au même titre que l&#8217;orthographe ou la grammaire. Il n&#8217;existe pas une norme typographique <em>stricto sensu</em> (il suffit de comparer la composition du quotidien <em>Le Monde</em> à celle de <em>Libération</em> pour s&#8217;en convaincre), mais quelques règles se dégagent.</p>
<h3>Les signes de ponctuation</h3>
<p>La ponctuation d&#8217;un texte dépend étroitement du style de l&#8217;auteur. Notre propos se limitera au rappel didactique des règles sans évoquer la syntaxe (nous aimerions pourtant militer pour la réhabilitation du point-virgule, pause ô combien subtile entre la virgule et le point !).</p>
<p>Les signes de ponctuation doivent être précédés ou suivis d&#8217;espace pour rendre le texte intelligible. Les règles décrites ici ne s&#8217;appliquent qu&#8217;à la composition en français. Chaque langue a son usage typographique qu&#8217;il convient de respecter (par exemple, en anglais, il n&#8217;y a pas d&#8217;espace entre le point d&#8217;exclamation et le mot qui précède). Notons à ce propos que certaines polices de caractères (ou <em>fontes</em>) s&#8217;accordent mieux avec certaines langues. Ainsi en est-il pour l&#8217;expression française du <em>garamond</em> — les noms des fontes ne prennent pas de majuscule et s&#8217;écrivent en italique —, qui permet en outre le choix des glyphes (c&#8217;est-à-dire la forme des caractères).</p>
<p>Le susbtantif <em>espace</em> est de genre féminin dans les techniques de l&#8217;imprimerie. Les termes <em>majuscules</em> et <em>capitales</em> sont synonymes.</p>
<p>Une espace normale, dite aussi <em>demi-cadratin</em>, est de la même taille que le texte ; elle est obtenue par pression de la barre du clavier. Une espace insécable est une espace obtenue par combinaison de touches ou par l&#8217;insertion de caractères spéciaux ; elle est utilisée pour éviter le renvoi à la ligne d&#8217;un signe de ponctuation isolé ou la coupure incongrue entre deux mots.</p>
<h4>Point et point de suspension</h4>
<p>Le <em>point</em> est suivi d&#8217;une lettre majuscule. Il n&#8217;apparaît pas après trois points de suspension, une virgule, un point d&#8217;exclamation ou un point d&#8217;interrogation. Les <em>points de suspension</em> ont la valeur d&#8217;un point final à la fin d&#8217;une phrase. Ils ne doivent pas suivre l&#8217;abréviation <em>etc.</em>. Lorsqu&#8217;ils remplacent le passage d&#8217;un texte, ils doivent être placés entre crochets ou entre parenthèses. Leur composition ne doit pas s&#8217;effectuer en tapant trois points sur la clavier : il faut recourir aux caractères spéciaux. La <em>virgule</em>, suivie d&#8217;une espace insécable, précède toujours l&#8217;abréviation <em>etc.</em>.</p>
<h4>Point-virgule, point d&#8217;interrogation, point d&#8217;exclamation</h4>
<p>Le <em>point-virgule</em>, le <em>point d&#8217;interrogation</em>, le <em>point d&#8217;exclamation</em>  devraient être précédés d&#8217;une espace fine, qui vaut une espace insécable réduite de la moitié de l&#8217;espace normale. Comme la plupart des logiciels de traitement de texte usuels ne prend pas en charge cette fonctionnalité, on la remplace par une espace insécable. Lorsque le <em>point d&#8217;interogation</em> ou le <em>point d&#8217;exclamation</em> introduit une pause dans la phrase, le mot suivant ne doit pas commencer par une capitale.</p>
<h4>Deux-points, parenthèses</h4>
<p>Le deux-points marque le début d&#8217;un commentaire, d&#8217;une énumération ou d&#8217;une explication. Il est suivi d&#8217;une lettre minuscule, sauf lorsqu&#8217;il annonce une citation. Les <em>parenthèses</em> <em>ouvrante</em> ou <em>fermante</em>  ne contenant qu&#8217;un fragment de phrase ne sont jamais précédées d&#8217;une virgule, du point-virgule ou du deux-points.</p>
<h4>Guillemets, tirets et apostrophe</h4>
<p>Les <em>guillemets</em>, <em>ouvrant</em> ou <em>fermant</em>, sont utilisés pour rapporter une citation ou pour isoler un mot. Ils ne doivent pas être tapés en utilisant les guillemets simples proposés par le clavier qui correspondent à la langue anglaise, mais composés avec des doubles chevrons grâce aux caractères spéciaux. En revanche, les guillemets simples peuvent être utilisés à l&#8217;intérieur d&#8217;un texte lui-même entre guillemets. Une variante peut consister, selon nous, à recourir à l&#8217;emploi de l&#8217;italique, hormis lorsque la citation est précédée de <em>dit</em>, <em>dite</em>, <em><em>et cetera</em></em>. Lorsqu&#8217;une citation s&#8217;étend sur plusieurs lignes, chaque ligne doit commencer par un guillemet ouvrant et la dernière ligne doit être achevée par un guillemet fermant. Le <em>trait d&#8217;union</em> ne doit pas être confondu avec le <em>tiret en début de liste</em> et les <em>tirets</em> <em>ouvrant</em> (—) ou <em>fermant</em> une incise (—), car leurs longueurs ne sont pas identiques. Seul le trait d&#8217;union est accessible au clavier. De même, la composition de l&#8217;opérateur arithmétique de soutraction est différente. Le signe de l&#8217;<em>apostrophe</em> ne doit pas être saisi au clavier, car il n&#8217;est pas droit en français, mais culbuté. Il doit être composé avec son caractère spécial. (<em>Nota</em>. Sous <em>WordPress</em>, les guillemets doivent être saisis droits, ils sont convertis avant affichage.)</p>
]]></content:encoded>
			<wfw:commentRss>http://www.iptima.com/2007/09/06/typographie/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

