Titre: New design
Posté par: dieu_fox le le 29-08-2006 a 17:14:21
Bonjour,
Tout d'abord voici mon site actuel : www.fcbrother.fr
J'aimerai ajouter quelques modifications afin de la rendre plus agréable, plus pro efnin plus mieux ;-)
Je ne sais trop quoi modifié si quelqu'un pourrais me donner une orientation à suivre, ça serait super sympa.
Merci. |
Titre: Re:New design
Posté par: Netah le le 30-08-2006 a 11:55:03
Commence par abandonner les frames... Ca fait trop de "cadres" et donc trop "vieillo" (C'était bien il y a 10 ans).
Ensuite, je trouve que tu n'exploites pas correctement les blancs et la position de tes infos. Tu as trop "quadrillé" ta page. Si tu veux lui donner plus de fluidité, essaie de designer ta page en sortant des classiques rectangles et, dans un premier temps (sous photoshop, psp, gimp, paint.net ou autre), sans tenir compte du fait que tu devras la découper pour la mettre sur le net.
Enfin, mais ça n'a pas à voir avec l'apparence, tes pages sont mal construites (voir les balises body par exemple).
Si tu veux commencer en xhtml, regarde sur www.blog-webmaster.com, tu verras avec les tutoriaux que c'est simple. Ensuite, pour aller vers les CSS, regarde sur www.alsacreations.com/articles.
Ca t'aidera à sortir de ton design 'carré' et à faire des pages "aux normes". |
Titre: Re:New design
Posté par: dieu_fox le le 30-08-2006 a 11:58:28
le site est fait en php, CSS et html.
Comme fais-je pour ne mettre à jour qu'une partie du site sans frame ?
je viens de regarder un peu le XHTML et je ne vois pas trop l'interet , car j'utilise du PHP et du CSS pour faire le site ( mise a part pour les frames ) |
Titre: Re:New design
Posté par: DJolhan le le 30-08-2006 a 14:33:31
| Quel est l'interet de vivre sous un toit, on vivait bien dans les grottes à la préhistoire ! ::) |
Titre: Re:New design
Posté par: dieu_fox le le 30-08-2006 a 14:37:34
| Questions mal formulé, quel est le plus du XHTML par rapport au CSS + PHP ??? |
Titre: Re:New design
Posté par: Netah le le 30-08-2006 a 15:45:54
Alors déjà, il y a un gros mélange de ta part:
- php : language coté serveur qui gère la partie dynamique du site.
- xhtml (+css) : language balisé qui sert à la mise en forme des infos coté client.
Intérêt du xhtml et de suivre le reste des conseils ci dessus : éviter qu'en entrant sur ton site on se dise "oula, ca semble vachement vieux comme site", un peu comme si tu croisais un homme d'affaire dans la 404 de colombo (si c'était bien ça sa voiture).
En plus, tu seras aux normes, libéré "graphiquement" des contraintes des frames, mieux référencé, accessible aux handicapés, .................................... etc.
(et en plus, c'est plus facile).
Faire du php dans un site qui n'exploite ni base de données ni rien de dynamique ne sert à rien, ca ne fera pas plus "class"! (avec un jeu de mot pour les shakespeariens ;D => OK, c'était nul :P) => []
Bref, quand on entre sur ton site, on se croirait revenu presque 10 ans en arrière (et ça fait vraiment bcp à l'échelle de l'histoire du net)... Apres, c'est à toi de voir ce que tu veux, mais tu es venu demander notre avis ;) |
Titre: Re:New design
Posté par: dieu_fox le le 30-08-2006 a 15:57:12
On va tout reprendre car j'ai du loupé un wagon.
Tout les infos que vous voyez sur le site sont gérés par du PHP et les données sont tirés de 40 tables différentes sur une base de données type MYSQL.
Jai installé des frames car pour les menus, je ne savais pas comment faire autrement.
La disposition de tout ce qui est sur le site est fait par des balises relié a de feuille de style.
Voici le source de la page body pour vous donner un exemple :
<html>
<head>
<LINK REL="stylesheet" TYPE="text/css" HREF="XXXX.css">
</head>
<?PHP
/* Connexion et sélection de la base */
$link = mysql_connect("XXX", "XXXXX", "XXXXXX")
or die("Impossible de se connecter");
mysql_select_db("fcbrothe") or die("Could not select database");
/* Requete sur le nombre de match joué par le FCB */
$query_001 = "SELECT COUNT(*) FROM rencontre where CURRENT_DATE>date";
$result_001 = mysql_query($query_001) or die("Pb sur la requete 1");
/* Requete si le FCB recoit et gagne le match */
$query_002 = "SELECT COUNT(*) FROM rencontre where equipe_1='3' and score_1>score_2 and CURRENT_DATE>date";
$result_002 = mysql_query($query_002) or die("Pb sur la requete 2");
/* Requete si le 3 se déplace et gagne le match */
$query_003 = "SELECT COUNT(*) FROM rencontre where equipe_2='3' and score_1<score_2 and CURRENT_DATE>date";
$result_003 = mysql_query($query_003) or die("Pb sur la requete 3");
/* Requete si le 3 recoit et perds le match */
$query_004 = "SELECT COUNT(*) FROM rencontre where equipe_1='3' and score_1<score_2 and CURRENT_DATE>date";
$result_004 = mysql_query($query_004) or die("Pb sur la requete 4");
/* Requete si le 3 recoit et fait match nul */
$query_005 = "SELECT COUNT(*) FROM rencontre where equipe_1='3' and score_1=score_2 and CURRENT_DATE>date";
$result_005 = mysql_query($query_005) or die("Pb sur la requete 5");
/* Requete si le 3 se deplace et perds le match */
$query_006 = "SELECT COUNT(*) FROM rencontre where equipe_2='3' and score_1>score_2 and CURRENT_DATE>date";
$result_006 = mysql_query($query_006) or die("Pb sur la requete 6");
/* Requete si le 3 recoit et fait match nul */
$query_007 = "SELECT COUNT(*) FROM rencontre where equipe_2='3' and score_1=score_2 and CURRENT_DATE>date";
$result_007 = mysql_query($query_007) or die("Pb sur la requete 7");
while ($resultat_001 = mysql_fetch_row($result_001)) {
$match_joue=$resultat_001['0'];
}
while ($resultat_002 = mysql_fetch_row($result_002)) {
$match_2=$resultat_002['0'];
}
while ($resultat_003 = mysql_fetch_row($result_003)) {
$match_3=$resultat_003['0'];
}
while ($resultat_004 = mysql_fetch_row($result_004)) {
$match_4=$resultat_004['0'];
}
while ($resultat_005 = mysql_fetch_row($result_005)) {
$match_5=$resultat_005['0'];
}
while ($resultat_006 = mysql_fetch_row($result_006)) {
$match_6=$resultat_006['0'];
}
while ($resultat_007 = mysql_fetch_row($result_007)) {
$match_7=$resultat_007['0'];
}
$match_gagne=$match_2+$match_3;
$match_nul=$match_5+$match_7;
$match_perdu=$match_4+$match_6;
/*
echo "<div id='test'>match joué par le 3 : $match_1<br>3 recoit et gagne le match : $match_2<br>3 se déplace et gagne le match : $match_3<br>3 recoit et perds le match : $match_4<br>3 recoit et fait match nul : $match_5<br>3 se deplace et perds le match : $match_6<br>3 recoit et fait match nul : $match_7</div>";
*/
echo "<div id='cadre_titre_01' align=right><table cellspacing=0><tr><td>Bilan : $match_joue Matchs</td></tr>";
echo "<tr><td>$match_gagne Victoires / $match_nul Nuls / $match_perdu Défaites </td></tr></table></div>";
echo "<div id='cadre_titre'>Fiche du Club</div>";
echo "<div id='cadre_photo'><img src='logo_3.jpg' width=128 height=124></div>";
echo "<div id='cadre_info_01'><table cellspacing=0 width=100%><tr><td width=60%>Fondation</td><td width=40%>2006</td></tr>";
echo "<tr><td>Statut</td><td>Association</td></tr>";
echo "<tr><td>Couleurs</td><td>Bleu / Blanc</td></tr>";
echo "<tr><td>Stade</td><td>Guy Mousset</td></tr>";
echo "<tr><td>Président</td><td>Laurent Tridat</td></tr>";
echo "<tr><td>Trésorier / Secrétaire</td><td>Claudio Pellegrino</td></tr>";
echo "<tr><td>Entraîneur</td><td>-</td></tr>";
echo "</table></div>";
echo "<div id='cadre_titre_02'>Saison 2006 - 2007</div>";
echo "<div id='cadre_info_02'><table cellspacing=0><tr><td>Championnat Entreprises</td></tr>";
echo "<tr><td>Matchs amicaux</td></tr>";
echo "<tr><td>Meilleur buteur</td></tr>";
echo "<tr><td>Joueur le plus capé</td></tr>";
echo "</table></div>";
echo "<div id='cadre_titre_03'>Historique Championnat Saison par Saison</div>";
echo "<div id='cadre_info_03'><table cellspacing=0 width=100%><tr><td>Saison</td><td>Div.</td><td>Class.</td><td>Pts</td><td>J</td><td>G</td><td>N</td><td>P</td><td>Bp.</td><td>Bc.</td><td>Diff.</td></tr>";
echo "</table></div>";
/* Fermeture de la connexion */
mysql_close($link);
?>
......
Il y a un acces réservés aux joueurs ou ils peuvent valider leur entrainement, leur particpation au match, leur coordonnées, ils ont des stats sur les matchs etc....
La mise à jour du site, ce fait via une interface admin ecrite en PHP et pas a la main.
Et le site est complétement dynamique
|
Titre: Re:New design
Posté par: Netah le le 30-08-2006 a 16:42:52
Ok pour la partie php... Il y a un intérêt (mais il y a plus simple et plus propre comme méthode... même si je ne développe pas en php et que je ne pourrais pas bcp t'aider dans ce domaine).
Par contre, pour la sortie, c'est pas ça. Le php reste coté serveur et la sortie coté client, n'est pas conforme... Bref, on va tourner en rond si je répète ce que j'ai déjà dit.
Une page correctement développée suit la structure suivante :
Code:
<html>
<head>
<title></title>
</head>
<body>
Là, tu mets ton php et le reste inclus dans tes div
</body>
</html>
|
|
Dans les deux pages que j'ai regardé sur ton site, tu n'inclues pas ta page entre deux balises "body". Et dans l'une des deux, entre les "body" il y avait une balise "center" non fermée.
A mon avis, tu n'en as pas pour longtemps à comprendre et apprendre le xhtml/css de manière convenable et tu as tout à y gagner.
Ce que je voulais dire sur le fait que tu peux faire plus propre en php, c'est que si là tu as séparé le design de la base de donnée, tu pourrais séparer le design du code (templates), de la base, etc... Et dans le code, fonctionner en modules (ça prend tout son intérêt si tu fais plusieurs sites). |
Titre: Re:New design
Posté par: dieu_fox le le 30-08-2006 a 16:52:08
Je vois ce que tu veux dire par plus propre, mais le délai pour la création du site eitait assez court, alors j'ai travaillé super vite donc pas eu trop trop le temps de finioler le code. disons le franchement , j'y suis allé comme un bourrin...lol
Par contre, en ce qui concerne les frames, moi ca ne me dérange pas du tout de les retirers, bien au contraire, mais comme fais-je pour charger une page internet dans une autre page sans frame ? |
Titre: Re:New design
Posté par: Netah le le 30-08-2006 a 17:25:34
Tu ne charges pas une page dans une autre page... Tu segmentes...
Explication :
Code:
<html>
<head><title>essai 1</title></head>
<body>
<div class="conteneur">
<div class="menu">
ici le code de ton menu
</div>
<div class="main">
ici le code de ta page
</div>
</div>
</body>
</html>
|
|
C'est aussi simple que ça pour la structure xhtml (donc bien plus simple que les frames).
Ensuite, avec un peu de css
Code:
.conteneur
{
blabla pour les typo
width:700px;
border-style:solid;
border-width:1px;
border-color:#000000;
}
.menu
{
float:left;
width:180px;
}
.main
{
width:500px;
float:right;
}
|
|
C'est un minimum qui doit fonctionner.
Lien pour voir rapidement le xhtml (http://www.blog-webmaster.com/content/TutorialsTree.aspx)
Lien pour aller plus loin en CSS (http://www.alsacreations/articles)
Par contre, au miens tu développeras coté serveur, au plus simple ce sera... (comme coté client en fait...) |
Titre: Re:New design
Posté par: luch#AD# le le 22-02-2007 a 22:10:38
| moins dans les carré j pense suprime tout ces angles droits fait plus dans la douceur j pense sinon il est cool j'aime bien le menu |
Titre: Re:New design
Posté par: DJolhan le le 28-02-2007 a 13:02:55
| Pense aussi et surtout a comparer les résultats obtenu entre ff et ie ;) |
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|