page d'accueil

[nanams25]

Bonjour,
il y a pas longtemps j'ai poster un sujet concernant une demande d'animation.swf
Je n'ai pas réussi à trouver mais j'ai essayer de créer une page d'accueil mais j'aurais besoin d'aide en particulier pour le design. j'aimerais un design sur le thème des centrales nucléaire.
je vous joins le fichier

voila en espérant avoir des conseils et de l'aide. Merci
bonne journee

le lien : http://fileupload.filetac.com/file/adf6 ... fdd20ab57d

[zardoz]

Il aurait été bien que tu nous donnent aussi le répertoire/images.
Nous pourrions mieux répondre à ta question.

Si c'est pour une question de protection des droits d'auteurs tu peut les remplacer
par de simples rectangles de même dimension. Nous comprendrons.

Merci.

++

[nanams25]

oui excusez moi,voici le dossier image mis dans une archive avec Windows.
le lien http://fileupload.filetac.com/file/6498 ... e382a707a6

merci bonne journee

[nanams25]

http://tpemagma.free.fr/ c'est la page original auquel j'ai pris le code....
j'aimerais nu truc de ce style.
merci

[zardoz]

Excuse moi mais hier je n'avais pas regarder ton script
en HTML. mais là je vois que tu as aussi un fichier CSS
qui n'est pas présent dans le téléchargement : Design.css

Il nous le faudra aussi ce fichier car il traite de la mise en page.

<link rel="stylesheet" media="screen" type="text/css" title="Design" href="design.css" />
Tu peut placer le script ici sur MSG entre les BBcode's ' Code '.

Ah bon ! Je viens de lire ton 2ième message [ le double post ]. Là je comprend.
C'est une copie du script. Ce en quoi tu ne pouvais pas transférer les répertoires. Bon

J'avoue ne pas te comprendre vraiment. C'est ton site ? : ou pas ?

++

[nanams25]

non en faite c'est pas mon site,j'ai fait un site sur les TPE sur le thème des centrales nucléaire et je vous lais faire une page d'accueil pour mon site et donc en trouvant sur internet j'ai vu comme exemple la page d'accueil de http://tpemagma.free.fr/ et elle m'a plus et donc je voudrais en faire une pour mon site de ce style pour mon site sur le thème nucléaire.
merci bonne soirée

[zardoz]

Bon d'accord.

J'ai dû naviguer quelque peu pour m'instruire sur ce que veut dire pour vous
TPE [Travaux Personnelles Encadrés] souvent en 1ère Scientifique.

Eux [TPE/magma] auront choisis un background noir et un cadre orange.
Dans leurs cas c'est bien puisqu'ils traitent du magma comme sujet.
Dans ton cas je te suggère de ne pas suivre la présentation Design de ce site.

Ton sujet nous suggèrent une page aérer laissant au texte la priorité. Ensuite les images.
Évidemment un mixte entre les textes et les images seront prévilégier dans ton cas.

Par contre un background blanc devrait être choisi logiquement, dû au fait que
les centrales nucléaires sont situés au sol, au grand vent et à la lumière du jour,
et ce toujours à des endroits géographiquement aérer. En principe ton site/TPE devrait
réfléter ces caractéristiques.

Je te donne un exemple simple du genre que tu devrais exploiter en terme de mise en page.
C'est une adresse qui pointe un site/TPE dont le sujet est : La Centrale Nucléaire.

http://tpe-nucleaire.over-blog.com/

Navigue un peu sur ce site si tu le désire et surtout donne moi ton impression.
Sache avant toute chose que ce site est tout à fait et parfaitement adapter au sujet
des centrales nucléaires et ce, dans le cadre d'un TPE. Bref, conçu par des étudiants,
non des professionnelles. Par le fait même ce genre simple ne demande pas trop d'expérience
en terme de concept. Un simple HTML|CSS devrais suffir. Crois moi ici que la qualité
de présentation est bien supérieur à l'adresse que tu m'a fait visiter. TPE/magma.

Je te dirai plus tard les nombreuses qualités de présentation de ce site/TPE sur les centrales.
Mais de grâce ne t'inspires pas de l'esthétique de présentation du TPE/magma.

PS : Je me suis fier à ton premier message sur ce topic, demandant conseil et de l'aide.

++

[jeromecold]

C'est tout simple à faire ça!
La page d'accueil vers laquelle le serveur redirige automatiquement doit s'appeler "index", tu dois le savoir, fait donc une page "index.html" qui aura un lien "Entrer sur le site" qui redirigera sur une autre page contenant elle, la vrai page d'accueil.

Dans le cas du site que tu as montré, un peu de css suffit:

Code: Tout sélectionner

#jeromecold_cadre {
width: 780px;
border: 3px solid red;
padding: 10px;
color: red;
font-size: 15px;
margin:auto;
}

Et pour l'inclure dans une page:

Code: Tout sélectionner

<div id="jeromecold_cadre">Le texte contenu dans le cadre rouge</div>

C'est pas méchant!

[nanams25]

ok je le connais déjà ce site^^mais je vais réfléchir à quelle présentation je vais faire....

si vous voulez pour info,voici mon site tpe http://centralestpe.free.fr donnez moi votre avis (ps:je vais enlever l'animation au début)
Je pense comme tu as dit,un fond blanc avec du bleu clair pourrait convenir et reste savoir intégrer uen image,des truc du genre mais j'aurais besoin d'aide....
j'essaie de vous tenir au courant.

bonne journée

ps: je sais qu'il faut pas m'inspirer du design sur le site du magma car c'est totalement différent,en faite je voulais un truc du genre mais de couleur sur le thème des centrales.
pss: Jeromecold je ne comprend pas comment tu as fait....

[zardoz]

Bon eh bien ! : Ton site est quand même bien fait.
À part quelques détails importants sur la présentation esthétique
et navigationnelle, ton site/TPE sur les centrales me semble assez bien.

Enlever l'animation sur la première page est une bonne décision.
Pour ce genre nommé TPE, il est préférable de rester simple car le but
premier des TPE sera de communiquer l'information. En fait ton site/TPE
devrais être axé sur la qualité des informations, donc le texte et les images.

Le menu : La qualité visuel de la typographie joura aussi un rôle majeur.
Ce qui n'est pas le cas pour tes sous-menu : Bleu | noir avec trop de détérioration
du lettrage. Ma suggestion pour les sous-menu est de rester dans le blanc, sans trop d'artifice
visuel en rollOver. Blanc à l'ouverture et bleu pâle en rollOver, oubli le noir en rollOver.
Le choix d'un caractère typographique lisible devra être prévilégier ici.
Je ne pourrai pas tout dire sur la typographie car c'est un art en soi que de faire le meilleur
choix toujours axé sur la lisibilité. La typographie est un élément visuel fragile, mais important.

Les texte défilant : Ceux-ci évidemment sont beaucoup trop rapide.
N'oubli pas que tu fait une présentation. Ton but premier est de transmettre l'information.
Seulement aux yeux du visiteur, celui-ci se place en zone de recherche de documentation ou d'étude.
Les gadget's n'ont pas leur place pour un site/TPE. Ton rôle sera donc de créer une zone propice
à la recherche d'information sur les centrales, ainsi qu'une zone qui favorise la tranquilité.
Oubli les font's du genre ' Comic's '. Place toujours des choix de caractères classique.

Le diaporama : Je n'ai rien à dire sur le diaporama. Celui-ci me semble bien. C'est d'ailleurs
la seule zone où tu pourras te laisser allez en ce qui concerne les mouvements tous genres.
Les transitions entrent images et tout autres concepts fantaisistes. Belle navigation pour le diapo.
C'est sûr que certains points esthétiques sont à considérer mais à la base c'est ok.

Je te laisse mais je te reviens plus tard. C'était mon point de vue.
Évidemment je n'ai pas visiter au complet mais j'y retournerai plusieurs fois.
Tiens nous au courant des progrès s.v.p.

++ félicitation pour ton site/TPE.

[jeromecold]

pss: Jeromecold je ne comprend pas comment tu as fait....

J'ai juste tapé un brin de code en css (pour le style) et en xhtml (pour l'afficher dans la page).
Je vais te rajouter des commentaires (entre /**/):
A mettre entre <head> et </head>:

Code: Tout sélectionner

<style type="text/css">
#jeromecold_cadre { /*Un petit nom*/
width: 780px; /*Une taille de 780 pixels de long*/
border: 3px solid red; /*Un bord de 3 pixels d'épaisseur, continu et rouge*/
padding: 10px; /*10 pixels entre le bord et le contenu*/
color: red; /*Texte en rouge*/
font-size: 15px; /*Texte de taille 15pixels*/
margin:auto; /*Le tout centré!*/
}
</style>


A mettre dans le body pour l'afficher:

Code: Tout sélectionner

<div id="jeromecold_cadre">Le texte contenu dans le cadre rouge</div>

Voilà, préviens si tu ne comprends toujours pas!

[zardoz]

À propos de ton texte défilant vers le haut »

Tu as une balise « <marquee>ton texte défilant</marquee> »
Tu devras changé la valeur d'un attribut nommé : scrollamount

Voici l'exemple : Celui-ci provient de ton script « mise_en_place.html »

<marquee behavior="scroll" direction="up" height="150px" scrolldelay="1" scrollamount="5">

L'attribut que j'ai colorer en bleu ne dois pas dépasser la valeur de 1 : Pour un confort en lecture.

Voici l'exemple modifier :

<marquee behavior="scroll" direction="up" height="150px" scrolldelay="1" scrollamount="1">

Essais le tu verras qu'il y a plus de confort à la lecture.

PS : Si la largeur de la zone de texte est deux fois moins large tu pourras marquer
---> scrollamount="2" plutot que 1 mais ne dépasse jamais 2.

++

[nanams25]

je vous remercie pour vos suggestions,je vais donc modifier les sous-menus.
Pour le rollover,il y en a pas,je sais pas ce qui s'est passé,mais il y avait du rollover partout et je trouvait cela très désagréable donc maintenant il y en a plus....
OK donc le design en général sa va mise à pars les sous menus?
N'hésitez-pas à me donnez d'autre conseil si vous voyez des choses qui ne plaisent pas ou encore si vous y connaissez,si mon site est assez complet....
De plus j'ai enlevé,la page d'animation.

Pour la page d'accueil,je vais voir ce que tu as "bricolé" jeromecold....merci
je procéderais aux modifications demain car j'ai beaucoup de chose à faire...

bonne soirée

[zardoz]

Tu as déjà améliorer.
C'est vraiment un beau site/TPE, c'est un des plus beau que j'ai vu.

J'ai retourner faire un tour aujourd'hui et je me suis senti à l'aise au travers la navigation et les lectures.
Le rappport textes/images est très bon. Bonne idée que d'enlever les balises <marquee>.

Je me suis retrouver dans une zone d'information où je pouvais lire et m'instruire en toute tranquilité.

Félicitation en tout cas : ++

PS : J'ai même découvert un site qui ce spécialise dans des templates
---> conçu spécifiquement pour les TPE. Ceux-ci sont payant pa contre. Quelques Euro's.
---> Je n'ai pas conserver l'url malheureusement.

[nanams25]

Ah merci c'est gentil!C'est vrai que j'en ai baver pour faire ce site et il y avait des hauts et des bats...
Enfin si sa plait c'est le principal!
merci

par contre je n'ai toujours pas réussi à faire cette page d'accueil pfff

bonne journee