Salut,
je vois qu'on a affaire à un(e) têtu(e), c'est bien j'adore les bourriques !
tu ne semble pas avoir compris que la publicité pour des produits commerciaux est interdite sur ce forum (le titre du fil étant en plus "Création site web gratuit"), mon premier et rapide message ne cherchait qu'à te dissuader de revenir à la charge.
moi je pensais plus comme exemple www.animatiplus.fr ou fadotalia.com et ou bien encore graciamedia.com ..... qui eux sont réalisés avec l'outils dispo sur webliberte.net
malgré ce que tu sembles sous-entendre, le site choisi précédemment provient de la galerie de réalisations de ton machin (c'est le premier, tu devrais le retrouver).
mais tu en redemandes, je ne vais donc pas me priver de parler davantage de technique web puisque c'est le thème de ce forum !
donc une fois passée l'épreuve du validateur qui, je ne te l'apprendrai pas ne fait que vérifier la conformité du code vis à vis de la DTD, nous allons enfin pouvoir découvrir l'excellentissime code source d'une page (j'étais tenté de taper "page HTML" mais ça n'y ressemble vraiment pas) produite par ton machin payant.
on va donc prendre comme exemple la page d'accueil de graciamedia.com qui se présente comme :
Des graphistes et animateurs 3D....
Que dire de plus ?
20 ans d'expèrience en communication et design appliquée à la 3D....
ah bah au moins on peut se dire qu'ils savent ce qu'ils font en utilisant le
machin !
ils nous disent même au sujet de leur activité de
webmastering que :
Graciamédia est partenaire avec WEBLIBERTÉ et offre ainsi la possibilité de réaliser soi-même son site pour moins de 3 euros par mois...
[...]
C'est sûr, le copain du cousin de la belle sœur fait ça très bien, mais faire confiance à un professionnel ne revient finalement pas plus cher !
Vous remarquerez,
le mieux c'est de faire travailler un professionnel pour avoir la chance de faire son site soi-même.
d'où donc ma question : et il fait quoi le pro dans cette histoire ?
ben il s'engraisse sur ton dos, pardi !
mais au moins tu ne paies pas plus cher pour avoir l'honneur de
faire confiance à un professionnel…
et pour ce prix là, on ne va quand même pas s'attendre à ce qu'il te corrige les fautes d'orthographes.
allez hop ! on passe à la page d'accueil.
la mise en page est toute simple, une bannière sur deux lignes, une barre de navigation horizontale, un contenu en deux colonnes et un pied de page.
la plus grosse difficulté technique étant sans doute les deux colonnes du contenu.
on peut donc s'attendre à :
• un paragraphe et un titre de niveau 1 pour la bannière ;
• une liste de liens pour la navigation ;
• pour le contenu, une division à droite avec un titre de niveau 2, un paragraphe et une image puis une autre division avec une image et des paragraphes ;
• et enfin un simple paragraphe pour le pied de page.
je vous épargne l'en-tête du document, les scripts et styles pour n'en garder que le corps :
<div id="skip-links"></div>
<div id="page-wrapper">
<div class="full-width full-height" id="content-wrapper">
<div class="content user-content cheight" id="flash_content">
</div>
<div class="hideable content" id="non-flash">
<div class="" id="help-content">
<img width="565" usemap="#getFlashMap" alt="" align="middle" src="/_app/8754/images/getFlash.gif" id="getFlash" height="252" border="0" />
<map name="getFlashMap" id="getFlashMap">
<area alt="Get Flash Player" coords="313,65,423,83" href="http://www.adobe.com/go/getflashplayer" shape="rect" />
<area alt="Get Flash Player" coords="90,110,183,147" href="http://www.adobe.com/go/getflashplayer" shape="rect" />
<area alt="Get Flash Player" coords="86,163,310,180" href="http://www.adobe.com/go/getflashplayer" shape="rect" />
<area alt="Requirements" coords="328,195,388,215" href="/_app/8754/resources/requirements.html" shape="rect" />
</map>
</div>
<div class="user-content" id="text-content">
<h3 id="content">Content</h3>
<!-- page body -->
<table class='Table' id='pagTable_1' style='font-family:Arial, sans-serif;font-size:12pt;text-align:left'>
<tr>
<td></td>
</tr>
</table><div class='image' id='pagImage_4' style="width:288px;height:209px"><a href='/communities/4/000/001/080/164/images/175472.jpg'><img src='/communities/4/000/001/080/164/images/175472_pre.jpg' alt='' title='' width='288' height='209' /></a></div>
<div class='textbox' id='pagTextboxV4_2' style="font-family:'Lucida Grande', sans-serif; text-align:center; width:465px; height:45px; overflow:auto"><p align="center"><strong>Bienvenue sur Graciamedia.com</strong></p></div><div class='textbox' id='pagTextboxV4_1' style="font-family:'Geneva', sans-serif; text-align:center; width:400px; height:100px; overflow:auto"><p align="center"><strong>Animation 3D de moulure décorative</strong></p><p align="center"><a href="http://montage.graciamedia.com/moulure01.swf"
target='_blank'><strong>cliquer sur l'image pour la découvrir</strong></a></p></div><div class='image' id='pagImage_5' style="width:494px;height:372px"><a href='http://montage.graciamedia.com/moulure01.swf'><img src='/communities/4/000/001/080/164/images/175690_pre.jpg' alt='' title='' width='494' height='372' /></a></div>
<div class='textbox' id='pagTextboxV4_3' style="width:210px; height:299px; overflow:auto"><p>Vous découvrirez dans ce site comment l'utilisation de la 3D sur internet ou autre peut aider à présenter vos produits, concepts ou machine. Une notice de montage par éxemple... A picture is worth a thousand words !!!</p><p></p><p>Depuis 20 ans dans le graphisme (magazines, presses diverses, communication, design de logos et de charte graphiques, etc.) dont 10 sur internet (sites internet institutionnels, animés, E-commerce, back-up applications avec notre partenaire Webliberté) nous pourrons répondre à tous vos besoins de communication...</p><p></p><p>Contactez-nous vite !</p></div><!-- page body -->
<div class='textbox' id='masTextboxV4_2' style="text-align:center; width:743px; height:27px; overflow:auto"><p align="center"><strong>LE LABORATOIRE D'IDÉES </strong>- UNE IMAGE EST MIEUX QUE 1000 MOTS</p></div><div class='title_textbox' id='masTextboxV4_1' style="font-family:'simple_graphic', sans-serif; width:599px; height:55px; overflow:auto"><h2>GRACIAMEDIA - design print et Web - Animations - 3D</h2></div>
<h3 id="navigation">Navigation</h3>
<ul id="pagelinks"><li><a href='/bienvenue/2907656'>Bienvenue</a></li><li><a href='/graphismeprintetweb/2907672'>Graphisme Print et Web</a></li><li><a href='/travauxencours/2907658'>Travaux en cours</a></li><li><a href='/pochettepromopix3d/2907660'>Pochette promopix 3D</a></li><li><a href='/rendus3dpromopix/2907662'>Rendus 3D Promopix</a></li><li><a href='/exemples/2907664'>Exemples</a></li><li><a href='/fastlabactivitedeau/2954318'>Fast Lab activité d'eau</a></li><li><a href='/fondmouvant/2954202'>fond mouvant</a></li><li><a href='/lc2bchangementdeliquidede/2954770'>LC2B Changement de liquide de</a></li><li><a href='/carousel/2954350'>Carousel</a></li><li><a href='/moulure/2955388'>moulure</a></li><li><a href='/noticedemontage3d/2907666'>Notice de Montage 3D</a></li><li><a href='/lequipe/2907668'>L'Equipe</a></li><li><a href='/contact/2907670'>Contact</a></li></ul>
</div>
</div>
</div>
<div id="dotlinks">
<a
href="#Bienvenue" title='Bienvenue' rel='nofollow' onclick="SM.navigateTo('2907656');return false;"><img
src='/_app/8754/images/sitebutton.gif' alt='Bienvenue' width='1' height='1' border='0' /></a><a
href="#Graphisme%20Print%20et%20Web" title='Graphisme Print et Web' rel='nofollow' onclick="SM.navigateTo('2907672');return false;"><img
src='/_app/8754/images/sitebutton.gif' alt='Graphisme Print et Web' width='1' height='1' border='0' /></a><a
href="#Travaux%20en%20cours" title='Travaux en cours' rel='nofollow' onclick="SM.navigateTo('2907658');return false;"><img
src='/_app/8754/images/sitebutton.gif' alt='Travaux en cours' width='1' height='1' border='0' /></a><a
href="#Pochette%20promopix%203D" title='Pochette promopix 3D' rel='nofollow' onclick="SM.navigateTo('2907660');return false;"><img
src='/_app/8754/images/sitebutton.gif' alt='Pochette promopix 3D' width='1' height='1' border='0' /></a><a
href="#Rendus%203D%20Promopix" title='Rendus 3D Promopix' rel='nofollow' onclick="SM.navigateTo('2907662');return false;"><img
src='/_app/8754/images/sitebutton.gif' alt='Rendus 3D Promopix' width='1' height='1' border='0' /></a><a
href="#Exemples" title='Exemples' rel='nofollow' onclick="SM.navigateTo('2907664');return false;"><img
src='/_app/8754/images/sitebutton.gif' alt='Exemples' width='1' height='1' border='0' /></a><a
href="#Fast%20Lab%20activit%E9%20d'eau" title='Fast Lab activité d'eau' rel='nofollow' onclick="SM.navigateTo('2954318');return false;"><img
src='/_app/8754/images/sitebutton.gif' alt='Fast Lab activité d'eau' width='1' height='1' border='0' /></a><a
href="#fond%20mouvant" title='fond mouvant' rel='nofollow' onclick="SM.navigateTo('2954202');return false;"><img
src='/_app/8754/images/sitebutton.gif' alt='fond mouvant' width='1' height='1' border='0' /></a><a
href="#LC2B%20Changement%20de%20liquide%20de" title='LC2B Changement de liquide de' rel='nofollow' onclick="SM.navigateTo('2954770');return false;"><img
src='/_app/8754/images/sitebutton.gif' alt='LC2B Changement de liquide de' width='1' height='1' border='0' /></a><a
href="#Carousel" title='Carousel' rel='nofollow' onclick="SM.navigateTo('2954350');return false;"><img
src='/_app/8754/images/sitebutton.gif' alt='Carousel' width='1' height='1' border='0' /></a><a
href="#moulure" title='moulure' rel='nofollow' onclick="SM.navigateTo('2955388');return false;"><img
src='/_app/8754/images/sitebutton.gif' alt='moulure' width='1' height='1' border='0' /></a><a
href="#Notice%20de%20Montage%203D" title='Notice de Montage 3D' rel='nofollow' onclick="SM.navigateTo('2907666');return false;"><img
src='/_app/8754/images/sitebutton.gif' alt='Notice de Montage 3D' width='1' height='1' border='0' /></a><a
href="#L'Equipe" title='L'Equipe' rel='nofollow' onclick="SM.navigateTo('2907668');return false;"><img
src='/_app/8754/images/sitebutton.gif' alt='L'Equipe' width='1' height='1' border='0' /></a><a
href="#Contact" title='Contact' rel='nofollow' onclick="SM.navigateTo('2907670');return false;"><img
src='/_app/8754/images/sitebutton.gif' alt='Contact' width='1' height='1' border='0' /></a>
</div>
</div>
je ne parlerai même pas de sémantique (la palme revenant à l'utilisation d'un tableau qui ne sert qu'à la mise en page) dans ce cas on parle généralement de
soupe de tags.
les balises sont utilisées au hasard, les niveau de titre ne sont pas respectés et pour finir une tonne de contenu relatifs à une animation Flash qui ne sert strictement à rien étant donné que ladite animation est statique (là encore, on pourrait le résumer à une simple question de sémantique…) et qui pourrait être avantageusement remplacée par un simple et tellement plus approprié bitmap.
on pourrait encore parler des liens sans signification ("/fastlabactivitedeau/2954318", pour un site avec si peu de page c'est quand même bête !) ou du mélange constant du contenu et de la mise en page (quand on choisit XHTML comme langage c'est risible).
si tu veux on peut éplucher chaque balise, je peux même te faire la même page avec derrière un vrai document HTML pour ensuite comparer les codes source.
ton
machin produit donc
un code de m***e et en plus il est payant.
ton conseil est donc non seulement hors sujet et hors charte mais en plus très mauvais techniquement.
à bon entendeur…
[ Mathieu ]
Il y a surement des pandas pour ne dépendre de rien
Animation flash pour site web gratuit
