webdesign site "One Page"

Sympa mais qques détails me gênent.
Trop d'espace entre les paragraphe
Changement d'alignement des textes (pk centrer le textes sous les vignettes ?)

Oui effectivement les paragraphes sont pas mal espacé, je vais essayer d'arranger cela !

les vignettes seront les photos des personnes du groupe projet de Cover Perf et le texte en dessous une sorte de mini biographie respective à chacun !

Tu penses qu'il serait mieux que je garde l’alignement que j'utilise dans la partie cover Perf ?

merci de tes remarques :)

Bonjour,
Moi l'espace entre les paragraphes ne me gêne pas trop,
peut être le fait de mettre les images à gauche (plutot qu'à droite) et "ferrer" le texte dessus (avec un espace tout de même)...

Sinon moi ce qui me gêne le plus, c'est que je trouve que le menu manque un peu de force (du moins la typo), par rapport au titre de rubrique par exemple... il est peut être préférable de partir sur quelque chose de similaire entre menu et titre de rubrique, pour une meilleur cohérence (et donc avoir quelque chose de bold, approchant ou pareil à ton titre de rubrique)

Sinon pour le reste c'est sympa, sobre, simple mais efficace pour un début (^^).

Ouhh pour le développement, il va y avoir un gros traitement au niveau de la détection de la résolution du visiteur.
Il ne faudrait pas que le contenu de la "page" suivante soit déjà visible pour les personnes qui ont une haute résolution.

Est-ce que ton menu principal restera en position fixed au top comme dans ton exemple ?

@ Hiero
Je vais essayer de "ferrer" tout ça ^^. Super conseil pour la typo du menu similaire aux rubriques, je vais changer ça tout de suite !!
"sympa, sobre, simple mais efficace" Merci c'est ce que j'essayai d'obtenir :)

@Chritchan
Oui il restera fixed au top...! "gros traitement au niveau de la détection de la résolution du visiteur", gros à quel point ^^?
C'est justement la partie qui me fait peur, réussir à adapter à n'importe quel résolution d'écran tout en gardant la page suivante caché pour chacun.

Merci de vos remarques et conseils :)

Gros traitement parce que il faut non seulement cacher la page suivante au visiteur donc constamment garder la hauteur de tes div "container" égales à la hauteur de ton veiwport.
En gros, c'est super simple finalement !

En jQuery, tu vas initialiser toutes tes divs "container" (les divs qui vont contenir le contenu de chacun de tes menus) et tu vas leur attribuer la hauteur de ton viewport.
Après, il faudra que appeler ta fonction d'initialisation au resize de la page ... comme ceci :

$(document).ready(function() {
   // resizenow étant le nom de la fonction à appeler
   $('#supersize').resizenow();

   $(window).bind("resize", function(){
      $('#supersize').resizenow(); 
   });
});

un truc ainsi ... j'avais utilisé cette méthode quand j'ai créé ce site www.restauration-nouvelle.be

Merci pour ton explication, elle me rassure pas mal ! J'aurais surement d'autres questions quand j'aurai plus avancé, y a toujours un soucis quelque part ^^ ! sinon voila les retouches que j'ai effectué selon vos conseils et remarques: [url=http://s3.noelshack.com/upload/7043146004961\_design\_cp5.jpg][img]http://s3.noelshack.com/uploads/images/7043146004961\_design\_cp5.jpg[/img][/url] Qu'en pensez-vous ?

Est-ce que le flux css dans "Retrouve Z -nous aussi sur:" est réellement utile ? Comme je vois, tu n'as pas d'actualités sur ton site donc pas un réel intérêt selon moi.

Ce qui te permettra donc de mettre les 3 réseaux sociaux sur une seule ligne et de les faire un peu plus petit ^^ Je les trouve assez intrusif.

Effectivement le flux css n'a pas d'intérêt, au départ les 4 icônes sont une seule image, j'ai pris l'une des premières sans trop regarder ^^'.

Et aussi merci pour le Z !!

Ca fait bizarre je trouve que dans cover perf que les textes ne soit pas aligné en top par rapport au images de gauche

Merci Djtec effectivement ça faisait bizarre :)

la construction texte/image dans cover perf fait plus fouillies je trouve... tu devrais aligner toutes les images à gauche (ou toute à droite comme avant) et laisser le texte défiler...

Après il serait peut être intéressant, dans une logique d'harmonisation de conserver une même taille pour toute les images... à voir.

Bon boulot en tout cas, continue comme ça.

Merci Hiero, j'ai aligné tous ça et harmonisé mes tailles d'images !! Voila le résultat: [url=http://s3.noelshack.com/upload/18128510087688\_design\_cp7.jpg][img]http://s3.noelshack.com/uploads/images/18128510087688\_design\_cp7.jpg[/img][/url] Si vous voyez d'autres choses n’hésitez pas :)

un autre soucis, tout tes textes sont en latin... je suis pas sur que ton client comprenne...

ahahah !

Oula j'ai lu italique au lieu de latin... du coup j'ai cherché pendant 5 minutes ou était l'italique =_=

Bon j'ai fini l'intégration et le codage xhtml, css et javascript et j'ai plusieurs problèmes !!

j'ai suivi le tuto de Creatiq pour faire la partie javascript de mon site "One page" ! (il commence a traiter le js à partir de 1h15)

Quand je clique sur mon menu j'arrive à la section voulu mais il n'y a pas d'effet de scrolling et mon menu reste actif sur l'accueil ...

je vais vous donner mon js, je suis complétement débutant dans ce domaine. Vous trouverez peut être quelque chose !!

$(document).ready(function(){

    $("#nav li a").click(function(){
        $("#nav li a").removeClass("active");
        $(this).addClass("active");
        var id=$(this).attr("href");
        scrollTo(id);
        return false;
    });

    function scrollTo(target){
        if($(target).length>=1){
        height=$(target).offset().top;
        }

        $("html,body").animate({scrollTop: height}, 1200);
        return false;
    };
});

Désolé pour le double-post mais juste pour dire que j'ai résolu mon problème :)