Bonjour à tous !

Je réalise actuellement un site pour ma classe, où l'on trouvera dessus des fiches synthèses pour les contrôles/interrogations à venir, les devoirs à faire, les repas. Je maîtrise le CSS/HTML, mais je suis un peu en manque d'idée pour compléter le site. Voici des screenshots :

- Accueil : http://puu.sh/5VZqw.png
- Contrôles : http://puu.sh/5VZrz.png (Vide pour le moment)
- Devoirs : http://puu.sh/5VZsq.png
- Repas : http://puu.sh/5VZsS.png (Vide également, je compte mettre des screen des menus chaque semaine)

Auriez-vous des conseils au niveau du design ? Au niveau de la programmation ?.

Pour la partie contrôle, j'aimerais avoir des idées pour la remplir. J'aimerais mettre les différentes matières, et mettre une fiche pour chaque contrôle de chaque matière qui arrive. Auriez-vous des idées de structure ?

Désolé si mes questions ne sont pas claires, si vous avez des questions n'hésitez pas.

Merci d'avance à ceux qui répondront !

Pour la partie contrôle, j'aimerais avoir des idées pour la remplir. J'aimerais mettre les différentes matières, et mettre une fiche pour chaque contrôle de chaque matière qui arrive. Auriez-vous des idées de structure ?

si je devais le faire sans me casser trop la tête je ferais ça sous forme de blog genre

_____________________________________________
controle de bio, le 23/12/2013
-----------------

blabla j'ai ça à réviser
fiche téléchargeable ici : ...
exemple des années passées ici : ...

tag: bio
______________________________________________
controle de francais, le 12/12/2013
-----------------

blabla j'ai ça à réviser
fiche téléchargeable ici : ...
exemple des années passées ici : ...

tag: francais

Et tu cale quelque par un mini moteur de recherche pour filtrer par date et par tag

Pour le niveau design si le site est pratique on s'en fou un peu pour être honnête (combien de site dans le genre sont horriblement moche mais tellement indispensable ^^')

Pour te citer un exemple, celui de notre fac était comme ça http://fmdkdd.free.fr/ et pourtant tout les étudiants y vont ;p

Pour la programmation ben ça va être du PHP ou du nodejs si tu veux pas tout faire en statique, dans les 2 cas ça va te demande un peu de boulot

Le fait que le site soit en statique ne me pose pas de problème, ça ne me dérangera pas de mettre à jour le site tous les jours.

Et puis, j'ai promis de sortir le site pour la rentrée 2014, donc ça va être un peu difficile d'apprendre le PHP/Nodejs dans ce temps imparti.

Tu trouves le design de mon site raisonnable ou tu changerais quelque chose ?

Sinon, j'avais pensé le faire sous forme de tableau en 2 colonnes :

Matières | Lien qui amène sur la fiche

Mais je n'ai pas vraiment envie de faire un tableau comme sur la partie "Devoirs", tu vois ?

Petit up histoire que j'ai plus d'avis.

Il y a vraiment moyen de faire un jolie site en utilisant que du HTML et du CSS, notamment si tu te penches sur le CSS3, il y a moyen de faire des animations sympas

Des exemples ? J'ai cherché mais je ne vois pas ce qui pourrait aller avec ce que je recherche. ^^

http://www.css3create.com/

Merci bien, je regarde ça !

Je suis en train d'apprendre le Javascript, voir si je peux ajouter quelques fonctionnalités sympathique.

Je vais mettre un menu vertical déroulant dans la partie "Contrôles", ça peut être pas mal.

Voici l'avancement du site !

http://puu.sh/63BIP.png

http://puu.sh/63BLU.png (Menu déroulant)

http://puu.sh/63BMO.png

La partie repas est toujours vide, mais c'est normal.

Auriez-vous des conseils ?

Auriez-vous des sites comme css3create qui donnent des petites idées sympathique ?

Merci.

http://puu.sh/63BLU.png c'est pas très beau, épure un peu.

Sinon pourquoi plusieurs pages? Si justement il y a peu d'information tu peut tout rassembler sur une seul page et le menu tu le mais en position fixed pour qu'il soit toujours visible, puis tu utilise des ancres pour se déplacer dans la page.
exemple de site plusieurs section sur une page:
http://www.samanthaebrard.com/

Tu peut ensuite utiliser la balise mailto pour qu'on puissent te contacter (c'est toujours utile. )

Et quelque part tu peut mettre un lien vers le site de ton école.

- Je comptais justement mettre les "sections" à gauche, et mettre un texte au milieu, mais je n'y arrive pas, quand je le fait, ça sépare les "sections".

- Je trouve ça plus pratique un site à plusieurs pages. ^^

- Pour la balise mailto, j'y avais pensé !

- Je compte faire une section "Liens utiles" dans laquelle on retrouvera plusieurs liens dont celui de l'école.

http://puu.sh/63I5B.png Comment mettre le formulaire au milieu, sans déformer les colonnes de gauche ?

Ou tout simplement, comment écrire au milieu sans déformer les colonnes de gauche. Définir une zone pour les colonnes ?

faudrait voir le reste du code pour dire un truc précis,

mais si tu mais le formulaire dans une div que tu place en absolute; puis que tu positionne via top,left,right,bottom sa devrais le faire.

Pareil pour une portion de texte ?