Mon Premier site Web.. Besoin de Critiques [Résolu]

[new-dmx]

Bonjour, j'ai developper un site web sous dream en m'aidant de vos post (merci ) et en m'initiant.

Je suis novice et j'aimmerais avoir vos critiques SVP pour acquerir de nouvelles notions.

Concernant le couleur les polices , la chartes graphique, les photos tout m'a été imposé. (laissez moi quand même vos critiques)

Je voudrais avoir des avis sur le POIDS, les POSITIONNEMENTS des tableau, la fluidité ... et toutes autres critiques ......

Merci pour votre cooperation.... et lachez vous !!!

lien : ICI

[Neroptik]

Oulalah.... Le MEGA Tableau....

• Cela aurai été plus simple de gerer par DIV et non par TABLE.

• A mon avis refaire entierement le design dans un autre format que le JPG (trop de perte de qualité)

• Au niveau des couleurs, elles s'accordent bien, de mon point de vue en tout cas.
• Ton site ne respecte aucune normes W3C ! Validation W3C de ton Site
• Le bas de page répète le haut de Design sous FF 2.0.0.4
• Dans tes menu l'espace vertical entre le 1er et le 2eme lien de chaque categorie est plus élever que les espaces verticaux des liens suivants.
• Menu en Flash ???? et "a hover" alors ?
• Ton CSS n'est pas non plus valide ! Validation CSS de ton Site

Bon je n'ai pas fait le tour complet mais tu a encore quelques heure de boulot devant toi donc je vais m'arreter la...

Je te souhaite un bon courage et une bonne continuation

Cordialement,
Neroptik

PS : Tu n'est pas dans le bon Forum

[new-dmx]

Allez c'est partiiiiiiiii

Cela aurai été plus simple de gerer par DIV et non par TABLE.

heu
Comment on fait avec une balise div?

A mon avis refaire entierement le design dans un autre format que le JPG (trop de perte de qualité)

Le PNG est peut etre meilleur?

Au niveau des couleurs, elles s'accordent bien, de mon point de vue en tout cas.

C'est la seul chose que je n'ai pas fait, le choix des couleurs !!
Pour la galerie photo par contre je l'ai totalement relooké

Ton site ne respecte aucune normes W3C ! Validation W3C de ton Site

Wahh j'ai du boulot! C'est grave ou non? C'est quoi les inconvenients?


Dans tes menu l'espace vertical entre le 1er et le 2eme lien de chaque categorie est plus élever que les espaces verticaux des liens suivants.

Menu en Flash ???? et "a hover" alors ?

Non c'est de simple boutons (heuu en flash) mais fait sous dream. "a hover" c'est quoi de sa?

Ton CSS n'est pas non plus valide ! Validation CSS de ton Site

Mon CSS est vide pour le momen il faudra que je le crée



pour le lien du forum.

Merci neroptik

[new-dmx]

Pour vos critiques merci de poster ici ---- ***lien***

Sinon je vais utiliser ce post pour essayer d'ameliorer mon site..

[Neroptik]

Question :

Comment on fait avec une balise div?

Reponse :
Voila les cours sur le CSS
Voila la syntaxe d'une div

Code :

<div id="monId">Mon Contenu</div>

Question :

Le PNG est peut etre meilleur?

Reponse :
De mon point de vue oui, perso c'est le format que je prefère (pas trop lourd pas de perte de qualité et conservation d'une palette entière)

Question :

Wahh j'ai du boulot! C'est grave ou non? C'est quoi les inconvenients?

Reponse :
Je te conseillerai de lire ceci :

Pourquoi les standards du W3C ?

En bref

Interopérabilité, accessibilité, portabilité, pérennité des documents, réduction des coûts... l’avenir du Web passe par les Standards.
Pour débuter, un peu d'histoire…

Depuis les premières heures du Web, les principaux fabricants de navigateurs ont tenté de se créer un public captif en créant des extensions HTML propriétaires, restituée uniquement par leurs produits respectifs. Le Web s'est ainsi divisé en deux camps : MSIE et Netscape. Pour que leurs sites soient accessibles aux deux principaux navigateurs, les développeurs Web ne pouvaient opter que pour des choix aussi insatisfaisants les uns que les autres :

• n'utiliser qu'une syntaxe commune aux deux navigateurs, et se retrouver avec un site très pauvre, se démarquant peu de la concurrence ;
• ne s'adresser qu'à l'un des deux camps et sacrifier ainsi une grande partie de son audience et de sa clientèle potentielle ;
• faire deux versions du même site, au prix d'un travail bien plus important et forcément plus coûteux.

La concurrence entre Netscape et Microsoft a donc mené à une balkanisation du Web, allant complètement à l'encontre de son ambition initiale.

Mais aujourd'hui, les choses ont bien changé. Depuis 1994, un organisme de standardisation, le W3C , met en oeuvre des normes Web. Le WaSP a mené campagne en leur faveur. Les fabricants de navigateurs, à commencer par Microsoft, Netscape et Opera, font à présent preuve d'une volonté commune de respecter ces normes, mettant fin à ces contraintes coûteuses pesant sur les développeurs.

Pour vous aider à saisir les enjeux d'une telle normalisation, nous avons résumé ici les avantages des standards émis par le W3C.

Pour l'avenir du Web !

On considère souvent à juste titre que nous n'en sommes qu'aux premiers balbutiements d'Internet. L'avènement de XML, les Web services, l'apparition de nouveaux terminaux d'Accès au Web (PDA, téléphones mobiles, etc), le Web sémantique sont autant de micro révolutions qui promettent de nouveaux usages. Mais tout cela ne sera rendu possible que si les fondations du Web sont solides. Après un démarrage chaotique, voire anarchique du Web, les normes du W3C autorisent désormais une vision à long terme de son développement.

Pour une interopérabilité et une portabilité certifiée

Il y a deux ans à peine, la presque totalité des utilisateurs d'Internet se servaient d'un ordinateur portable ou de bureau pour naviguer le Web. Nous assistons aujourd'hui à une ouverture sans précédent sur de nouveaux types de terminaux d'accès tels qu'assistants numériques et téléphones mobiles. Attendons-nous à voir un recul de l'ordinateur comme moyen d'accès au Web, au profit de nouvelles technologies plus mobiles ou plus adaptées aux besoins des utilisateurs. Les sites actuels étant encore majoritairement codés à l'ancienne, très peu s'affichent convenablement dans toutes ces plates-formes. Ajoutez à cela une compatibilité future avec les téléphones cellulaires et vous débouchez sur une impasse d'où seule l'application des standards peut vous tirer.

L'interopérabilité et l'accessibilité correspondent avant tout au droit fondamental de l'utilisateur d'utiliser le navigateur Web de son choix ou celui qui correspond le mieux à ses besoins, tout en obtenant une expérience à peu près équivalente sur le Web. En construisant des documents Web selon les standards du W3C , le développeur obtient la garantie que tous les navigateurs conçus selon les normes de l'industrie afficheront de manière équivalente son travail. De plus, la portabilité de technologies issues de ces mêmes standards facilite grandement l'échange de données entre divers environnements.

Pour une accessibilité universelle aux contenus

La presque totalité des sites Web actuels n'est accessible qu'au moyen de navigateurs graphiques traditionnels, empêchant ainsi leur accès par des personnes atteintes d'un handicap physique, moteur ou neurophysiologique. Le HTML des années 90 ne prévoyait pas le support de synthétiseurs vocaux ou de plages Braille. Mais ce n'est plus le cas de nos jours. Les normes du W3C intègrent ces considérations dans les standards et facilitent grandement la création de sites universellement accessibles. Notons que les gouvernements anglais et américains obligent d'ors et déjà leurs administrations à produire des sites Web accessibles, et que la tendance semble s'amorcer dans plusieurs autres pays, tels que la France et le Canada.

Pour la production de contenu Web à moindre coût

Lors de la création de nouveaux sites Web, la séparation du contenu structuré et de sa présentation est une aubaine incroyable. En effet, il est maintenant possible de créer des CSS qui s'appliqueront globalement à un ou plusieurs documents, permettant ainsi de changer radicalement l'apparence entière d'un site en quelques minutes à peine, en modifiant tout simplement la feuille de style qui y est associée. Un tel exploit de flexibilité est impossible pour les sites Web construits à l'ancienne, fusionnant sans vergogne contenu et présentation. De tels sites nécessitent un long et coûteux travail de modification de chaque page pour réaliser ce genre d'opération. Par ailleurs, le recours aux feuilles de style bénéficie également à l'utilisateur, qui peut alors configurer son expérience du site en fonction de ses goûts personnels, de ses besoins, de son handicap ou tout simplement de son matériel.

Pour tirer profit de la technologie XML

XML est le vecteur par lequel le W3C compte réaliser le plein potentiel du Web. Pour parvenir à concevoir des applications capables de tirer avantage des apports du Web sémantique, tout en préservant les aspects d'accessibilité, de portabilité et d'interopérabilité, il est nécessaire d'emprunter la voie de la normalisation et de commencer à coder les documents selon la syntaxe XML. Pour y parvenir, le chemin le plus facile demeure encore de convertir son HTML en XHTML valide. Puisque la syntaxe de XML sera la norme sur laquelle cette seconde génération de Web se construira, tous les documents conformes aux normes de XHTML seront dès lors compatibles avec XML, ce qui garantit leur pérennité.

Pour un contrôle qualité optimisé du travail fourni par les prestataires

Pour s'assurer que des documents Web sont conformes aux standards du W3C , il suffit de leur faire passer un test de validation auprès de l'outil du Consortium prévu à cet effet. Le recours au validateur, en plus d'être très formateur, permet aux développeurs de garantir la cohérence et la qualité de leur code, tout en assurant la stabilité et la simplification de sa maintenance. Étant donné que les standards sont très bien documentés par eux-mêmes, l'application des normes garantit que quiconque sera appelé à prendre la relève sur un projet existant pourra s'y plonger rapidement, plutôt que de perdre un temps précieux à essayer d'en reconstituer les lignes directrices. De plus, le niveau de développement du projet sera plus en accord avec les pratiques courantes du marché, évitant circonvolutions, tours de passe-passe et autres cauchemars issus des principes de conception des années 90…

Pour une réduction considérable du volume des documents

L'utilisation des standards du W3C (particulièrement les normes XHTML et CSS) permet une réduction substantielle du poids des documents Web en éliminant les redondances dans le code et en minimisant le HTML nécessaire à sa structuration. Les tests confirment que le recours aux feuilles de style pour la présentation d'un document Web, de préférence aux éléments HTML dépréciés, réduisait le poids total du document dans un ratio allant de 25% à 50%. Une telle économie est significative, non seulement pour l'utilisateur qui attend moins longtemps pour le téléchargement des pages, mais aussi pour le propriétaire du site en question qui voit les coûts reliés à l'utilisation de la bande passante considérablement réduits.

Pour un référencement plus efficace dans les moteurs de recherche

Au niveau de l'indexation des documents Web, le fait de les avoir codés de manière à les rendre conformes aux standards du W3C leur garantit de meilleurs résultats de classement et de reconnaissance, d'où une visibilité accrue dans les moteurs de recherche. Les documents conformes aux standards sont non seulement indexés plus précisément dans les registres grâce à leur structure informationnelle plus logique, mais sont également plus susceptibles de répondre aux attentes des moteurs de recherche, ce qui en favorise l'accessibilité et l'évaluation au moment des prises en charge de classification. En effet, il est beaucoup plus facile pour un algorithme d'indexation de reconnaître un document répondant aux normes qu'un autre qui ne respecte aucune logique de structure.

Pour la pérennité des documents

Enfin, la pérennité des documents HTML est aujourd'hui mise en cause. On pourrait en rire, si certaines anecdotes ne démontraient que le sujet est bel et bien sérieux. Pensez seulement à toutes ces entreprises qui, à une certaine époque, ont entrepris de normaliser leur bureautique sur l'outil « standard » du moment qui était alors le format (pourtant propriétaire) de WordPerfect. Lors de la disparition de ce format quelques années plus tard, ces mêmes entreprises ont dû effectuer une migration longue et coûteuse vers la nouvelle norme, tout aussi propriétaire qu'est Microsoft Word… Dans un autre ordre d'idées, n'oublions pas que les données acquises par la Nasa sur Mars dans le cadre de l'opération Viking en 1976 sont stockées sur des bandes magnétiques que personne à ce jour n'arrive à relire, faute de matériel compatible. Aussi, afin de recueillir de l'information, les chercheurs en sont réduits aujourd'hui à fouiller les listings papier que leurs prédécesseurs n'avaient miraculeusement pas jetés !

Qui peut s'avancer à prédire qu'on pourra effectivement retrouver dans 10 ou 20 ans une vieille version de MSIE capable d'interpréter les documents construits avec la syntaxe défaillante du vingtième siècle. La pérennité des documents nous assure que, quelque-soit la direction dans laquelle évolueront les technologies dans les prochaines années, les documents seront toujours interprétables par les agents utilisateurs du moment (navigateurs, interpréteurs Web, etc), préservant ainsi de précieuses informations pour les générations à venir.

Pour une rétro compatibilité avec les anciens navigateurs

Tenter de reproduire un site pour qu'il s'affiche de manière identique dans tous les navigateurs demande un travail énorme et pose toujours de sérieux problèmes de conception, principalement parce qu'anciens et nouveaux navigateurs parlent un langage différent. Ceci est particulièrement vrai lorsque l'on tente d'arriver aux mêmes résultats dans Netscape 4 et MSIE 6 par exemple.

En utilisant les standards du Web, et tout particulièrement les normes XHTML pour la structure des documents, CSS pour la présentation et DOM W3C jumelé à ECMAScript pour le DHTML, il est possible de communiquer avec tous les agents utilisateurs en ne parlant qu'un seul langage. On garantit ainsi que tous les navigateurs répondant aux normes de l'industrie pourront afficher correctement le contenu. Bien sûr, la présentation de ce contenu sera plus sobre dans les navigateurs plus anciens, mais il demeurera parfaitement accessible. Se conformer aux standards, c'est également accepter que le Web soit un médium flexible qui, contrairement à l'imprimé, s'adapte aux capacités des agents utilisateurs.

Conclusion

Que ce soit à l'occasion de la refonte d'un site ou de la création d'un nouveau service ou module, le recours aux standards permettra de conjuguer les contraintes de tous types rencontrées lors d'une production. L'utilisation du XHTML et des CSS (doublées au besoin, d'ECMAScript associé au DOM) est l'occasion idéale pour les développeurs Web d'aborder les standards en douceur, en capitalisant leurs connaissances du HTML et en contribuant à élargir leur audience (tous les navigateurs modernes, sur toutes les plates-formes). La perspective de concevoir à moindre coût des projets Web plus performants qui contribuent à consolider les fondations du Web ne vaut-elle pas à elle seule cet effort ? Suivre les standards établis par le W3C est la seule façon de se prévaloir d'un Web plus stable et plus solide, où les applications dont on ne peut encore que rêver aujourd'hui seront converties en autant de réalités de demain.

Question :

Non c'est de simple boutons (heuu en flash) mais fait sous dream. "a hover" c'est quoi de sa?

Reponse :
Le Flash est assez lourd a charger contrairement a du CSS donc pour fair une MEGA Anime ou des bouton tres perfectionnés l'utilisation de flash est necessaire mais dans ton cas une simple coloration du lien au survol peut être gerer en CSS (a hover visited etc...)
Voila les cours sur le CSS

Voila quelques pistes...

Bon courage
Tiens nous au courant...

Cordialement,
Neroptik

[new-dmx]

merci neroptik je vais travailler tout ces point et m'initier a la programmation web.

J'esper que vous m'aiderer lorsque je buterais sur des problèmes complexe pour moi .

sinon je n'arrive pas a changer le titre de la page que l'ont trouve sur google.

Anciennement Votre site php maximus



J'ai pourtant changer le nom dans <head>

[Neroptik]

Envoyé par new-dmx

merci neroptik je vais travailler tout ces point et m'initier a la programmation web.

J'esper que vous m'aiderer lorsque je buterais sur des problèmes complexe pour moi .

sinon je n'arrive pas a changer le titre de la page que l'ont trouve sur google.

Anciennement Votre site php maximus



J'ai pourtant changer le nom dans <head>

Il faut attendre que les robots google repasse tout ca à la moulinette ^^.

[new-dmx]

Je me suis mit au CSS et j'avoue que c'etait le bordel !!!
Des styles en doubles, des style qui definissait que la taille, un coups c'etait du Arial, et l'autre coups c'etait du Times... Blod pas blod
Bref c'etait du port nin wak !! pas biennnnnnn
J'ai tout remis a plats....
Aucune erreur ou avertissement (22 ignorés) !!
C'est quoi les 22 ignorés? C'est bon ma feuille de style est enfin bonne? je peu la garder ainsi?
(On peu utiliser le lien du post precedent Validation CSS )

[Neroptik]

Les avertissements ignoré ce n'est pas grave, ce sont des paramètre que tu n'a pas précisé et qui se mettrons par defaut... donc pas d'inquitétude...

exemple : si tu oublie de definir la couleur de fond pour une "class" ou un "id" ce sera considérer comme avertissement ignoré et la couleur blanc sera appliquée par defaut.

[new-dmx]

Salut neroptik, le validateur de site est fiable ? c'est sur? parce qu'il m'indique des balises fermantes manquantes, des espaces en trops.... et rien de cela n'est present dans mon code!!
Pourrais tu y jeter un oeil stp si tu a un peu de temps, parce que je n'y comprends plus rien! Merci

[Neroptik]

Je regarde ca tout de suite

[Neroptik]

Voila ta page valide a queqlues exceptions près :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
       "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="Description" content="Intel'Project s.a. pour le développement de vos projets industriel" /> 
<meta name="Keywords" content="développement,projets,prototypage,designe,industriel,industrialisation,procédés,stéréo,moulage,conception,3D,industrielle,intel,project" /> 

<title>développement de projet industriel : intel'project</title>
<link rel="stylesheet" type="text/css" href="intel_css.css" />

<script type='text/javascript'>
</script>

</head>

<body>

<table width="962" border="0" align="center">
<!--DWLayoutTable-->
  <tr>
    <td width="11" height="76">&nbsp;</td>
    <td width="107">&nbsp;</td>
    <td width="67">&nbsp;</td>
    <td width="1">&nbsp;</td>
    <td width="20">&nbsp;</td>
    <td width="5">&nbsp;</td>
    <td width="176">&nbsp;</td>
    <td width="164">&nbsp;</td>
    <td width="7">&nbsp;</td>
    <td width="9">&nbsp;</td>
    <td width="5">&nbsp;</td>
    <td width="120">&nbsp;</td>
    <td width="146">&nbsp;</td>
    <td width="11">&nbsp;</td>
    <td width="12">&nbsp;</td>
    <td width="35">&nbsp;</td>
  </tr>
  <tr>
    <td height="71">&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td colspan="7" valign="top">

<table width="100%" border="0" cellpadding="0" cellspacing="0">
      <!--DWLayoutTable-->
      <tr>
        <td width="10" height="69">&nbsp;</td>
          <td width="352" valign="top"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="324" height="66">
              <param name="movie" value="frise.swf" />
              <param name="quality" value="high" />

              <embed src="frise.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="324" height="66">
              </embed>
          </object></td>
        </tr>
    </table></td>
  </tr>
  <tr>
    <td height="30">&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td height="32"></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td colspan="5" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
      <!--DWLayoutTable-->
      <tr>
        <td width="197" height="30"><div align="center"><span class="Style3">Pr&eacute;sentation</span></div></td>
        </tr>
    </table></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td rowspan="4" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
      <!--DWLayoutTable-->
      <tr>
        <td width="25" height="25" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
      </tr>
      <tr>
        <td height="40">&nbsp;</td>
      </tr>
      <tr>
        <td height="25" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
      </tr>
      <tr>
        <td height="25">&nbsp;</td>
      </tr>
      <tr>
        <td height="25" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
      </tr>
      <tr>
        <td height="40">&nbsp;</td>
      </tr>
      <tr>
        <td height="25" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
      </tr>
      <tr>
        <td height="27">&nbsp;</td>
      </tr>
      <tr>
        <td height="25" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
      </tr>
      <tr>
        <td height="23">&nbsp;</td>
      </tr>
    </table>    </td>
    <td colspan="2" rowspan="4" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
      <!--DWLayoutTable-->
      <tr>
        <td width="140" height="67" valign="top"><span class="Style30">Accueil</span><span class="Style25"><br />
        </span>
          <a href="index.html" title="Présentation" target="_self">Présentation</a><br />
          <a href="galerie/index_gal.php" title="Nos projets" target="_blank">Galerie Photo</a></td>
            </tr>
      <tr>
        <td height="91" valign="top"><span class="Style30"><span class="Style40">Intel Innove</span><br />

        </span><a href="designe_ind.html" title="Design Industriel" target="_self"> Design Industriel</a><br />
            <a href="modelisation.html" title="Modélisation 3D" target="_self">Modélisation 3D</a><br />
              <span class="Style38"><a href="prototypage.html" title="Prototypage" target="_self"> Prototypage</a>
              </span></td>
      </tr>
      <tr>
        <td height="64" valign="top"><span class="Style22"><span class="Style32">Intel D&eacute;veloppe </span><br />
          <span class="Style30"><a href="technique_conception.html" title="Technique et Conception" target="_self">Technique et Conception</a><br />
          <a href="outillage.html" title="Outillage pré-serie" target="_self"> Outillage pré-serie</a>
          </span></span></td>
        </tr>
      <tr>
        <td height="51" valign="top" class="Style22"><span class="Style32">Intel Industrialise </span><br />
          <span class="Style30"><a href="procedes.html" title="Choix des procédés" target="_self">Choix Procédés</a>
          </span></td>
        </tr>
      <tr>
        <td height="50" valign="top"><p class="Style22"><span class="Style32">Contact</span><br />
          <span class="Style30">

            <a href="formulaire.html" title="Contactez nous" target="_self"> Contactez nous</a><br />
            <a href="authentification.php" title="Connexion" target="_self"> Connexion</a>
          </span></p></td>
        </tr>
    </table></td>
    <td height="14"></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td height="135">&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td colspan="3" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
      <!--DWLayoutTable-->

      <tr>
        <td width="212" height="133" valign="top"><img src="images pages/ACCUEIL.JPG" width="189" height="133" alt="image" /></td>
          <td width="136">&nbsp;</td>
        </tr>
    </table></td>
    <td>&nbsp;</td>
    <td colspan="3" rowspan="4" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
      <!--DWLayoutTable-->
      <tr>
        <td width="318" height="293"><p class="Style10"><span class="Style11"><span class="Style4"><span class="Style12">TOUT UN PONT DE SOLUTIONS...</span><br />
          <span class="Style12">Pour le d&eacute;veloppement de vos projets <br />
            industriels</span>.</span><br />
          </span></p>
            <p align="justify" class="Style10"><span class="Style11"><br />
              Notre &eacute;quipe est organis&eacute;e pour mettre en oeuvre les comp&eacute;tences n&eacute;cessaires au d&eacute;veloppement int&eacute;gral ou partiel de vos produits.<br />

              <br />
              A chaque nouveau projet de d&eacute;veloppement, un chef de projet vous est attribu&eacute; afin de planifier et garantir les d&eacute;lais de chaque &eacute;tape du d&eacute;veloppement de votre produit.<br />
              <br />
          intel'project s.a. est le partenaire de l'innovation au service de votre entreprise. Notre regard externe sur vos projets de d&eacute;veloppement de vos produits saura vous s&eacute;duire tant pour notre technicit&eacute; que pour notre rapidit&eacute; d'ex&eacute;cution</span>.</p></td>
        </tr>
    </table></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td height="11"></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td height="159"></td>
    <td colspan="4" rowspan="4" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
      <!--DWLayoutTable-->
      <tr>
        <td width="362" height="199" valign="top" class="Style10"><div align="justify"><span class="Style35">Nous apportons une force suppl&eacute;mentaire &agrave; votre potentiel d'innovation sur les domaines suivants :<br />
              <br />
          </span> </div>          
        <ul class="Style8">
            <p class="Style35">&middot;    D&eacute;veloppement Design<br />
              &middot;    Mod&eacute;lisation 3D<br />
              &middot;    Cahier des charges fonctionnel<br />
              &middot;    Etude technique de conception<br />
              &middot;    Prototypage rapide <br />
              &middot;    D&eacute;veloppemnt d'outillage<br />
              &middot;    Etude des modes d'industrialisation<br />
              &middot;    Fabrication en s&eacute;rie de vos produits par nos partenaires industriels sp&eacute;cialis&eacute;s.            </p>
          </ul></td>
          <td width="16">&nbsp;</td>
        </tr>
    </table></td>
    <td></td>

    <td></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td height="14"></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td height="29"></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td>&nbsp;</td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td height="1"></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td colspan="2" rowspan="4" valign="top"><a href="galerie/index_gal.php" target="_blank"><img src="images pages/img_gal.PNG" border="0" alt="image" /></a></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td height="14"></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td height="73"></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td colspan="5" valign="top"><div align="left" class="Style36">
      <div align="center">D&eacute;couvrez nos projets en cours dans notre galerie photo : </div>
    </div></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td height="36"></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td>&nbsp;</td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td height="21"></td>
    <td></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td height="21"></td>
    <td></td>
    <td colspan="13" valign="top"><p align="center"><span class="Style18">intel'project S.A.</span></p></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td height="21"></td>
    <td></td>
    <td colspan="12" valign="top"><div align="center"><span class="Style21">- La Colombi&egrave;re 4 - CP 147 - CH 2900 Porrentruy 2</span> </div></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
</body>
</html>

Il reste ta balise Embed qui ne passe pas.

1. Error Line 59 column 25: there is no attribute "src". <embed src="frise.swf" quality="high" pluginspage="http://www.macr You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Transitional" document type to get the "target" attribute), or by using vendor proprietary extensions such as "marginheight" (this is usually fixed by using CSS to achieve the desired effect instead).
   This error may also result if the element itself is not supported in the document type you are using, as an undefined element will have no supported attributes; in this case, see the element-undefined error message for further information.
   How to fix: check the spelling and case of the element and attribute, (Remember XHTML is all lower-case) and/or check that they are both allowed in the chosen document type, and/or use CSS instead of this attribute. If you received this error when using the <embed> element to incorporate flash media in a Web page, see the FAQ item on valid flash.
   
   ✉
2. Error Line 59 column 45: there is no attribute "quality".... <embed src="frise.swf" quality="high" pluginspage="http://www.macromedi ✉
3. Error Line 59 column 64: there is no attribute "pluginspage"....rise.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashpl ✉
4. Error Line 59 column 115: there is no attribute "type"....cromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="3 ✉
5. Error Line 59 column 153: there is no attribute "width"....application/x-shockwave-flash" width="324" height="66"> ✉
6. Error Line 59 column 166: there is no attribute "height"....-shockwave-flash" width="324" height="66"> ✉
7. Error Line 59 column 170: element "embed" undefined....ckwave-flash" width="324" height="66"> You have used the element named above in your document, but the document type you are using does not define an element of that name. This error is often caused by:
   • incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Frameset" document type to get the "<frameset>" element),
   • by using vendor proprietary extensions such as "<spacer>" or "<marquee>" (this is usually fixed by using CSS to achieve the desired effect instead).
   • by using upper-case tags in XHTML (in XHTML attributes and elements must be all lower-case.

Et aussi il te conseil d'utiliser les listes a cet endroit

1. Error Line 240 column 30: document type does not allow element "p" here; assuming missing "li" start-tag. <p class="Style35">&middot; D&eacute;veloppement Design<br /> ✉
2. Error Line 248 column 14: end tag for "li" omitted, but OMITTAG NO was specified. </ul></td> You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".
   
   ✉
3. Info Line 240 column 12: start tag was here. <p class="Style35">&middot; D&eacute;veloppement Design<br />

Voila bon courage ...
Aussi je me permet de te donner un conseil : Oublie les tableaux !
Va lire un cours sur le CSS et les positionnements de Divs et refait ton site de cette manière. Cela rique de te prendre une journée mais crois-moi, ca te sera très utile et ca donnera un peu plus envie au gens de te corriger .

Sur ce bonne continuation.

[new-dmx]

Merci, c'est vrais que tu as baisser le nombre d'erreur et qu'elle est quasi bonne. Mais le fond de page ne s'affiche plus .

Les normes W3C sont aussi draconiene que sa!! Je pense que je vais finaliser le site en y integrant une base de donnée et des modules, ET SUPPRIMER MES TABLEAUX et par la suite je vais essayer de faire en sorte d'avoir le moin d'erreur possible...
Sa va etre dur , vu que je n'ai jamais fait d'HTML .....

[Neroptik]

Envoyé par new-dmx

Merci, c'est vrais que tu as baisser le nombre d'erreur et qu'elle est quasi bonne. Mais le fond de page ne s'affiche plus .

Les normes W3C sont aussi draconiene que sa!! Je pense que je vais finaliser le site en y integrant une base de donnée et des modules, ET SUPPRIMER MES TABLEAUX et par la suite je vais essayer de faire en sorte d'avoir le moin d'erreur possible...
Sa va etre dur , vu que je n'ai jamais fait d'HTML .....

Ton fond etait définit dans ton code HTML hors il doit être definit dans ton CSS ! pour que la validation passe j'ai du enlever le parametre "background" que tu avait dans ton tableau il te suffit de le reintegrer dans ton CSS avec

Code :

background-image:"TonImage.png";

Pour la Balise Embed il existe je pense des techniques essai de voir avec la balise "Object" je ne me souvient plus trop de cette histoire...

Bon courage
Tu est en bonne voie héhé (quand on passe le cap du mode wysiwyg pour commencer à coder quelque chose de clair et dont on comprend tout les morceaux c'est assez bon signe)

Cordialement,
Neroptik

[new-dmx]

J'ai commencer a attaquer les balises div avec code coté HTML et code coté CSS , Attention c'est fini le temps des tableau de mise en forme.... lol

HTML

<body>
<div class="fond">

<div class="frise">
<object type="application/x-shockwave-flash" data="frise.swf" width="324" height="66">
<param name="movie" value="frise.swf"/>
<param name="quality" value="high"/>
</object>
</div>

<div class="menu">
<span class="Style32">Accueil</span><br />
</span>
<a href="index.html" title="Présentation" target="_self">Présentation</a><br />
<a href="galerie/index_gal.php" title="Nos projets" .....
......
.....
....
....
....
Connexion</a>
</span>
</div>
</div>
</body>

CSS

.fond {
background-image: url("images pages/grande page2.png");
background-repeat: repeat-x;
height: 775px;
width: 962px;
margin-left: 10px;
margin-top: 10px;
}

.frise {
height: 66px;
width: 324px;
margin-left: 578px;
margin-top: 80px;
}

je galere un peu mais j'espere ne pas me rater!
De toute maniiere, n'est ce pas en tombant que l'homme apprend a marcher??

Allez je me souhaite bonne chance!!
Une superbe page avec un code tout propre...

ps : j'ai voulu creer une fois un model, maintenant je travaille sur une autre page html et depuis des que j'enregistre ctrl+s, on me propose d'enregistrer le fichier comme model, et c'est toujour comme cela.
Comment y remedier?

[new-dmx]

C'est bon le site est completement gerer avec des balises <div>
J'ai du faire plusieurs modifications pour qu'il ai une bonne visibilité sous Internet Explorer et sous FF, qui sont a mon avis les 2 navigateur le plus utilisées...

Pouvez vous m'aidre a corriger les erreures de ma page pour qu'elles reponde aux normes w3c, je ne comprends pas mes erreures .


a chaque balise fremante </head> par exemple
j'ai a plusieurs reprises l'erreur :

Error Line 12, column 6: end tag for "META" omitted, but OMITTAG NO was specified .

</head>

You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".

Et quand je modifie cette balise par la suggestion proposé j'ai :

Error Line 12, column 6: end tag for "head" which is not finished .

<head/>

Most likely, You nested tags and closed them in the wrong order. For example <p><em>...</p> is not acceptable, as <em> must be closed before <p>. Acceptable nesting is: <p><em>...</em></p>

Another possibility is that you used an element which requires a child element that you did not include. Hence the parent element is "not finished", not complete. For instance, <head> generally requires a <title>, lists (ul, ol, dl) require list items (li, or dt, dd), and so on.

[Neroptik]

Il reste vraiment que des petites erreurs.... aller encore un petit effort (de traduction ) et ta page sera valide ^^.

- Quelques balise en majuscule alors qulle doivent être en minuscules pour etre valides
- Apparement des fermetures de balises en trop (span je crois)

Efin il reste vraiment que du detail ca devrai aller vite

Bon courage new-dmx

Codialement,
Neroptik

[new-dmx]

FAIT TOI PLAISIR !!!

Sa fait plaisir, dire que je n'ai (enfin n'avait ) jamais fait de HTML ....
Comme quoi le forum et vos conseil sont vrement efficaces, vous nous donnez pas les solutions mais vous nous aider a les trouver par nous même.
En cas de difficulté, vous nous donnez des pti indices ...
Et avec ces echanges on arrive vrement a faire quelquechose de correcte, de tres correcte même.

Encore merci neroptik, dume, blueice,oluha ,trroters... bref ceux qui m'ont aider quoi c'est emouvant non? lol

Bon il est toujours pas fini ce site !! C'est partie pour les BDD connexion login et compagnie !!

[Oluha]

j'ai mis en délestage car tu as déjà un autre topic pour ton site

[new-dmx]

oui,comme je te l'avais expliqué oluha, ce topic qui etait placé dans la rubrique dream servait a apporté des modification techniques propre a dreamweaver...
Mais ce n'est pas grave du tout... je vais le clore et le mettre en resolu ..