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