Discussion :

[Crashoveridese]

Bonjour à tous.

Avec un ami nous souhaitons réaliser un petit site perso pour une team, travailler un peu le design, mais surtout faire une mise en page un peu particulière avec des éléments qui disparaissent lors du scrolling, d'autres qui se modifient et d'autres qui restent ...

L'exemple le plus parlant est celuis là : http://www.zanox.com/ :
- Disparition de la bannière photo
- Opacification de la mini bannière en haut
- Verrouillage de la barre grise (qui n'est autre que la barre de menu)

Avez vous quelques conseils pour me permettre une telle mise en page, sachant que je dispose de DreamWeaver CS6 via mon travail mais qu'il s'agit d'un logiciel que je ne maîtrise pas du tout ...

Merci par avance pour votre aide/éclairage/conseil/soutien

[rodolphebrd]

Bonjour et bienvenue sur developpez.com,

Désolé de vous donner de faux espoirs mais Dreamweaver ne vous apportera pas la solution à votre question.

Il contribuera à faire ce que vous lui direz en fonction du code que vous saisirez.

Les effets que vous souhaitez obtenir nécessite un peu d'apprentissage (HTML, CSS, Javascript et Dreamweaver).

Vous pouvez très bien si vous êtes pressé passez par un CMS type Wordpress dont les résultats sont très corrects.

[Crashoveridese]

Je suis ouvert à toute proposition, du moment que le rendu permet un masquage automatique de certains éléments tout en en laissant d'autres

[rodolphebrd]

Que connaissez-vous des langages que je vous ai mentionnés plus haut ?

il s'agit d'un logiciel que je ne maîtrise pas du tout

Poster sur le forum Dreamweaver sans le connaître ne facilite pas la tache.

[Crashoveridese]

Je maîtrise le HTML, sais faire des classes pour en rappeler les mises en forme ou les contraintes plus loin dans le document.
Le JS, je ne sais que prendre des codes existants pour les intégrer dans une page HTML.
Dreamweaver, je suis en cours de formation pour le besoin exprimé (livre + tutos vidéos) mais pour le moment je n'ai pas eu l'information qui me permette de répondre à mon besoin.
Le CSS3, je viens également de m'acheter un bouquin CCS3 et HTML5, mais n'ai pas encore pu mettre le nez dedans.



J'ai posté ici car certaines connaissances m'ont dit, à tord ou à raison "Avec Dreamweaver, tu peux faire ce que tu veux comme site". Je me suis dit que kit à me m'auto-former et à demander de l'aide, mieux valait prendre ce type de logiciel qu'un logiciel plus simple, et donc plus facile à prendre en main, mais qui ne m'offrirait pas le rendu final désiré

[rodolphebrd]

Le JS, je ne sais que prendre des codes existants pour les intégrer dans une page HTML.

Alors attention avec Javascript car il vaut mieux comprendre ce que l'on copie.
Vous allez vous faire taper sur les doigts sur tous les forums du monde.

J'ai posté ici car certaines connaissances m'ont dit, à tord ou à raison "Avec Dreamweaver, tu peux faire ce que tu veux comme site".

On ne vous dit pas de bêtises et comme je vous l'ai mentionné plus haut DW fera ce que vous lui direz de faire comme tout bon éditeur de code.
Si vous lui commandez à la voix de vous faire un slideshow, il ne fera rien, en tout pas dans sa version actuelle.
DW à la particularité d'être WISIWYG (ce qui est génial) et... de coûter cher (ce qui est génial).
Attention au code généré par ce logiciel qui finit par être imbuvable. Je l'utilise depuis le toujours (depuis que j'ai commencé à faire des sites) et je n'utilise plus que le mode code.

Pour votre besoin la solution passera par la recherche de ce que vous voulez, de comprendre le code, de l'adapter et l'écrire dans DW et de publier votre site.

[Crashoveridese]

Alors attention avec Javascript car il vaut mieux comprendre ce que l'on copie.
Vous allez vous faire taper sur les doigts sur tous les forums du monde.

Je m'en doutais un peu. Disons que cela m'a bien rendu service pour réaliser des bandeaux défilants pour une new ou une annonce par exemple. Bref, rien de très recherché

On ne vous dit pas de bêtises et comme je vous l'ai mentionné plus haut DW fera ce que vous lui direz de faire comme tout bon éditeur de code.

C'est déjà un bon début, je sais que si je me forme, ça ne sera pas pour rien ... !

DW à la particularité d'être WISIWYG (ce qui est génial) et... de coûter cher (ce qui est génial).
Attention au code généré par ce logiciel qui finit par être imbuvable. Je l'utilise depuis le toujours (depuis que j'ai commencé à faire des sites) et je n'utilise plus que le mode code.

J'ai l'avantage d'en disposer par le travail, ce qui retire son principal inconvénient. Et effectivement, j'avais jusqu'ici, pour des besoins simple, privilégié un codage 100% manuel pour sa légèreté et sa lisibilité lorsqu'il fallait s'y repencher quelques mois/années plus tard. Mais là, la "complexité" de notre souhait rend les choses bien différentes.

Pour votre besoin la solution passera par la recherche de ce que vous voulez, de comprendre le code, de l'adapter et l'écrire dans DW et de publier votre site.

Ce que je veux, ça c'est fait. Comprendre le code, je n'ai pour ma part pas réussi en regardant celui de la page du site cité en référence. Donc l'adapter et l'intégrer à DW est encore bien loin.
C'est pour cela que je suis venu ici, pour voir si quelqu'un de plus calé pouvait m'aider à comprendre ce dont j'ai besoin pour réutiliser et personnaliser le code afin d'obtenir l'effet désiré.

[rodolphebrd]

Comprendre le code, je n'ai pour ma part pas réussi en regardant celui de la page du site cité en référence.

Alors il faut effectivement vous formez aux bases car il n'y a rien de compliquer dans le site que vous mentionnez.
Si à l'inspection du code vous ne trouvez pas c'est qu'il y a du chemin à parcourir.
Exemple pour l"opacification de la mini bannière en haut" qui a la propriété : background-color: rgba(40,40,40,0.7);

[Crashoveridese]

Rien de compliqué c'est tout de même très relatif

J'arrive à aller lire la feuille CSS, mais n'y comprend effectivement pas grand chose.

Je crois que le résultat visé est bien plus éloigné que ce que j'espérais. Je pensais vraiment que quelques lignes de code données et expliquées suffiraient ...

Je vais déjà me replonger dans mes bouquins et tutos puis je verrai ensuite.

Merci pour vos réponses.

[rodolphebrd]

J'arrive à aller lire la feuille CSS, mais n'y comprend effectivement pas grand chose.

Oui effectivement il vaut mieux passer un peu de temps pour apprendre les bases.