New design - Forum Webdesign

La Communauté Webmaster

  Forum-webmaster
  Webdesign / graphisme
  Webdesign (Modérateurs: Shain, Lilian, lauryv, ToToMaStEr)
  New design

« Précédent Suivant »

Pages: [1]

Auteur

Sujet: New design (Lu 1880 fois)

New design
« sur: le 29-08-2006 a 17:14:21 »

dieu_fox
Membre récent

Hors-Ligne

Messages: 5

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.

Rapporter au modérateur

Re:New design
« Répondre #1 sur: le 30-08-2006 a 11:55:03 »

Netah
Modérateur Global

Hors-Ligne

Sexe: Male

Messages: 1256

ZoneB.org

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".

Rapporter au modérateur

skalae.fr - Stages photo - Blog Webmaster - Twitter TLS

Re:New design
« Répondre #2 sur: le 30-08-2006 a 11:58:28 »

dieu_fox
Membre récent

Hors-Ligne

Messages: 5

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 )

« Dernière Édition: le 30-08-2006 a 12:08:05 par dieu_fox »

Rapporter au modérateur

Re:New design
« Répondre #3 sur: le 30-08-2006 a 14:33:31 »

DJolhan
Superactif

Hors-Ligne

Sexe: Male

Messages: 777

Quel est l'interet de vivre sous un toit, on vivait bien dans les grottes à la préhistoire !

Rapporter au modérateur

Agence web H.D.Clic : creation site internet - création site web

Re:New design
« Répondre #4 sur: le 30-08-2006 a 14:37:34 »

dieu_fox
Membre récent

Hors-Ligne

Messages: 5

Questions mal formulé, quel est le plus du XHTML par rapport au CSS + PHP

Rapporter au modérateur

Re:New design
« Répondre #5 sur: le 30-08-2006 a 15:45:54 »

Netah
Modérateur Global

Hors-Ligne

Sexe: Male

Messages: 1256

ZoneB.org

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 => OK, c'était nul ) => []

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

Rapporter au modérateur

skalae.fr - Stages photo - Blog Webmaster - Twitter TLS

Re:New design
« Répondre #6 sur: le 30-08-2006 a 15:57:12 »

dieu_fox
Membre récent

Hors-Ligne

Messages: 5

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

« Dernière Édition: le 30-08-2006 a 16:01:25 par dieu_fox »

Rapporter au modérateur

Re:New design
« Répondre #7 sur: le 30-08-2006 a 16:42:52 »

Netah
Modérateur Global

Hors-Ligne

Sexe: Male

Messages: 1256

ZoneB.org

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).

Rapporter au modérateur

skalae.fr - Stages photo - Blog Webmaster - Twitter TLS

Re:New design
« Répondre #8 sur: le 30-08-2006 a 16:52:08 »

dieu_fox
Membre récent

Hors-Ligne

Messages: 5

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 ?

Rapporter au modérateur

Re:New design
« Répondre #9 sur: le 30-08-2006 a 17:25:34 »

Netah
Modérateur Global

Hors-Ligne

Sexe: Male

Messages: 1256

ZoneB.org

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
Lien pour aller plus loin en CSS

Par contre, au miens tu développeras coté serveur, au plus simple ce sera... (comme coté client en fait...)