website view fr/devel/guidelines.html @ rev 426
fr: Standardize menu
| author | Christophe Lincoln <pankso@slitaz.org> |
|---|---|
| date | Mon Apr 20 23:16:46 2009 +0200 (2009-04-20) |
| parents | 1115ef34f1b1 |
| children | 6c3049c7d0db |
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 <!-- General -->
39 <ul>
40 <li><a href="../about/" title="Informations au sujet du projet SliTaz">A propos du projet</a></li>
41 <li><a href="../asso/" title="Infrastructure et services">Association</a></li>
42 <li><a href="../get/" title="Téléchargements - LiveCD et sous projets">Obtenir SliTaz</a></li>
43 <li><a href="../doc/" title="Handbook, Cookbook et manuels">Documentation</a></li>
44 <li><a href="../packages/" title="Paquets logiciels disponibles">Paquets</a></li>
45 <li><a href="../devel/" title="Le coin du développeur">Développement</a></li>
46 <li><a href="../artwork/" title="Artwork, couleurs et images">Art & graphisme</a></li>
47 </ul>
48 <!-- Support -->
49 <ul>
50 <li><a href="http://forum.slitaz.org/" title="Forum d'aide et support">Forum de support</a></li>
51 <li><a href="../mailing-list.html" title="Support, contact et collaboration">Liste de discussion</a></li>
52 <li><a href="../search.html" title="Rechercher des infos et/ou de la doc">Recherche</a></li>
53 <li><a href="../sitemap.html" title="Vue globale du site web">Plan du site</a></li>
54 </ul>
55 <!-- Wiki and Labs -->
56 <ul>
57 <li><a href="http://wiki.slitaz.org/" title="Wiki collaboratif">Ressources Wiki</a></li>
58 <li><a href="http://labs.slitaz.org/" title="Gestion du projet">Laboratoires</a></li>
59 <li><a href="http://labs.slitaz.org/issues" title="Bug Tracking system">Suivi des Bugs</a></li>
60 </ul>
61 <div id="nav_bottom">
62 <div id="nav_bottom_img"></div>
63 </div>
64 </div>
66 <!-- Content top. -->
67 <div id="content_top">
68 <div class="top_left"></div>
69 <div class="top_right"></div>
70 </div>
72 <!-- Content -->
73 <div id="content">
74 <a name="content"></a>
76 <h1><font color="#3E1220">Guidelines</font></h1>
78 <h2><font color="#DF8F06">Ligne de conduite des développeurs</font></h2>
80 <ul>
81 <li><a href="#xhtml">xHTML coding style.</a></li>
82 <li><a href="forge.html">Forge.</a></li>
83 </ul>
85 <p>
86 Rester simple, respecter au mieux les standards, réaliser un travail soigné,
87 rédiger de la documentation de haute qualité, fournir un système stable et
88 robuste et garder le <em>rootfs</em> du LiveCD standard assez léger pour que
89 SliTaz tourne sur des machines ayant au minimum 128 Mb de RAM. Possibilité
90 d'utiliser GTK+2, Dialog, Gtkdialog, des scripts SHell ou encore PHP pour
91 coder des outils propres à la distribution. L'idée est aussi de ne pas faire
92 de doublons et de penser mini...
93 </p>
94 <p>
95 SliTaz se veut un projet proche et à l'écoute des ces utilisateurs. Il y a
96 plusieurs développeurs actifs sur le <a href="http://forum.slitaz.org/">forum</a>
97 et sur la <a href="../mailing-list.html">liste de discussion</a>.
98 </p>
100 <a name="xhtml"></a>
101 <h3>xHTML coding style</h3>
102 <p>
103 Les pages du site et des différents <em>books</em> sont codés en xHTML 1.0
104 Transitional, les couleurs pour le <code>body</code> et les titres sont
105 directement mis dans la page, cela permet d'avoir une présentation plus soignée
106 pour Links. Le titre de niveau 1 est utilisé 1 seule fois en haut de page,
107 le titre 2 correspond au titre du document et les titres de niveau 3 et 4 sont
108 ensuite utilisés pour les sous-titres. Si il y a lieu d'avoir une liste à puce
109 avec des ancres, elle se met en haut juste après le titre de niveau 2. Les
110 paragraphes sont contenus dans les balises <code><p></p></code>.
111 Pour indenter, nous utilisons des tabulations, elle ont une raison dêtre
112 sémantique et prennent moins de place en terme d'octets. Pour mettre
113 du code tel que le nom d'un commande dans un paragraphe, la balise
114 <code><code></code> est recommandée. Pour afficher une ou des commnades
115 à lancer dans un terminal, les pages du site utilisent la balise
116 <code><pre></code> permettant d'afficher du texte préformaté. Exemple :
117 </p>
118 <pre>
119 $ command
120 </pre>
121 <p>
122 Pour afficher du texte à copier/coller tels que des scripts, des bouts de
123 code, des exemples de fichiers de configuration, etc, c'est aussi la balise
124 <code><pre></code> mais avec une classe CSS nommée "script". Exemple:
125 </p>
126 <pre class="script">
127 <pre class="script">
129 code...
131 </pre>
132 </pre>
133 <p>
134 Les mots en <em>English</em> se mettent dans la balise <code><em></code>
135 et les liens internes sont relatifs. Penser à vérifier la validité du code via
136 le <em>validator</em> en ligne du W3C.
137 </p>
139 <!-- End of content with round corner -->
140 </div>
141 <div id="content_bottom">
142 <div class="bottom_left"></div>
143 <div class="bottom_right"></div>
144 </div>
146 <!-- Start of footer and copy notice -->
147 <div id="copy">
148 <p>
149 Dernière modification : 2008-01-01 12:00:00-
150 <a href="#top">Haut de la page</a>
151 </p>
152 <p>
153 Copyright © 2009 <a href="http://www.slitaz.org/">SliTaz</a> -
154 <a href="http://www.gnu.org/licenses/gpl.html">GNU General Public License</a>
155 </p>
156 <!-- End of copy -->
157 </div>
159 <!-- Bottom and logo's -->
160 <div id="bottom">
161 <p>
162 <a href="http://validator.w3.org/check?uri=referer"><img
163 src="../../pics/website/xhtml10.png" alt="Valid XHTML 1.0"
164 title="Code validé XHTML 1.0"
165 style="width: 80px; height: 15px;" /></a>
166 </p>
167 </div>
169 </body>
170 </html>