website view fr/devel/guidelines.html @ rev 381
fr: Standardize languages link and clean up
| author | Christophe Lincoln <pankso@slitaz.org> |
|---|---|
| date | Sun Apr 12 00:02:41 2009 +0200 (2009-04-12) |
| parents | |
| children | 1115ef34f1b1 |
line source
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
2 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
4 <head>
5 <title>SliTaz - Devel Guidelines</title>
6 <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
7 <meta name="description" content="Développement de SliTaz GNU/Linux" />
8 <meta name="keywords" lang="fr" content="developpement slitaz developer GNU Linux" />
9 <meta name="robots" content="index, follow, all" />
10 <meta name="revisit-after" content="7 days" />
11 <meta name="expires" content="never" />
12 <meta name="modified" content="2008-01-01 12:00:00" />
13 <meta name="author" content="Christophe Lincoln"/>
14 <meta name="publisher" content="www.slitaz.org" />
15 <link rel="shortcut icon" href="../../favicon.ico" />
16 <link rel="stylesheet" type="text/css" href="../../slitaz.css" />
17 <link rel="Content" href="#content" />
18 </head>
19 <body bgcolor="#ffffff">
21 <!-- Header -->
22 <div id="header">
23 <a name="top"></a>
24 <!-- Access -->
25 <div id="access">
26 Language:
27 <a href="../../en/" title="English Web site main page">English</a>
28 </div>
29 <a href="http://www.slitaz.org/fr/"><img id="logo"
30 src="../pics/website/logo.png" title="www.slitaz.org" alt="www.slitaz.org"
31 style="border: 0px solid ; width: 200px; height: 74px;" /></a>
32 <p id="titre">#!/GNU/Linux</p>
33 </div>
35 <!-- Navigation menu -->
36 <div id="nav">
37 <div id="nav_top"></div>
38 <ul>
39 <li><a href="../about/" title="Informations au sujet du projet SliTaz">A propos du projet</a></li>
40 <li><a href="../asso/" title="Infrastructure et services">Association</a></li>
41 <li><a href="../get/" title="Téléchargements - LiveCD et sous projets">Obtenir SliTaz</a></li>
42 <li><a href="../doc/" title="Handbook, Cookbook et manuels">Documentation</a></li>
43 <li><a href="../packages/" title="Paquets logiciels disponibles">Paquets</a></li>
44 <li><a href="../devel/" title="Le coin du développeur">Développement</a></li>
45 <li><a href="../artwork/" title="Artwork, couleurs et images">Art & graphisme</a></li>
46 <li><a href="../search.html" title="Rechercher des infos et/ou de la doc">Recherche</a></li>
47 <li><a href="../sitemap.html" title="Vue globale du site web">Plan du site</a></li>
48 </ul>
49 <ul>
50 <li><a href="../mailing-list.html" title="Support, contact et collaboration">Liste de discussion</a></li>
51 <li><a href="http://forum.slitaz.org/" title="Forum d'aide et support">Forum de support</a></li>
52 </ul>
53 <ul>
54 <li><a href="http://wiki.slitaz.org/" title="Wiki collaboratif">Ressources Wiki</a></li>
55 <li><a href="http://labs.slitaz.org/" title="Gestion du projet">Laboratoires</a></li>
56 <li><a href="http://labs.slitaz.org/issues" title="Bug Tracking system">Suivi des Bugs</a></li>
57 </ul>
58 <div id="nav_bottom">
59 <div id="nav_bottom_img"></div>
60 </div>
61 </div>
63 <!-- Content top. -->
64 <div id="content_top">
65 <div class="top_left"></div>
66 <div class="top_right"></div>
67 </div>
69 <!-- Content -->
70 <div id="content">
71 <a name="content"></a>
73 <h1><font color="#3E1220">Guidelines</font></h1>
75 <h2><font color="#DF8F06">Ligne de conduite des développeurs</font></h2>
77 <ul>
78 <li><a href="#xhtml">xHTML coding style.</a></li>
79 <li><a href="forge.html">Forge.</a></li>
80 </ul>
82 <p>
83 Rester simple, respecter au mieux les standards, réaliser un travail soigné,
84 rédiger de la documentation de haute qualité, fournir un système stable et
85 robuste et garder le <em>rootfs</em> du LiveCD standard assez léger pour que
86 SliTaz tourne sur des machines ayant au minimum 128 Mb de RAM. Possibilité
87 d'utiliser GTK+2, Dialog, Gtkdialog, des scripts SHell ou encore PHP pour
88 coder des outils propres à la distribution. L'idée est aussi de ne pas faire
89 de doublons et de penser mini...
90 </p>
91 <p>
92 SliTaz se veut un projet proche et à l'écoute des ces utilisateurs. Il y a
93 plusieurs développeurs actifs sur le <a href="http://forum.slitaz.org/">forum</a>
94 et sur la <a href="../mailing-list.html">liste de discussion</a>.
95 </p>
97 <a name="xhtml"></a>
98 <h3>xHTML coding style</h3>
99 <p>
100 Les pages du site et des différents <em>books</em> sont codés en xHTML 1.0
101 Transitional, les couleurs pour le <code>body</code> et les titres sont
102 directement mis dans la page, cela permet d'avoir une présentation plus soignée
103 pour Links. Le titre de niveau 1 est utilisé 1 seule fois en haut de page,
104 le titre 2 correspond au titre du document et les titres de niveau 3 et 4 sont
105 ensuite utilisés pour les sous-titres. Si il y a lieu d'avoir une liste à puce
106 avec des ancres, elle se met en haut juste après le titre de niveau 2. Les
107 paragraphes sont contenus dans les balises <code><p></p></code>.
108 Pour indenter, nous utilisons des tabulations, elle ont une raison dêtre
109 sémantique et prennent moins de place en terme d'octets. Pour mettre
110 du code tel que le nom d'un commande dans un paragraphe, la balise
111 <code><code></code> est recommandée. Pour afficher une ou des commnades
112 à lancer dans un terminal, les pages du site utilisent la balise
113 <code><pre></code> permettant d'afficher du texte préformaté. Exemple :
114 </p>
115 <pre>
116 $ command
117 </pre>
118 <p>
119 Pour afficher du texte à copier/coller tels que des scripts, des bouts de
120 code, des exemples de fichiers de configuration, etc, c'est aussi la balise
121 <code><pre></code> mais avec une classe CSS nommée "script". Exemple:
122 </p>
123 <pre class="script">
124 <pre class="script">
126 code...
128 </pre>
129 </pre>
130 <p>
131 Les mots en <em>English</em> se mettent dans la balise <code><em></code>
132 et les liens internes sont relatifs. Penser à vérifier la validité du code via
133 le <em>validator</em> en ligne du W3C.
134 </p>
136 <!-- End of content with round corner -->
137 </div>
138 <div id="content_bottom">
139 <div class="bottom_left"></div>
140 <div class="bottom_right"></div>
141 </div>
143 <!-- Start of footer and copy notice -->
144 <div id="copy">
145 <p>
146 Dernière modification : 2008-01-01 12:00:00-
147 <a href="#top">Haut de la page</a>
148 </p>
149 <p>
150 Copyright © 2009 <a href="http://www.slitaz.org/">SliTaz</a> -
151 <a href="http://www.gnu.org/licenses/gpl.html">GNU General Public License</a>
152 </p>
153 <!-- End of copy -->
154 </div>
156 <!-- Bottom and logo's -->
157 <div id="bottom">
158 <p>
159 <a href="http://validator.w3.org/check?uri=referer"><img
160 src="../../pics/website/xhtml10.png" alt="Valid XHTML 1.0"
161 title="Code validé XHTML 1.0"
162 style="width: 80px; height: 15px;" /></a>
163 </p>
164 </div>
166 </body>
167 </html>