Incontournables XHTML / CSS :
| Auteur | Pages : [>] [>>] |
|---|---|
| Raphael | # 08 Mar 2005 - 10:30:53 |
Mangez des kiwiz !  Administrateur 10491 Posts |
Oyez Oyez, voici lancé le troisième concours du forum ! Enoncé du concours : - Redesign de (2 pages de) WebRankInfo (WRI), le site d'Olivier Duffez. - Ce redesign comprendra une charte graphique + XHTML + CSS + Accessibilité (Niveau "A" minimum) + code propre et validé selon le doctype choisi. - Les pages concernées pour ce redesign sont : http://www.webrankinfo.com (dite "page d'accueil") et http://www.webrankinfo.com/analyses/articles/rel-nofollow.php (dite "page de contenu") - Possibilité de participer seul ou en équipe (deux participants maximum) Les modalités : - Durée du concours : environ 3 semaines (fin le 31 mars) - Une seule proposition par participant (ou par équipe), avec envoi des documents par email à Raphael (un dossier unique comprenant la feuille HTML, CSS et les illustrations) + mise en ligne du résultat sur un hébergement personnel SECRET (interdit de le dévoiler pendant le concours). - Mail pour l'envoi des propositions : forum@alsacreations.com (précisez votre pseudo dans l'objet) - Seul Raphael connaîtra les url des participations. Attention à ne plus modifier le site en ligne une fois que le dossier est envoyé à Raphaël. Le mail comprendra également une acceptation des clauses spécifiques (voir ci-dessous) Désignation du vainqueur : - A l'issue du délai imparti, les propositions des participants sont soumises à un double vote. - Le vote sera double : une première partie se fera sur le forum Alsacréations, la seconde partie décisive aura lieu sur le forum WRI. - Le premier vote déterminera les deux sites finalistes. Toutes le propositions sont exposées sur un sujet-sondage. - On dévoile alors les URL secrètes des participants. Si le site est différent de la version envoyée à Raphaël, celui-ci est disqualifié (ceci pour éviter de modifier le site après-coup, en voyant les autres sites). - Le premier vote dure exactement 2 semaines (du 9 avril au 23 avril minuit) - Les deux sites choisis par les membres seront désignés comme finalistes. Ils participeront alors au vote final, organisé sur WRI (selon les modalités qui seront indiquées sur le forum WRI) - Le site qui remportera la finale sera celui qu'Olivier Duffez (webmaster de WRI) choisira pour refaire le design de son site. Olivier Duffez jouera lui aussi le jeu en se pliant au choix du vote des membres (voir clauses ci dessous) En résumé : le vote se fera en deux étapes dont la première consistera en un première sélection des projets de design par les membres de Alsa, et le gagnant serait déterminé par les membres de WRI qui choisiraient entre les deux projets sélectionnés. Les récompenses : - Le vainqueur ou l'équipe vainqueur aura la chance d'avoir son design choisi pour la refonte de WebRankInfo - Le vainqueur et son site perso seront mis à l'honneur pendant une semaine, affichés sur toutes les pages du forum Alsa à la place du bandeau "livres incontournables" - Du côté de WRI, le vainqueur gagnera une campagne publicitaire sous forme de 100 000 affichages de bannières 468x60 sur WRI pointant vers son site(*). Il sera également cité dans l'actualité sur WRI et repris dans la newsletter. - Un lien "Design : XXX" sera ajouté en bas de chaque page du site WRI pendant toute la durée où ce design sera utilisé par WRI. Ce lien pointera vers le site du gagnant (*) (*) : le site en question ne doit pas être un site pour adultes, il ne doit pas pouvoir porter atteinte aux droits des tiers, il ne doit pas être contraire à l'ordre public et ne doit pas traiter de pornographie, de racisme, de piratage, de politique ou de religion Clauses à lire absolument : - Olivier Duffez s'engage à utiliser le design sélectionné par les votes des membres d'Alsacréations. Olivier Duffez poursuivra ensuite lui-même le redesign des autres pages du site, avec éventuellement la collaboration du gagnant. - Tous les participants et notamment le vainqueur ou l'équipe gagnante reconnaissent qu'ils acceptent de céder l'entière propriété intellectuelle de leur création. Olivier Duffez pourra en disposer sans limitation de durée sans rien devoir aux concepteurs, que ce soit sous forme financière ou toute autre forme. - Olivier Duffez pourra procéder à des modifications mineures si besoin. - Olivier Duffez pourra utiliser des variantes de ce design pour d'autres sites s'il le souhaite, sous les mêmes conditions que celles concernant le design fourni par l'équipe gagnante. - Au bout d'un an, Olivier Duffez pourra changer totalement de design s'il le souhaite. => chaque participant, dans son email de proposition de design doit indiquer qu'il accepte toutes les conditions du règlement et de ces clauses. Cahier des charges spécifique : 1- Le logo de WRI ne sera pas modifié 2- La page d'accueil et la page de contenu doivent pouvoir s'afficher en occupant toute la largeur de l'écran. Néanmoins elles doivent pouvoir s'afficher correctement dans toutes les résolutions d'écran supérieures ou égale à 800x600 (notamment sans nécessiter de barre de défilement horizontale) 3- Le site est organisé en rubriques (Référencement, Google, Yahoo, Analyses, Outils) qui ont chacune des sous-rubriques. Il y a en outre des parties transversales (actualités, annuaire, forum, partenaires...). Le design doit permettre de faire évoluer le site facilement en modifiant ou ajoutant des rubriques, sous-rubriques ou parties transversales. 4- Aucun menu ne doit inclure de balise select (si vous tenez à utiliser des menus déroulants, utilisez de préférence des menus comme htmldog ou Alsacréations). 5- Les liens doivent tous pouvoir être suivis par des robots d'indexation 6- La couleur principale du site doit rester le bleu. Le bleu actuel du logo doit pouvoir s'accorder avec le design proposé 7- Un emplacement 468x60 doit être prévu en haut de page. 8- La page d'index doit contenir une zone de pub 250x250px. 9- La page d'index doit contenir une zone actualité constituée de 3 listes : les derniers messages du forum WRI, les dernières actus de WRI, les dernières actus du blog www.prweaver.fr/blog/ 10- La page de contenu doit inclure une marge latérale à gauche ou à droite => toute proposition qui ne respecte pas ce cahier des charges sera pénalisée. Bonne chance à tous les participants ! PS : Olivier Duffez essayera de participer lui aussi à ce post pour éclaircir certains points ou répondre à vos questions. Modifié par Raphael (08 Apr 2005 - 10:49) La FAQ répond à 90% des questions de ce forum. En général, 5 min de recherches suffisent... |
  |
|
| Julien L | # 08 Mar 2005 - 11:34:11 |
Ecoutes ton browser !  507 Posts |
Hum... le jeu en vaut la chandelle. 3 semaines c'est court par contre, une rallonge d'une semaine aurait été sympathique. On a tous pas mal de projets et celui ci est de taille (enjeuxellement parlant j'entends bien)... Tout ce qui n'est pas fond est forme !! |
| |
|
| Raphael | # 08 Mar 2005 - 11:43:30 |
Mangez des kiwiz ! Administrateur 10491 Posts |
En même temps, il n'y a que deux pages à changer et pas le site entier  Et n'oublie pas que tu peux participer en équipe et donc répartir les tâches et aller plus vite. ... Et puis, si tu calcules bien, il y'a 3 semaines et 2 jours  La FAQ répond à 90% des questions de ce forum. En général, 5 min de recherches suffisent... |
| |
|
| Julien L | # 08 Mar 2005 - 12:03:30 |
Ecoutes ton browser ! 507 Posts |
Peut on avoir à disposition un kit "charte actuelle" avec code couleur, logo dans un bon format et tout et tout ou alors on prends tout sur place ? Tout ce qui n'est pas fond est forme !! |
| |
|
| Raphael | # 08 Mar 2005 - 12:10:58 |
Mangez des kiwiz ! Administrateur 10491 Posts |
Julien L a écrit : Pour le logo : http://www.webrankinfo.com/images/webrankinfo.png Pour le reste, il ne faut pas trop copier la charte actuelle justement. Les couleurs doivent simplement rester dans les tons bleus (pas obligatoirement le même bleu que l'actuel) et accordés au logo. La FAQ répond à 90% des questions de ce forum. En général, 5 min de recherches suffisent... |
| |
|
| Xavier | # 08 Mar 2005 - 12:53:55 |
| 581 Posts |
il est possible de participer par équipe de 2. Est-il possible de partager les récompenses : - 50 000 affichages de bannières chacun - liens du style: Design : <a href="url1">XXX</a> et <a href="url2">YYY</a> ou encore <a href="url1">Design : XXX</a>, <a href="url2">Développement : YYY</a> Par ailleurs, je n'ai pas très bien compris : La page d'accueil et la page de contenu doivent pouvoir s'afficher en occupant toute la largeur de l'écran. Néanmoins elles doivent pouvoir s'afficher correctement dans toutes les résolutions d'écran supérieures ou égale à 800x600Pourrais-tu préciser les contraintes sur la largeur ? Est-ce différent du site actuel ? |
| |
|
| WebRankInfo | # 08 Mar 2005 - 12:57:06 |
 23 Posts |
Oui c'est possible, 2 liens si vous êtes 2... ainsi que 50 000 affichages de pub chacun. Pour la largeur, j'aimerais effectivement changer pour avoir un site comme Alsa, qui occupe toute la largeur (comme mon forum en fait). Pour la page de contenu, je pense qu'il y aura 2 ou 3 colonnes, j'indique qu'il en faut au moins 2, l'une des 2 étant appelée une marge (rien de très exceptionnel...) Aide, infos : forum référencement Web Rank Info |
| |
|
| Raphael | # 08 Mar 2005 - 13:00:52 |
Mangez des kiwiz ! Administrateur 10491 Posts |
Xavier a écrit : Oui la version actuelle est de taille fixe (770px de large) La FAQ répond à 90% des questions de ce forum. En général, 5 min de recherches suffisent... |
| |
|
| Xavier | # 08 Mar 2005 - 13:34:04 |
| 581 Posts |
Pour la page de contenu, je pense qu'il y aura 2 ou 3 colonnes, j'indique qu'il en faut au moins 2, l'une des 2 étant appelée une margeActuellement la page de contenu contient 3 colonnes dans une largeur fixe (770px) : - à gauche: liens vers autres articles - au centre : contenu article - à droite : liens transverse + pubs Il faut donc pour être dans le cahier des charges : - ajouter une colonne (marge) à l'actuel contenu de 3 colonnes - répartir cet ensemble (3 anciennes colonnes + marge) sur la largeur de la fenêtre Et j'espère que vous allez me répondre oui.  En fait en me relisant je m'apercois que je suis juste perturbé par la demande d'Olivier : 2 colonnes alors que le contenu actuel me semble en comprendre déjà 3. |
| |
|
| WebRankInfo | # 08 Mar 2005 - 14:04:05 |
| 23 Posts |
En fait je vous laisse le choix (2 ou 3 colonnes)... Si vous trouvez que 3 colonnes c'est faisable, alors partons pour 3 colonnes Si vous regardez bien j'ai des pages avec 2 colonnes et d'autres avec 3 : http://www.webrankinfo.com/actualites/200503-semantique.htm http://www.webrankinfo.com/referencement/index.php Modifié par WebRankInfo (08 Mar 2005 - 14:05) Aide, infos : forum référencement Web Rank Info |
| |
|
| slender | # 09 Mar 2005 - 01:26:38 |
| 5 Posts |
je me demande bien si il ne faudrait pas demander à faire 3 pages: - la page d'entrée - 1 page à 2 colonnes - 1 page à 3 colonnes De toute façon si le site est retenu il faudra, aux fins d'utilité, qu'il permette le 2 et le 3 colonnes. Le général a perdu la bataille parce qu'il aura de mauvaises funérailles. (source taoiste). |
| |
|
| Igor | # 09 Mar 2005 - 02:35:40 |
 Modérateur 5342 Posts |
slender a écrit : Bonsoir et bienvenue Slender, Utile de se poser cette question mais le concours est déjà lancé et le cahier des charges c'est deux pages comme indiquées dans le post d'annonce du concours  ( http://forum.alsacreations.com/topic.php?fid=21&tid=2290#p22112 ). |
| |
|
| masterjmc | # 09 Mar 2005 - 07:16:21 |
xHTML/CSS  181 Posts |
Bon ça a l'air assez intéressant pour que je m'y intéresse mais j'aimerais avoir une précision, à savoir quels sont tes goûts en matière de design Olivier? "être ou ne pas être" se le demander est déjà la preuve que l'on n'est pas, car si l'on bifurque cette réflexion avec "je pense donc je suis" le simple fait de philosopher sur son existence prouve sa non-existence... |
   |
|
| Ldo | # 09 Mar 2005 - 08:46:40 |
Lillois 45 Posts |
masterjmc a écrit : tu t'en fout de ses gouts puisque ce n'est pas lui qui vote :mrgreen: va poser la même question à chacun des membres WRI ->[] je suis déjà partit ^^ |
| |
|
| masterjmc | # 09 Mar 2005 - 09:12:05 |
xHTML/CSS 181 Posts |
moi je demande pasque je vais gagner  alors bon tant qu'à faire qu'il ait un truc qui lui plaise Dreaming is beautifull mdr "être ou ne pas être" se le demander est déjà la preuve que l'on n'est pas, car si l'on bifurque cette réflexion avec "je pense donc je suis" le simple fait de philosopher sur son existence prouve sa non-existence... |
| |
|
| yeca | # 09 Mar 2005 - 12:25:03 |
Référenceur fou...  29 Posts |
J'espère avoir le temps pour participer |
| |
|
| Ldo | # 09 Mar 2005 - 17:58:02 |
Lillois 45 Posts |
au fait, pas de contrainte d'image ?  (nombres, poids ...) étonnant ... |
| |
|
| Tony Monast | # 09 Mar 2005 - 18:04:43 |
Fusionnez à froid !  Modérateur 2245 Posts |
Les contraintes du nombre d'images et du poids total de la page va de soi qu'il faut respecter un gros bon sens. Si la page pèse 6 méga-octets, je doute que les autres membres votent pour ton interface. Si tu es assez inspiré pour utiliser 40 images dans ton interface, vas-y fort. Laisse aller ta créativité, pourquoi pas. Une seule pensée constructive, vaut mieux qu'une heure d'efforts futiles. |
| |
|
| bwbk | # 09 Mar 2005 - 18:40:55 |
| 53 Posts |
Pourquoi on doit faire le visuel et le code ? (oui alsa est pro css w3c xhtml) Le titre parle bien de façade ? C'est quoi l'accéssibilité "A" ?  |
|
|
| Julien L | # 09 Mar 2005 - 18:47:16 |
Ecoutes ton browser ! 507 Posts |
bwbk a écrit : Parce que c'est le concours et c'est pas un forum webdesign et que tu founis rarement qu'une charte, généralement tu fais aussi le montage. bwbk a écrit : Hein ? bwbk a écrit : http://www.w3.org/TR/WAI-WEBCONTENT/ Priority 1 http://www.accessiweb.org/fr/Label_Accessibilite/criteres_accessiweb/55_accessiweb_bronze/ Tout ce qui n'est pas fond est forme !! |
| |
|
Les références web : openweb.eu.org - opquast.com - webmaster-hub.com - webrankinfo.com - salemioche.net - web-pour-tous.org - webonorme.org
Nos partenaires : Editions Eyrolles - Location vacances France - Location vacances Europe
Nikozen : Hébergement - Réalisation : Alsacreations.fr